All About Information

Transcript

1. All About Information Elethom
2. Information
3. Information? Information Architecture Data Visualisation Informatics Infograhpics
4. Cognition
5. acquiring knowledge
6. subject to a variety of factors
7. • natural • environmental • cultural
9. See
10. Part 1 The Basics
11. designing ≠ painting
12. a flow of information
14. • Minimisation • Continuity • Comparison • Consistency
15. 1.1 Minimisation
16. minimisation ≠ tons of negative space
17. Minimisation • Irrelative Information • Repeated Information • Unnecessary Visual Elements
18. Irrelative Information
20. Repeated Information
23. Unnecessary Visual Elements
25. 1.2 Continuity
26. Continuity (of Cognition)
27. Continuity • Keep Things in the Correct Order • Group Related Information • Mind the Gap • Anchors & Scan Lines
28. Keep Things in the Correct Order
29. http://www.idallen.com/topposting.html A: Because we read from top to bottom, left to right. Q: Why should I start my reply below the quoted text? A: Because it messes up the order in which people normally read text. Q: Why is top-posting such a bad thing? A: The lost context. Q: What makes top-posted replies harder to read than bottom-posted? A: Yes. Q: Should I trim down the quoted part of an email to which I'm replying?
30. http://www.idallen.com/topposting.html A: Because we read from top to bottom, left to right. Q: Why should I start my reply below the quoted text? A: Because it messes up the order in which people normally read text. Q: Why is top-posting such a bad thing? A: The lost context. Q: What makes top-posted replies harder to read than bottom-posted? A: Yes. Q: Should I trim down the quoted part of an email to which I'm replying?
31. Group Related Information
32. https://zhihu.com/question/31805021/answer/53443302
33. Mind the Gap
35. Anchors & Scan Lines
37. – Lu Xun “Avoid using centre alignments whenever you can.”
38. 1.3 Comparison
39. Comparison • Type of Information • Type of Interactivity • Relativity
40. and consistency, too.
41. Part 2 Use the Force
42. 2.1 ______ is worth a thousand words.
43. What are we seeing?
44. • shape • colour • size • position
46. 2.2 Offload Working Memory
47. Let's play a game.
48. Number Scrabble • Two players • Numbers available: 1, 2, 3, 4, 5, 6, 7, 8, 9 • Draw alternately, without replacement • Win if three of your numbers add up to 15
49. Let's represent it differently.
51. Looks familiar?
52. Working Memory • What have we got? • What are possible? • What are the consequences?
53. A Limited Resource
54. Rule of Three
55. Embed Constraints
56. Provide Previews
57. 2.3 Offload Computation
58. Diagrams
59. • size • distance • slope • angle • ...
60. Edward Tufte
62. 2.4 Keep Natural
63. Direct Manipulation
65. Traditions
66. naturalness ≠ real world resemblance
67. – Jonathan Grudin “If technology is to provide an advantage, the correspondence to the real world must break down at some point.”
68. Part 3 Accessibility & Localisation
69. • Colour blindness affects approximately 8% men and 0.5% women in the world • About 6% of world's population speaks Arabic • Even in China, 400 million people cannot communicate in Mandarin
70. 3.1 Accessibility
73. • Blindness: VoiceOver • Visual Impairment: Zoom, Magnifier, Larger Text • Colour Blindness: Colour Filters • Hearing Loss: Vibration, Hearing Aids
74. 3.2 Localisation
75. Not Just Reading Direction
77. 設定
78. Settings
79. Einstellungen
80. Configurações
81. Thank you!
82. Q & A