Professional Documents
Culture Documents
Consistent Clear
Clic the words to e"#lore Press $%% to go bac Press Esc to sto#
(a e )t
Big
(a e it Big *+e"t,
+his is Arial 12
+his is Arial 1-
+his is Arial 2.
+his is Arial /2
+his is Arial /0
+his is Arial ..
(a e it Big *+e"t,
+his is Arial 12
+his is Arial 1-
Too Small
+his is Arial 2.
+his is Arial /2
+his is Arial /0
+his is Arial ..
3ee# )t &i'#le
1,"%&, 5! 12,3 5,5!% 1!,"(&,&(% 1",&%",(5 &,"3!,&(% 1",3 5,3( &,&(",3 5 15,3 %,(3 &,!% ,23 2,!"&,"(! 5,&! ,"3 12,23 ,123 1&,1"%,11" (,( 5,&(" %&,"23 (,532,111 ,"32," 5 1&,(23,23( 1!,1& ,3 5 !%&,"(5
Too detailed !
Much Simpler
4alling 2eaves
Too detailed !
4alling 2eaves
:0 .0 /0 20 10 0 ?ellington D!nedin Christch!rch
Much Simpler
>an!ary
(arch
(ay
>!ly
&e#te'ber
6ove'ber
Too distracting !
(a e )t Clear
(a e )t Clear *Ca#italisation,
A22 CAP)+A2 2E++ER& ARE D)44)CU 2+ += READ U##er and lower case letters are easier
(a e )t Clear *4onts,
&anserif
clear
&erif
Z $usy
(a e )t Clear *4onts,
Serif fonts are difficult to read on screen &anserif fonts are clearer Italics are difficult to read on screen 6or'al or $old fonts are clearer Underlines 'ay signify hy#erlin s )nstead8 !se colo!rs to e'#hasise
(a e )t Clear *6!'bers,
Use n!'bers for lists with seA!ence 4or e"a'#le7 1ow to #!t an ele#hant into a fridgeB 1; =#en the door of the fridge 2; P!t the ele#hant in /; Close the door
(a e )t Clear *6!'bers,
1ow to #!t a giraffe into a fridgeB 1; 2; /; .; =#en the door of the fridge +a e o!t the ele#hant P!t the giraffe in Close the door
(a e )t Clear *B!llets,
Use b!llets to show a list witho!t Priority &eA!ence 1ierarchy8 C;;
(a e )t Clear *Colo!rs,
Use contrasting colo!rs 2ight on dar vs dar on light Use co'#le'entary colo!rs
(a e )t Clear *Contrast,
Use contrasting colo!rs 2ight on dar vs dar on light high contrast Use co'#le'entary colo!rs low contrast
(a e )t Clear *Contrast,
Use contrasting colo!rs 2ight on dar vs dar on light Use co'#le'entary colo!rs
(a e )t Clear *Contrast,
Use contrasting colo!rs 2ight on dar vs dar on light Use co'#le'entary colo!rs
(a e )t Clear *Co'#le'ent,
Use contrasting colo!rs
(a e )t Clear *Co'#le'ent,
Use contrasting colo!rs
(a e )t Clear *&i9e,
&i9e i'#lies i'#ortance
(a e )t Clear *&i9e,
Be Progressive
Mode o0 ,nstruction
2uided ,n3uiry
,n0ormational Tools go! Too many in one ,ndi+idual ,nstructi+e Tools ,ndi+idual 1air Social Communicati+e Tools 2roup
Direct ,nstruction
Comple/ity o0 ,nteractions
Mode o0 ,nstruction
2uided ,n3uiry
Direct ,nstruction
,n0ormational Tools
Understanding +echnology
(o!se (ain &torage 4!nction ey &oftware 4lo##y dis )D= Error CPU
Understanding +echnology
(o!se (ain &torage 4!nction ey &oftware 4lo##y dis )D= Error CPU User interface 1rogressi+e thus 0ocusedDeb!gger Bac !# syste'
Be Consistent
Be Consistent
Differences draw attention Differences 'ay i'#ly i'#ortance Use s!r#rises to attract not distract
Be Consistent
Be Consistent
Be Consistent
Differences draw attention Differences 'ay i'#ly i'#ortance Use s!r#rises to attract not distract +his i'#lies i'#ortance
Be Consistent
Differences draw attention Differences 'ay i'#ly i'#ortance Use s!r#rises to attract not distract Conf!sing differencesE
Be Consistent
Differences draw attention Differences 'ay i'#ly i'#ortance Use s!r#rises to attract not distract
Be Consistent
Differences draw attention Differences 'ay i'#ly i'#ortance Use s!r#rises to attract not distract
+hese distractE
)n &!''ary
Big &i'#le Clear Progressive Consistent
?ant 'oreB
Contact ERAU for 'ore Victor Chen *e"t 5./:F v;chenGera!,