Designing for Split-Second Clarity. Nadine Chahine, Ph.D. + (Bryan Reimer, Ph.D.)

Transcription

1 t a Glance Designing for Split-Second Clarity Nadine Chahine, Ph.D. + (Bryan Reimer, Ph.D.)

2 Legibility Tech through the ages Letters through the ages How we read Legibility research

3 Legibility The common interpretation

4

5 Gadgets Tech-through: One to many

6 A Time Not So Long Ag

7

8 image credit: cisnky Used here under CC 2.0 licens

9 Remember Party Lines?

10 Wireless!

11 uickly We Got se

12 nd These! iphone Generations gizology

13

14

15

16

17

18

19 eading Letters Where do our letters come from?

20

21

22

23 Retro lolcats

24 uiz e

25 Name the days starting with Sunday

26 Name the days in alphabetical order

27 riday

28 onda

29 aturd

30 unda

31 Can you find the odd one out?

32 perception recognition A B C

33 perception recognition A B C

34 perception recognition A B C D

35 perception recognition A B C D

36 Draw a boy kicking a ball

37

38

39

40

41 truth+ fluency Osorno is a city in Chile Osorno is a city in Chile

42 What is reading?

43 Is reading always the same?

44 What are some factors affecting reading?

45 Language Reader Task Medium Distance Size Typeface Typography Design Context

46 language

47 language +reader

48 language +reader +task

49 medium

50 medium +distance

51 medium +distance +size

52 I I

53 typeface +typograph +design

54 context

55 I picked a legible typeface! Done.

56 What is more legible? Thin, Light, Regular or Bold?

57 Legible for WHAT?

58 Gates A12 56 Baggage Claim/Exit

59 Signage, refers to the design or use of signs and symbols to communicate a message to a specific group, usually for the purpose of marketing or a kind of advocacy. A signage also means signs collectively or being considered as a group. Signage, refers to the design or use of signs and symbols to communicate a message to a specific group, usually for the purpose of marketing or a kind of advocacy. A signage also means signs collectively or being considered as a group.

60 Legibility is relative

61 The Science

62 Which typeface is more legible?

63 a a c c e e

64

65

66 o research Monotype + MIT AgeLab

67

68

69 1 st Legibility of text 2 nd Frutiger (Black on White) Legibility of text Eurostile (Black on White) Total Glance Time + 3.3% for women % for men Google: Ergonomics + Typeface

70 Questions Gender difference novel and unexpected. White on Black text? Other languages, other characteristics/environments, etc. Driving simulation experiments very time consuming and costly.

71 Word Recognition New method: Word recognition with brief exposure times to find the minimal time it takes to recognize a word accurately.

72 Fixation rectangle for 1000msec >=<==>=< Mask 1 for 200msec slough Word or Pseudoword (variable exposure duration) >=<>}==<= Mask 2 for 200msec Was that a word? Responce < 5000msec

73 Benefits Much simpler and more easily reproducible setup using a standard desktop computer screen.

74 Type Style + Polarity

75 Calibrated Threshold (ms) Frutiger Eurostile Humanist Square Grotesque Black on White White on Black

76 1 st 2 nd Legibility of text Frutiger (Black on White) Legibility of text Eurostile (Black on White) Exposure Times + 6.7% 3 rd Legibility of text Frutiger (White on Black) 4 th Legibility of text Eurostile (White on Black) + 9.1%

77 Legibility of text Frutiger Black on White Legibility of text Eurostile Legibility of text Frutiger % White on Black Legibility of text Eurostile

78 Type Style + Size

79 1 st Legibility of text Frutiger 4mm (Black on White) 2 nd Legibility of text Eurostile 4mm (Black on White) % 3 rd Legibility of text Frutiger 3mm (Black on White) % 4 th Legibility of text Eurostile 3mm (Black on White) %

80 Frutiger Eurostile Threshold (ms) mm 4mm Age (years)

81 Chinese Type Style

82 1 st 文字的易读性 MYingHei 2 nd 文字的易读性 MHei 3 rd 文字的易读性 CYuen2PRC + 19 % 4 th 文字的易读性 Microsoft YaHei % 5 th 文字的易读性 MSung + 33%

83 Chinese Weight + Polarity

84 1 st 文字的易读性 MYingHei Bold (black on white) 2 nd 文字的易读性 MYingHei Medium (black on white) % * 3 rd 文字的易读性 MYingHei Bold (white on black) 4 th 文字的易读性 % MYingHei Medium (white on black)

85 文字的易读性 MYingHei Bold 文字的易读性 Black on White MYingHei Medium 文字的易读性 MYingHei Bold % White on Black 文字的易读性 MYingHei Medium

86 Design Science

87 Order Heirarchy

88 Effective ommunicat

89 ompetition or Attention

90 Chasing Glances

91 Glance is the New Currency

92 wareness, Attitude, Information vidence

93 Thank you