6. Intermediate Design and Detailed Design

Question 1

What is an intermediate design?

Answer 1

Visual and aesthetic design of the user interface, often shown on a computer screen or another device. Includes colours, shapes, sizes and style to support and enhance the functionality. Often you can push buttons (clickable prototype) It is NOT as detailed as detailed design

Question 2

What is a detailed design?

Answer 2

Uses materials that you would expect to be in the final product. It is a prototype that looks more like the final system and users could confuse it with a full system

Question 3

What is the F-pattern?

Answer 3

Eye-tracking research showed that the users focus is on the upper left corner of the screen

Question 4

How can we use colours in our design?

Answer 4

To place focus of attention on something, to show the state of something, to make information clear and to make the interface more attractive

Question 5

Keep in mind when using colours

Answer 5

Beware of contrast, never rely solely on colour and remember that colour blindness affects 7-10%, predominantly males

Question 6

Why use images in your design?

Answer 6

They are good for getting attention, they show information, they help if people have little understanding of the language, and they can assist with the interaction

Question 7

Accessibility

Answer 7

1. It is the right thing to do 2. It is the law 3. It makes things easier for everybody 4. It is good for business

Question 8

Information messages

Answer 8

1. Information text 2. Only OK closing button

Question 9

Warnings

Answer 9

1. Warns the user - unusual situation 2. Often has three alternatives; yes, no and cancel

Question 10

Error messages

Answer 10

1. Reports an error 2. The user can sometimes confirm (OK button)