Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Typography and information

mstandage
January 28, 2016

Typography and information

Typography is much more than choosing typefaces and the visual appearance of a page. Typography is the primary medium by which we communicate information to our users on the web. In this talk I will look briefly at ways in which we can use typographic design to support people’s understanding and improve their chances of finding content that is of interest to them. I hope by the end of talk to convince you that, regardless of your role, typography is too important to the experience of your site to ignore it.

mstandage

January 28, 2016
Tweet

More Decks by mstandage

Other Decks in Design

Transcript

  1. Typography and information
    Why good typography is integral 

    to communicating information
    @mstandage mstandage.com

    View full-size slide

  2. 95% of the web is typography
    @mstandage Why good typography is integral to communicating information
    ia.net/know-how/the-web-is-all-about-typography-period

    View full-size slide

  3. We interpret, divide up, and
    organise information
    @mstandage Why good typography is integral to communicating information
    Ruder, Emil., Typographie: a manual of design., (Zurich: Verlag Niggli AG, 1968).

    View full-size slide

  4. Hierarchy 

    What are the most important pieces 

    of information to the reader?
    @mstandage Why good typography is integral to communicating information

    View full-size slide

  5. gov.uk/bank-holidays

    View full-size slide

  6. Proximity

    What are the relationships within 

    the information?
    @mstandage Why good typography is integral to communicating information

    View full-size slide

  7. alistapart.com

    View full-size slide

  8. @mstandage Why good typography is integral to communicating information
    Differentiation

    What are the different types 

    of information?

    View full-size slide

  9. fontface.ninja

    View full-size slide

  10. Users won’t read your text thoroughly
    in a word-by-word manner
    @mstandage Why good typography is integral to communicating information
    nngroup.com/articles/f-shaped-pattern-reading-web-content/

    View full-size slide

  11. We interpret, divide up, and
    organise information
    @mstandage Why good typography is integral to communicating information
    Ruder, Emil., Typographie: a manual of design., (Zurich: Verlag Niggli AG, 1968).

    View full-size slide

  12. Typography and information
    Why good typography is integral 

    to communicating information
    @mstandage mstandage.com

    View full-size slide