07 Design patterns

Question 1

What is chunking?

Answer 1

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

Question 2

What are the benefits of chunking?

Answer 2

Assist short-term menory
aides scanability
aides comprehension

Question 3

What is alignment

Answer 3

Objects that are aligned - that are more symmetrical appear more orderly. And orderly interfaces are easier to comprehend.

Question 4

What are the benefits of alignment?

Answer 4

Makes interfaces more orderly
Aides comprehension
Makes interfaces more percivable
Leads users through an interface

Question 5

What is the best way to align labels to input fields?

Answer 5

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

Question 6

What is a call to action?

Answer 6

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

Question 7

What does a call to action do?

Answer 7

Tells user what they should do
Tells them why they should do it
Tells them what happens after they do it

Question 8

What is visual hierarchy

Answer 8

Uses color contrast and size
Prioritises most important information
Prioritises most common action
Leads users through an interface

Question 9

What are progress indicators

Answer 9

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

Question 10

What is important about affordances on mobile?

Answer 10

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

Question 11

What are the benefits of digital affordances?

Answer 11

Make interface percievable
Make interfaces discoverable
Make actions obvious
Must use natural qualities

Question 12

What are pattern libraries?

Answer 12

A collection og mobile and desktop screenshots

Question 13

What are the benefits of patteren libraries?

Answer 13

Help identify conventions
good starting point
Investigation and analysis required
design required

Question 14

What is the most common pattern for help?

Answer 14

tooltips

Question 15

What is important to remember when it comes to help?

Answer 15

Available but not intrusive
On the interface rather than tooltips
Contextual also works very well

Question 16

What is inline validation

Answer 16

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

Question 17

What are the benefits and negatives of inline validation?

Answer 17

Reduces error
increase speed
increases satisfaction
not easy to implement
needs to be tested out rigorously

Question 18

If users make maistakes - your error messages should do three things:

Answer 18

Tell them clearly that an error has occured
Tell them what ´went wrong
Tell them what they need to do to fix it

Question 19

What are the best practises of error handeling?

Answer 19

Make the error clearly visible
Make it clear where the error occured
explain how to resolve the problem

Question 20

What are Reusable solutions to common problems in software are known as?

Answer 20

design patterns

Question 21

What involves breaking large amounts of information into smaller groups to help users process data faster and remember it more easily?

Answer 21

Chunking

Question 22

What are the benefits of alignment?

Answer 22

Aids comprehension

Leads users through an interface

Helps prevent errors

Question 23

Which type of label alignment was found to be optimal by a Google eye-tracking study?

Answer 23

Top align

Question 24

What uses colour contrast and size to tell users what information is most important and what should be done first?

Answer 24

Visual hierarchy

Question 25

An indicator of how to operate a product, is known as what?

Answer 25

Digital affordance

Question 26

What is a benefit of pattern libraries?

Answer 26

Help identify conventions