L2: Visual Design for Usability Flashcards
In layout grids, what is the best approach to alignment points?
The fewer the better
Poor page layout creates…
no visual hierarchy
A well laid out web design with grids and layouts create…
Predictable, modular, clear visual structure
What’s in a header?
Logo, tagline, search facility
What’s in the “Top Navigation”?
The main navigation for the website
What’s in the “Right Navigation”?
Low-importance items unless the visual design is used to give prominence.
What’s in the “Footer”?
Copyright and contract info, Terms and Conditions, Accessibility, Marks the end of each page.
What are stylesheets?
Defines typography, justification, and color
Grids + Stylesheet =
Template
T or F: Fewer templates make the user experience more consistent.
True
Color is…
Cultural: Your background decides what colors will mean to you.
Color blindness affects around __% of men but only __% of women.
8% men, 0.05% women.
What are some of the benefits of images from an interaction perspective?
From an interaction perspective, the benefit of having images in your design is it’s much easier and quicker to click compared to a relatively small text link(it makes a great click/tap target). It’s also useful for visual engagement and explanation, and users with visual-spatial preference images over texts.
What do forms consist of?
Labels, Fields and Links.
Which of the following IS NOT a good forms design guideline?
a. Maximize the movement between mouse and keyboard
b. Minimize the movement between mouse and keyboard
c. Treat user input as valuable and be flexible in its interpretation
a. Maximize the movement between mouse and keyboard
