NEW
Font size
WorksheetsUI design basics
Total questions: 16
Worksheet time: 16mins
Does a Front end developer have to know about UI?
Yes
No
Why were the early links on the web blue?
The inventor of HTML had colour blue as his favourite colour
To show users that it is something they can click on
To stop users to click on it
What does responsive web design mean?
You find answers to your every question in these websites
To work on every platform
To have multiple layouts on different devices
How images and content are served
Answer 2, 3 and 4 are correct
What does flat design mean?
It doesn't have drop shadow effect
It is only 2D
It is boring
A minimum use of stylistic elements that give the illusion of three dimensions (such as the use of drop shadows, gradients or textures) and is focused on a minimalist use of simple elements
What is the problem with this design?
No white space
Colour and contrast is wrong
Wrong typography
Too complex
What is the problem with this design?
Colour and contrast is wrong
No consistency
Typhography
Answer 2 and 3
What are monochromatic colours?
Black and white
Different shades of grey
All shades and tints of a single hue
Answer 2 and 3
What colour scheme is this?
Monochromatic
Complementary
Analogous
Why is it important to apply the responsive design theory to your designs?
Google penalizes the websites that are not responsive
Users get annoyed
Your designs may not fit all screens
All above
Why is it important to design to the right density?
Google penalizes your website
Images would be blurry
All above
None above
Which format is the best to save your visual content in?
SVG
PNG
JPEG
What are the main UI design principles?
Clarity, Flexibility, Familiarity, Efficiency, Consistency and structure
Minimalism, Flexibility, Familiarity, Efficiency, Consistency and structure
Clarity, Flexibility, Typography, Efficiency, Consistency and structure
Clarity, Flexibility, Familiarity, Special effects, Flat design
What does clarity means as a UI principle?
It is easy to read the fonts
The images are clear
The design communicates where you are and what can you do
All above
Why on-boarding is important part of UI design?
You want to trick the user to use your app
To help users understand your app
To make users understand the functions that failed the user testing
Notifications are part of...
Navigation
On-boarding
Data input
This is an example of...
Navigation
Content
Social interaction
