Lesson 6 - UI Design

Question 1

The process of making interfaces in software or computerized devices with a focus on looks or style is considered what?

Answer 1

UI design

Question 2

What is the primary aim of designers

Answer 2

Create designs users will find easy to use and pleasurable

Question 3

TF: UI design is only concerned with graphical user interfaces

Answer 3

False. Can also include voice-controlled, gesture-controlled interfaces

Question 4

System users often judge a system by what?

Answer 4

Its interface rather than its functionality

Question 5

What causes users to make catastrophic errors?

Answer 5

A poorly designed interface

Question 6

What is the primary reason as to why many software systems are never used?

Answer 6

Poor user interface design

Question 7

What are the 4 GUI elements?

Answer 7

1. Input Controls
2. Navigation Components
3. Informational Components
4. Containers

Question 8

What do ‘input Controls’ refer to in GUI elements?

Answer 8

Allow users to input information into the system

Question 9

What do ‘Navigation Components’ refer to in GUI elements?

Answer 9

Help users move around a product or website

Question 10

What do ‘Informational Components’ refer to in GUI elements?

Answer 10

Share information with users

Question 11

What do ‘Containers’ refer to in GUI elements?

Answer 11

Hold related content together

Question 12

What are some basic GUI elements? (7)

Answer 12

• Check boxes
• Buttons
• Label buttons
• Radio buttons
• Sliders
• Droplists
• Text boxes

Question 13

What is a bento menu?

Answer 13

A menu with grid items

Question 14

The little trails of links that help users figure out where they are within a website is known as…

Answer 14

Bread crumbs

Question 15

What are small rectangular/square modules that contain different kinds of information (buttons, text, rich media)?

Answer 15

Cards

Question 16

What acts as an entry point for the user, displaying different kinds of content side by side which the user can then click on?

Answer 16

Cards

Question 17

What are Carousels?

Answer 17

Design element where users can browse through sets of content, like images or cards

Question 18

What is the biggest advantage of using a carousel?

Answer 18

Enable more than one piece of content to occupy the same area of space on a page or screen

Question 19

What are loaders?

Answer 19

UI element that lets users know the system is completing an action in the background and should wait

Question 20

What are the advantages of a GUI? (3)

Answer 20

• Easy to learn and use
• Users may switch quickly from one task to another and can interact with several different applications
• Fast, full-screen interaction is possible with immediate access to anywhere on screen

Question 21

What are the major steps in User Interface Design Spiral Process? (4)

Answer 21

• Interface analysis
• Interface design
• Interface construction
• interface validation

Question 22

In Interface analysis, what are you trying to answer? (4)

Answer 22

• Who will interact with the system?
• Tasks, content and work environment
• Models of system function
• Human and computer oriented tasks for system function

Question 23

What takes place during Interface design? (2)

Answer 23

• Design interface objects and actions
• Enable users to perform all defined tasks in a manner that meets every usability goal defined for the system

Question 24

What takes place during Interface construction?

Answer 24

Developing a prototype to evaluate usage scenarios

Question 25

What is Interface Validation? (2)

Answer 25

- Degree to which the interface is easy to use and learn - User's acceptance of the interface as useful to their work

Question 26

UI design must take account of what regarding the system users? (3)

Answer 26

- Needs - Experience - Capabilities

Question 27

What do designers need to be aware of when designing a system? (2)

Answer 27

People's physical and mental limitations

Question 28

What are the 6 pillars of UI design?

Answer 28

1. User familiarity 2. Consistency 3. Least surprise 4. Recoverability 5. User assistance 6. User diversity

Question 29

What is meant by User familiarity when referring to the 6 pillars of UI design?

Answer 29

Design things in ways users already understand (e.g. office system should use letters, documents, folders instead of directories, file identifiers, etc.)

Question 30

What is meant by Consistency when referring to the 6 pillars of UI design?

Answer 30

Keep the look, behaviour, and placement of elements the same across the system

Question 31

TF: Inconsistency in UI design should be avoided at all costs

Answer 31

False. Can be used in moderation

Question 32

What is meant by Least surprise when referring to the 6 pillars of UI design?

Answer 32

System should look behave in ways user expects (i.e. in a predictable manner)

Question 33

What is meant by Recoverability when referring to the 6 pillars of UI design?

Answer 33

Allow users to undo mistakes or easily go back from errors (i.e. undo, confirmation buttons)

Question 34

What is meant by User assistance when referring to the 6 pillars of UI design?

Answer 34

Give help when needed (i.e. using tooltips, guides, error messages)

Question 35

What is meant by User diversity when referring to the 6 pillars of UI design?

Answer 35

Design for different users (i.e. age, gender, disabilities, technical level, etc.)

Question 36

When is a strong visual hierarchy achieved?

Answer 36

When there is a clear viewing order to the visual elements on a screen (i.e. users view the same items in the same order every time)

Question 37

What is a weak visual hierarchy?

Answer 37

When the visual elements on a screen give little clue about where to rest one's gaze and end up feeling confused

Question 38

TF: visual hierarchy is one of the easiest ways to strengthen (or weaken) a design

Answer 38

True