Module 4

Question 1

What does UI design refer to?

Answer 1

The visual design, once the layout is defined, tested by users, and vetted by the client.

Question 2

What does the UI encompass?

Answer 2

UI Design encompasses everything related to graphics, appearance and layout, Including: Layout grid, Images and icons in foreground and background,
Typography, Colours, Layout and design of navigation menus and buttons, and the style guide.

Question 3

UI Design can be defined from two essential and complementary angles:

Answer 3

1.How to represent information.
2.How to organise information to optimise the interaction between the user of the product

Question 4

What does UI design combine?

Answer 4

UI design combines aesthetic and functional roles

Question 5

What is visual hierarchy ?

Answer 5

Visual hierarchy is concerned with arranging design elements to highlight their order of importance to one another

Question 6

What are the Gesalt Principals?

Answer 6

• Closure
• Symmetry & Order
• Figure/Ground Relationship
• Common Regions
• Proximity
• Continuity
• Common Fate (Synchrony)
• Similarity and Focal Points

Question 7

What can whitespace acheive?

Answer 7

White space can be used as silence to let information echo or expand, giving it space to assert itself.

Question 8

What are the 2 color schemes?

Answer 8

1. The spectrum of colours - from yellows to purples
2. The spectrum of tones - from white, through greys, to black.

Question 9

What 3 contrasts does the color wheel represent?

Answer 9

1. Temperature contrast
2. Light and dark contrast
3. Complementary contras

Question 10

What is the 2 typeface rule?

Answer 10

Best practice dictates that a product should have no more than two typefaces: one for titles, subtitles and special quotes; the other for all manner of texts

Question 11

What elements are apart of the type anatomy?

Answer 11

Baseline, x-height, ascender and descender and serifs

Question 12

What are the 4 large typeface categories?

Answer 12

1. Serif
2. Sans Serif
3. Display
4. Monospace

Question 13

What is tracking?

Answer 13

Tracking is when we alter at once the space between all the letters of a text (done easily in many software).

Question 14

Kerning

Answer 14

Kerning is adjusting by hand the space between the letters of a given word. It is used when designing a logotype, signboard, book title or marriage invitation

Question 15

How is text color generally acheived?

Answer 15

Text colour is generally achieved by increasing or diminishing the “density” of the text.

Question 16

What is typography

Answer 16

Typography refers to the arrangement of type characters; type refers to the different elements of an alphabet (the individual letters, numbers, punctuation, and symbols).

Question 17

What is a font?

Answer 17

Font is a particular size, weight and style of a typeface. . A font is a collection of letters and other symbols used to set text (or related) matter, Font refers to the physical embodiment (whether it’s a case of metal pieces or a computer file)

Question 18

What is a typeface?

Answer 18

Typeface refers to the design (the way it looks); a typeface shares an overall design.

Question 19

What is a Design Style Guide?

Answer 19

collection of guidelines and references for all the elements in your user interface, setting standards for the writing and design of documents and materials. They include common UI components like buttons, input elements, navigation menus, modal overlays, text and icons

Question 20

What is a style guide?

Answer 20

A style guide is both a deliverable created by the UX team (in collaboration with the technology team) and a tool used by the entire project team for maintaining consistency in a flexible format.

Question 21

What is the goal of a style guide?

Answer 21

The use of a design style guide provides uniformity in the application of graphic elements and the formatting of materials. The goal is to achieve a consistent appearance and behavior across all materials — one of the foundations of visual design.

Question 22

What are some important elements of a style guide?

Answer 22

Content
Color palette
Typography
Layout Grids
Image
UI Elements

Question 23

What is a HI-FI Prototype?

Answer 23

Hi-fi prototypes cover not only the user interface (UI) of the product in terms of visuals and aesthetics but also the user experience (UX) aspects in terms of interactions, user flow (the path taken by a user on a site to complete a task) and behaviour.

Question 24

When is the right time to use hi-fi prototypes?

Answer 24

• When you have visual designs of your product
• When you have done and tested every complex element, or task and you are ready to see how they work altogether, with interactivity, transitions, animations, and effects of them on the user and user behaviour.

Question 25

Why is a Hi-Fi prototype used?

Answer 25

The main purpose of any prototypes including hi-fi interactive prototypes is to test their usability and have users validate it.

Question 26

Why are images important?

Answer 26

• People prefer images over text. Images, if they are meaningful and relevant, support rapid (diagonal) reading.
• Images draw attention and trigger emotion. Don’t use photos as just a decor – let them speak to users, transfer a message.