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

Typography and user experience (UX Scotland)

June 07, 2017

Typography and user experience (UX Scotland)

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.

This session will look at ways we can use typography to craft and create experiences. It will investigate why typography matters and what typography does.


June 07, 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. Integrating text and images improves meaningfulness @mstandage Typography in data

    visualisation Chandler, Paul, John Sweller., ‘Cognitive load theory and the format of instruction’ in Cognition 
 and instruction., (1991)
  6. Typographic variables • typeface • margins, spacing and indentation •

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

    @mstandage Typography and user experience
  8. 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
  9. Variable fonts: one file that acts like multiple fonts @mstandage

    Typography and user experience alistapart.com/article/live-font-interpolation-on-the-web
  10. Typographic control on the web is only going to get

    better @mstandage Typography in data visualisation