07 Design patterns Flashcards
What is chunking?
Chunking is a technique that helps us process data faster and remember ir more easily. For example separating input fields so that they are easier to digest
What are the benefits of chunking?
Assist short-term menory
aides scanability
aides comprehension
What is alignment
Objects that are aligned - that are more symmetrical appear more orderly. And orderly interfaces are easier to comprehend.
What are the benefits of alignment?
Makes interfaces more orderly
Aides comprehension
Makes interfaces more percivable
Leads users through an interface
What is the best way to align labels to input fields?
Top align - google did a search and the top-aligned did far better. If placeholders are used they need to dissapear once you start entering data
What is a call to action?
These are buttons that guide the user. Try to avoid words like “next” or “continue” or “submit” unless they are actually relevant. Anything that makes thing clearer and more predictable is better
What does a call to action do?
Tells user what they should do
Tells them why they should do it
Tells them what happens after they do it
What is visual hierarchy
Uses color contrast and size
Prioritises most important information
Prioritises most common action
Leads users through an interface
What are progress indicators
Tells users how much people have made thorugh a process Tells users what they have done Tells users what they need to do Indicates time and effort required Aides predictability
What is important about affordances on mobile?
Limited screen space makes it difficult for all features to be available all of the time. Make the primary action visible to users - for instance a big chunky button
What are the benefits of digital affordances?
Make interface percievable
Make interfaces discoverable
Make actions obvious
Must use natural qualities
What are pattern libraries?
A collection og mobile and desktop screenshots
What are the benefits of patteren libraries?
Help identify conventions
good starting point
Investigation and analysis required
design required
What is the most common pattern for help?
tooltips
What is important to remember when it comes to help?
Available but not intrusive
On the interface rather than tooltips
Contextual also works very well
What is inline validation
Instead of waiting for users to submit a form - and then telling them that they have made a mistake, inline validation is a technique that tells them how they are doing as they are completing the form
What are the benefits and negatives of inline validation?
Reduces error increase speed increases satisfaction not easy to implement needs to be tested out rigorously
If users make maistakes - your error messages should do three things:
Tell them clearly that an error has occured
Tell them what ´went wrong
Tell them what they need to do to fix it
What are the best practises of error handeling?
Make the error clearly visible
Make it clear where the error occured
explain how to resolve the problem
What are Reusable solutions to common problems in software are known as?
design patterns
What involves breaking large amounts of information into smaller groups to help users process data faster and remember it more easily?
Chunking
What are the benefits of alignment?
Aids comprehension
Leads users through an interface
Helps prevent errors
Which type of label alignment was found to be optimal by a Google eye-tracking study?
Top align
What uses colour contrast and size to tell users what information is most important and what should be done first?
Visual hierarchy
An indicator of how to operate a product, is known as what?
Digital affordance
What is a benefit of pattern libraries?
Help identify conventions