Lectures 25, 26, & 27

Question 1

What is visual Design?

Answer 1

• Part of interface design
• Aesethics of a product

Question 2

What is visual design concerned with?

Answer 2

• Color
• Layout
• Spacing
• Typography
• Motion
• Branding

Question 3

What is interaction design?

Answer 3

Determines what’s on the screen & how people use those elements
- Interaction between users & a system

Question 4

What are 5 visual design principles?

Answer 4

1. Perception
2. Gestalt (Proximity, Similarity, Continuity, Closure)
3. Hierarchy
4. Balance (Symmetry, Asymmetry, Visual Weight)
5. Contrast

Question 5

What is perception?

Answer 5

How we visually perceive objects
Impacted by
- The past (experiences)
- The present (context)
- The future (goals)

Priming impacted how a person responds to certain stimuli

Question 6

What are the implications on interface design with perception?

Answer 6

• Avoid ambiguity
• Be consistent
• Understand user goals

Question 7

What is hierarchy and how do we create hierarchy on a screen?

Answer 7

Brain perceives structure

Create hierarchy with
- Size & style
- Position
- Relationship
- Color

Z & F patterns are common hierarchy patterns

Implication to interface design
- User can scan pages quickly
- Understand content
- Quickly location what’s relevant for their goals