Font size
WorksheetsWeb Design
Total questions: 17
Worksheet time: 18mins
What characterises web 3.0?
User generated content & collaboration
Personalisation & integration of devices
Advanced search capabilities & rich media
Machine learning & user generated content
What's the difference between web design & web development?
Web dev is focussed on UI, while design is focussed on UX
Web design is about the framework while web dev is about aesthetics
Web dev focussed on behind-the-scenes while design is the front-end
Web devs must know Figma, while design must know Python
What are some of the functional components of a website?
Adaptive design, SEO
Navigation, UI
Responsive design, software
Social media icons, speed of load-time,
What is not an example of a menu?
Sticky
Dropdown
Sidebar
Footer
Studies show a 38% rise in bounce rate after how many seconds?
2
3
5
8
What is UX?
The visual aesthetics of a website
The front-end of a site
How people interact with tech
The way a site functions
What is not a factor of what UX improves?
Findability
Valuableness
Profitability
Credibility
What is adaptive design?
Having different versions of the same website
Having a dynamic website appearance
Having a flexible grid that adapts to devices
Having a site that is responsive to different devices
What is not a visual element of website design?
Colour scheme
Font choices
Image choices
Video choices
What should you not have in a website footer?
Navigation bar
The logo
A map
Social media icons
Where can you use animation to gain customer attention?
In your "about us"
Notifying where the navigation bar is
Giving arrows to follow directions
Notifying users of cookies
What colour does the eye see first?
Blue
Green
Yellow
Red
Contrast juxtaposes elements to highlight differences, what is not an example of this?
Dark & light
Colour & saturation
Smooth & rough
Large & small
Repeating styles can suggest content is...
(a)
Whitespace is...
Always white
Space without elements
A blank page
Something that draws your attention away from what is unimportant
Ways you can achieve visual hierarchy...
Direction
Similarity
Texture
Whitespace
Main 2 ways you can achieve visual hierarchy
Texture & style
Contrast & colour
Lines & shapes
Contrast & continuance
