Design Patterns Flashcards
(19 cards)
What is chunking?
Technique to help process data faster and easily remember it by breaking data into smaller groups.
What are the benefits of using chunking?
- Assists short-term memory
- Aides scanability
- Aides comprehension
- Large data sets appear smaller
What are the benefits of using alignment?
- Makes interfaces more orderly
- Aides comprehension
- Makes interfaces more perceivable
- Leads users through the interface
- Helps prevent errors
What is the best alignment for form labels?
Top aligned labels
What is a difficulty in using side aligned form labels?
Makes more work for the users scanning left and right.
What are difficulties in using labels inside form fields?
- Difficult for users to check their work if the label disappears
- Difficult for users to correct work
- Requires more mental effort to make sense and edit a pre-filled form
What 3 things does a good CTA tell the user?
- What they should do
- Why the should do it
- What happens after
What 4 things does visual hierarchy do?
- Uses color contrast and size
- Prioritizes most important information
- Prioritizes most common actions
- Leads user through the design
What are progress indicators?
Indicates how much progress have been made in a process.
What 2 principles should progress indicators adhere to?
- Make the steps look sequential
- Make it clear which steps have been complete vs yet to be finished
What 4 things do progress indicators do?
- Tell users what they have done
- Tell them what they need to do
- Indicate time and effort required
- Aide predictability
What is a digital affordance?
Helps users understand how your product is operated.
What 4 things does a digital affordance do?
- Make interfaces perceivable
- Make features discoverable
- Make actions obvious
- Must use natural qualities
What is a pattern library?
Collections of desktop and mobile screenshots.
What should you be wary about with pattern libraries?
- Screenshots are skin deep, must download and try them
- Everybody is solving a different problem, don’t copy patterns blindly
- Need to craft your own solutions
In what 3 ways should help be available on your site?
- Available but not intrusive
- On the interface rather than tooltips
- Contextual help when needed works well
What is inline validation?
Tells the users how they are doing it as they complete a form.
When should inline validation NOT be activated?
Validation should not occur before the input is given or before the user has left the field.
What 3 things should you do when error handling?
- Tell users clearly where the error occurred
- Tell the user what went wrong
- Tell the user what they need to do to fix the problem.
