Module 7

Question 1

Chunking

Answer 1

Makes large data sets easier to grasp

Chunk data into relatable input groups to group data e.g your details, delivery address, payment details, order summary

User can understand what’s required quicker

Question 2

Benefits of chunking

Answer 2

1. Helps our short term memory by displaying data into bite size pieces
2. Makes large data sets appear smaller
3. Aids scanability for the user
4. Helps make interface more perceivable - obvious straight away to the user what is required / going on

Question 3

Alignment

Answer 3

Objects that are aligned appear more orderly and are easier for the user to comprehend (faster to read then)

Less mental overhead - better user experience

Alignment can help lead the user through the software

Path to completion = forms should be aligned from top to bottom to lead the user through the software

Question 4

Alignment recap

Answer 4

Alignment:

1.Makes interfaces more orderly
2. Aides comprehension
3. Makes interfaces more perceivable
4. Guides users through an interface
5. Helps reduce errors

Question 5

Label Alignment

Answer 5

Always best to top align labels

1. Aids scanability Less work for user (easier to read top to bottom rather than left to right)
2. Suit a mobile interface better

Question 6

Using placeholder as a label

Answer 6

Placeholder label within a filed

Negatives:

Disappears when a user enters something into the field

Makes it difficult to check their work and more difficult to correct errors

Question 7

Call to Action (CTA)

Answer 7

• tells user this what you need to do
• tells user what will happen next

Use buttons to tell user what will happen next e.g

Sign up to 30-day free trial
Donate now

Question 8

Call to action (RECAP)

Answer 8

A good call to action will tell the user:

1. What they should do
2. Why they should do it
3. What will happen after

Question 9

Visual hierarchy

Answer 9

Indicate to user what elements are most important and what should be given attention first

Objects with the most contrast to their surroundings will be picked up first

Question 10

How to achieve visual hierarchy

Answer 10

1. Size

• the biggest text is most important

2. Colour

• Objects with the highest colour contrast to their surroundings are perceived first e,g compose button gmail

Question 11

Visual hierarchy (RECAP)

Answer 11

1. Uses colour contrast and size
2. Prioritise most important information
3. Prioritise most common actions
4. Leads user through the interface

Question 12

Progress indicators

Answer 12

Indicate how much progress a user has made through a process

Question 13

Creating a progress bar

Answer 13

1. Make the steps sequential (e.g step 1….)
2. Clearly indicate what steps have been completed vs what is yet to be finished

Question 14

Progress indicators benefits

Answer 14

1. Tells users what they have done
2. Tells users what they need to do
3. Indicates time and effort required to complete process
4. Aides predictability

Question 15

Digital Affordances

Answer 15

Affordances can help make digital features discoverable

E.g Plus sign to add a new reminder

Question 16

Digital affordance (Recap)

Answer 16

1. Makes interfaces perceivable
2. Makes features discoverable
3. Make actions obvious
4. Must use natural qualities

Question 17

Help

Answer 17

Put information on screen for user

E.g rules for setting up a pin code below pin code creation

Question 18

Help (RECAP)

Answer 18

1. Available but not intrusive to users
2. On the interface rather than in the form of tooltips
3. Contextual help works well (e.g only displaying help when a user clicks on the field)

Question 19

Inline validation

Answer 19

Tell the user how they are doing as they are filling in the form

E.g Password field has a green tick when the password criteria has been met

Only using inline validation after the user has exited the field - then give the confirmation
It can be offputting while the user is filling in the field to be told they haven’t met the criteria even though they aren’t finished filling in the field - VALIDATION SHOULD OINLY OCCUR WHEN THE USER HAS LEFT THE FIELD

Question 20

Inline validation benefits

Answer 20

1. Reduces error
2. Increases speed
3. Increases satisfaction

Not easy to implement - needs to be tested rigorously

Question 21

Error Handling

Answer 21

Error messages should tell the user:

1. Clearly where the error occurred
2. What went wrong
3. What they need to do to fix the error