Design Patterns

Question 1

What is chunking?

Answer 1

Technique to help process data faster and easily remember it by breaking data into smaller groups.

Question 2

What are the benefits of using chunking?

Answer 2

• Assists short-term memory
• Aides scanability
• Aides comprehension
• Large data sets appear smaller

Question 3

What are the benefits of using alignment?

Answer 3

• Makes interfaces more orderly
• Aides comprehension
• Makes interfaces more perceivable
• Leads users through the interface
• Helps prevent errors

Question 4

What is the best alignment for form labels?

Answer 4

Top aligned labels

Question 5

What is a difficulty in using side aligned form labels?

Answer 5

Makes more work for the users scanning left and right.

Question 6

What are difficulties in using labels inside form fields?

Answer 6

• 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

Question 7

What 3 things does a good CTA tell the user?

Answer 7

• What they should do
• Why the should do it
• What happens after

Question 8

What 4 things does visual hierarchy do?

Answer 8

• Uses color contrast and size
• Prioritizes most important information
• Prioritizes most common actions
• Leads user through the design

Question 9

What are progress indicators?

Answer 9

Indicates how much progress have been made in a process.

Question 10

What 2 principles should progress indicators adhere to?

Answer 10

• Make the steps look sequential

- Make it clear which steps have been complete vs yet to be finished

Question 11

What 4 things do progress indicators do?

Answer 11

• Tell users what they have done
• Tell them what they need to do
• Indicate time and effort required
• Aide predictability

Question 12

What is a digital affordance?

Answer 12

Helps users understand how your product is operated.

Question 13

What 4 things does a digital affordance do?

Answer 13

• Make interfaces perceivable
• Make features discoverable
• Make actions obvious
• Must use natural qualities

Question 14

What is a pattern library?

Answer 14

Collections of desktop and mobile screenshots.

Question 15

What should you be wary about with pattern libraries?

Answer 15

• 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

Question 16

In what 3 ways should help be available on your site?

Answer 16

• Available but not intrusive
• On the interface rather than tooltips
• Contextual help when needed works well

Question 17

What is inline validation?

Answer 17

Tells the users how they are doing it as they complete a form.

Question 18

When should inline validation NOT be activated?

Answer 18

Validation should not occur before the input is given or before the user has left the field.

Question 19

What 3 things should you do when error handling?

Answer 19

• 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.