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

Typography and user experience (UX Camp Brighton)

March 25, 2017

Typography and user experience (UX Camp Brighton)

Typography is much more than choosing typefaces and the visual appearance of a page. It is the primary medium by which we communicate information to our users on the web. In this session, I will look 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.


March 25, 2017

More Decks by mstandage

Other Decks in Design


  1. Typography is writing with prefabricated letters @mstandage Typography and user

    experience – Gerrit Noordzij, Royal Academy of Arts in The Hague
  2. We interpret, divide up, and organise information @mstandage Ruder, Emil.,

    Typographie: a manual of design., (Zurich: Verlag Niggli AG, 1968). Typography and user experience
  3. Hierarchy 
 What are the most important pieces 

    information to the reader? @mstandage Typography and user experience
  4. Users won’t read your text thoroughly in a word-by-word manner

    @mstandage nngroup.com/articles/f-shaped-pattern-reading-web-content/ Typography and user experience
  5. Typographic variables • typeface • margins, spacing and indentation •

    size • weight: bold, regular • style: italics, oblique • case: lowercase, uppercase, small caps • letter spacing • colour and opacity
  6. A modern sans serif is often appropriate for screen design

    @mstandage Typography and user experience
  7. A legible typeface can become unreadable through poor setting Craig,

    James., William Bevington, Irene Koral Scala, Designing with type: the essential guide to typography., (New York City: Watson Guptil, 2006) @mstandage Typography and user experience