What makes us read and what makes us write on screen devices?

1. Reading Typography
Writing Typography?

2. Typography:
The writing of shapes?

3. Typography:
The shape of writing?

5. Before the Law

6. “Before the law sits a gatekeeper.
To this gatekeeper comes a man
from the country who asks to
gain entry into the law. But the
gatekeeper says that he cannot
grant him entry at the moment.”
—Franz Kafka

7. As a philosophy student I thought
that “The Law” is the law of the
text, in other words: “Rhetoric.”

8. 15 years later...

9. I believe that
“Rhetoric” is to speaking what
“Typography” is to writing.

11. Inside The Law...

12. “Typography has one plain duty
before it and that is to convey
information in writing.”
—Emil Ruder, 1969

13. The form in in-formation made
conscious (and consciously made)
in order to convince.

14. Reading
Typography
Writing
Information

15. Typography is visualizing
information. Webdesign is...

26. 5 rules for 95% of Web Design

29. 1. Relative font size

30. 2. Active white space

31. 3. Screen friendly line height

32. 4. Clear color contrast

33. 5. Discern text and images

34. What about the other 5%?

36. Web design is 95% typography
and
a little bit of interface design

37. Eye
Read Think
Navigate
Text Hand

38. Interface Design
Information Design Typography
Interaction Design Chess
Information Architecture Philosophy

39. “Typography has one plain duty
before it and that is to convey
information in writing.”
—Emil Ruder, 1969

40. How much reading
is in writing?

41. Eye
Read Think
Write
Text Navigate
Hand

44. Same Rules...

45. 1. Relative font size

46. 2. Active white space

47. 3. Screen friendly line height

48. 4. Clear color contrast

49. 5. Discern text and images

50. What’s different?

51. 6. Monospaced (light) font

52. Why monospaced?

53. Why light?

56. 7. Soup Nazi

57. The Soup Nazi Rules

58. Yes?

59. A. No Navigation!

60. B. No Settings!

61. C. No Noise!

62. D. No Mouse!

63. E. No Fumbling With Type!

64. F. No Bread for You!

65. Next!

66. (Thank you)