UX/UI
Free to host · players join from their phones
UX laws & psychology
-
Fitts's law predicts how long it takes a user to hit a target such as a button or link. Which two factors determine that time?
Show answer
A
-
Hick's law: decision time grows with the number and complexity of choices. Which design pattern is a direct application of it?
Show answer
A
-
Jakob's law states that users spend most of their time on OTHER websites. What is the practical consequence for your app?
Show answer
A
-
One of these phone numbers is much easier to remember. Miller's 'magical number 7 (plus or minus 2)' refers to the number of chunks an average person can hold in working memory.
Show answer
true
Accessibility
-
The body text in this image (#999999 on a white background) passes the WCAG AA contrast requirement for normal-size text.
Show answer
false
-
What is the minimum contrast ratio WCAG AA requires for normal-size text? (the X in X:1)
Show answer
4.5
-
This Ishihara plate reads '74' - unless you have red-green color blindness, which affects roughly 1 in 12 men. Which design rule follows from that?
Show answer
A
-
A designer finds the browser's default focus outline ugly. What is the correct approach?
Show answer
A
-
This 'OK' button is rendered at actual size on a phone. What minimum touch-target size do Apple's and Google's guidelines recommend?
Show answer
C
Forms & input
-
Where should field labels be placed for the fastest scanning and best mobile behavior?
Show answer
A
-
Placeholder text inside an input field is a good replacement for a visible label.
Show answer
false
-
A user submits a form and sees this. How should form validation errors be presented instead?
Show answer
A
-
Your signup form asks for name, email, password and phone number ('might be useful later'). What does good form UX dictate?
Show answer
A
Feedback & interaction
-
According to Nielsen's classic response-time limits, up to which duration does a response feel instantaneous?
Show answer
A
-
Why do skeleton screens often work better than a spinner while content loads?
Show answer
A
-
This dialog appears on EVERY delete, even though deletes are reversible server-side. Which pattern gives better UX?
Show answer
A
-
What is the UX problem with this button?
Show answer
A
Visual hierarchy & layout
-
Which set of tools primarily creates visual hierarchy on a page?
Show answer
A
-
You automatically perceive the dots in this image as separate groups. Which Gestalt principle is at work?
Show answer
A
-
This is the primary call-to-action on the page. What is the problem?
Show answer
A