Fix And Flex

Which of the following font combinations is best for UI readability?

• Comic Sans + Impact

• Roboto + Open Sans

• Cursive + Monospace

• Lobster + Times New Roman

Spot the Color Violation – Which button text is hardest to read?

• White on Navy

• Black on Light Grey

• Yellow on White

• Blue on White

Which button text is hardest to read for users with low vision?

• White text on Black

• Black text on Yellow

• Grey text on White

• Navy Blue text on Sky Blue

What makes a button look clickable?

• Drop shadow

• Rounded corners

• High contrast with background

• All of the above

Which of these is NOT a common button state?

• Hover

• Focus

• Tilt

• Disabled

Which font is best suited for a mobile UI?

• Times New Roman

• Roboto

• Impact

• Comic Sans

Which of the following is NOT part of Google’s Material Color Palette?

• #F44336 (Red 500)

• #009688 (Teal 500)

• #009688 (Teal 500)

• #2196F3 (Blue 500)

Why are SVG icons preferred in UI design?

• They look better on paper

• They scale without losing quality

• They’re easier to print

• They’re smaller in file size

In UI design, what does “F-pattern” refer to?

• A button layout style

• A button layout style

• How users scan content on a screen

• A font naming convention

Which of the following affects a UI’s accessibility the most?

• Font pairing

• Decorative illustrations

• Color contrast between text and background

• Use of emojis