Screen Design

Question 1

List the navigation patterns.

Answer 1

Clear Entry Points
Menu Page
Pyramid
Modal Panel
Deep‐linked State
Fat Menus
Sequence Map
Breadcrumbs
Sitemap Footer
Sign‐in Tools

Question 2

List the types of navigations.

Answer 2

Global navigation - menus, tabs, and/or sidebars.
Utility navigation - links like sign-in, help, and print.
Associative/inline navigation - Embedded links in actual content.

Question 3

List the characteristics of a visual hierarchy.

Answer 3

Font size, colour, and visual weight.
Density - contrast
Background colour
Position and size

Question 4

How do we help users navigate?

Answer 4

Signposts
Wayfinding:
Good signage
Environmental cues
Maps

Question 5

List the 6 general layout patterns.

Answer 5

Visual Framework
Center Stage
Grid of Equals
Titled Sections
Module Tabs
Accordion

Question 6

List the 5 mobile layout patterns.

Answer 6

Vertical Stack
Filmstrip
Touch Tools
Thumbnail-and-Text List
Infinite List

Question 7

List the 7 basics of visual design.

Answer 7

Colour
Typography
Spaciousness and Crowding
Backgrounds
Texture
Images
Angles and Curves

Question 8

List the 6 visual design patterns.

Answer 8

Deep Background
Few Hues, Many Values
Corner Treatments
Borders That Echo Fonts
Contrasting Font Weights
Skins and Themes