lecture6 - ENSC 304 - Human Factors and Usability...

Info iconThis preview shows pages 1–8. Sign up to view the full content.

View Full Document Right Arrow Icon
ENSC 304 - Human Factors and Usability Engineering Graphic Design and Layout User-Centred Design (UCD) • Read “The Usability Engineering Life Cycle” • Finish text readings pp. 141-218
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
ENSC 304 - Human Factors and Usability Engineering Layout Design Careful, well thought out design of all of the visual elements of a user interface makes a significant difference to the usability of that interface. Specific sets of guidelines are published by Apple, IBM, Sun, Microsoft, etc. Some resources: • “The Visual Display of Quantitative Information”, Edwin Tufte • “Visual Explanations”, Edwin Tufte • “The Non-designers Design Book”, Robin Williams
Background image of page 2
ENSC 304 - Human Factors and Usability Engineering Layout Design Four Basic Principles (CRAP) Contrast - avoid elements that are different but similar. If they are different, make them very different. Repetition - repeating visual elements (lines, color, texture) strengthens organization, structure. Alignment - Every element on a page or dialog or screen should have some visual connection with some other element on the screen. Proximity - Group related elements close to one another
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
ENSC 304 - Human Factors and Usability Engineering Layout Design Four Basic Principles : Contrast The first rule to follow is : DON'T BE A WIMP! Just a little contrast usually doesn’t draw the eye. This stands out better than This .
Background image of page 4
ENSC 304 - Human Factors and Usability Engineering Layout Design Four Basic Principles : Contrast, Repetition, … R educe visual clutter R euse colours and shapes to tie the design together R ecycle elements to show how parts of a layout are related R ejoice in the effectiveness of your design!
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
ENSC 304 - Human Factors and Usability Engineering Layout Design Four Basic Principles : Contrast, Repetition, Alignment, … R educe visual clutter R euse colours and shapes to tie the design together R ecycle elements to show how parts of a layout are related R ejoice in the effectiveness of your design!
Background image of page 6
ENSC 304 - Human Factors and Usability Engineering Layout Design Four Basic Principles
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Image of page 8
This is the end of the preview. Sign up to access the rest of the document.

Page1 / 28

lecture6 - ENSC 304 - Human Factors and Usability...

This preview shows document pages 1 - 8. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online