typography and user experience in web design

Post on 17-Nov-2014

1.504 Views

Category:

Design

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

Typography - the most often neglected part of the internet sometimes, but arguably one of the most important. Oliver Reichenstein of information Architects once said that "Web Design is 95% Typography." This holds true. Not only is type use to convey information, but it is also used to navigate and perform tasks. This stat is overwhelming to think about considering how little we actually discuss type in our industry. Type on the web has many roles: it is an interface, a brand, sets tone, and directs the user. Typography has many roles and can either add or take away from User Experience. In this beautiful and exciting talk we’re going to look at various ways type is used, implemented, and dissect the role that it plays in user experience on the web.

TRANSCRIPT

SARA CANNON HTTP://RAN.GE

Sara CannonPartner & Creative Director at Range http://ran.ge

@saracannon !

slideshare.net/saracannon

WEB DESIGN IS

95%TYPOGRAPHY

- OLIVER REICHENSTEIN

NYTimes

CNN

CNN with MIN - min.artequalswork.com

Craigslist

Craigslist Redesign Concept by Lance Culbreth

Hyperlink

Button

hyperlink

BAD TYPOGRAPHY

=BAD USER EXPERIENCE

Drudge Report

Drudge Report

Drudge Report

Huffington Post

Huffington Post

GOOD TYPOGRAPHY

=GOOD USER EXPERIENCE

Medium

Medium

Medium

nautil.us

nautil.us

refinery29.com

AdAge

IN COMMUNICATION

THE ROLE OF TYPE IN

type

rsq.com

WhoaNellyCatering.com

Moon Camp

Moon Camp

Digital Storytelling

nytimes.com/projects/2012/snow-fall

theguardian.com/world/interactive/2013/nov/01/snowden-nsa-files-surveillance-revelations-decoded

pitchfork.com/features/articles/9467-wax-and-wane-the-tough-realities-behind-vinyls-comeback

madebyfriends.co/drones

http://aquatilis.tv

http://aquatilis.tv

http://aquatilis.tv

IN NAVIGATION

THE ROLE OF TYPE IN

type

vox.com

Where’s the Menu?!

IN PREFORMING TASKS

THE ROLE OF TYPE IN

type

UserTesting.com

abookapart.com/products/on-web-typography

READABILITY

top related