Design Principles Flashcards

1
Q

What are standard design principles?

A
  • Visibility
  • Feedback
  • Constraints
  • Consistency
  • Affordance
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What is the difference between real and virtual affordances?

A
  • Computer interfaces are typically virtual and therefore do not have real (physical) affordances
  • Better conceptualized as perceived affordances
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What are the Visual Design Principles?

A
  • Spacing
  • Grouping — Law of Proximity
    • We perceive things closer to each other as being related
    • Good grouping results in efficient use of the interface
  • Simplicity
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What are the CRAP Design Principles?

A
  • Contrast — make different things stand out from each other
  • Repetition — repeat conventions throughout the design to tie elements together
  • Alignment — visually associate related elements by lining them up
  • Proximity — group related elements and separate unrelated elements
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

What are the Gestalt (Visual Perception) Principles?

A
  • “An organized whole is perceived as greater than the sum of its parts”
  • 7 principles:
    • Proximity
    • Common Region
    • Similarity
    • Closure
    • Symmetry
    • Continuation
    • Common fate
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What are some design considerations for Web?

A
  • Consider how to design, present, and structure information and system behaviour
  • Navigation is also important
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What is a design consideration for WIMP Icons?

A
  • Icons should map representation to what they are referring to
  • Similarity — effective but doesn’t work for abstract actions
  • Analogy — useful for abstract actions or representations
  • Arbitrary — versatile but requires learning which may create confusion
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

What are some design considerations for WIMP Menus?

A
  • Drop down arrows for submenus
  • Bullets and checkmarks should show changes in items
  • At most 25 items in a menu level
  • 7 or less groups and put separators between them
  • Provide access and shortcut keys
  • Start menu items with a verb, noun, or noun phrase followed by a hierarchical structure
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What are some design considerations for Mobile?

A
  • Consider smaller screen size, less input space, and bursts of usage
  • Users expect fast response and a personalized/streamlined experience
How well did you know this?
1
Not at all
2
3
4
5
Perfectly