SlideShare a Scribd company logo
5/15/2015
1
5/15/2015
2
Business
Analysis
Usability
Engineering
User
Experience
Planning
Content
Publishing
Information
Architecture
Interaction
Design
Visual &
Information
Design
Product
definitions,
mission and
Vision
Perform
primary
Research
Create UX
Brief, establish
personas, set
strategy, & do
more research
Collect
content
Establishing
governance
Organize
content and
Navigation
Create
wireframes,
design
interaction
and patterns
Build
graphics,
layout, and
style guide
Interaction
Design
Visual &
Information
Design
Create
wireframes,
interactions,
and patterns
Build
graphics,
layout, and
style guide
5/15/2015
3
5/15/2015
4
5/15/2015
5
5/15/2015
6
5/15/2015
7
5/15/2015
8
Establishing a
typographic style aids
in branding too!
5/15/2015
9
5/15/2015
10
5/15/2015
11
▪
▪
▪
▪
5/15/2015
12
▪
▪
▪
▪
▪
5/15/2015
13
▪
▪
TEST YOUR USERS!
Words per minute
Correct
answers
Mean Std. dev. Mean Std. dev.
Sans serif 207.9 Font 5.35 2.20
Serif 206.2 48.5 5.07 2.20
5/15/2015
14
▪
Serif
40%
Sans Serif
60%
5/15/2015
15
▪
▪
▪
▪
▪ Tests with e-readers noted a significant increase in search and
speed with 12 pt text
▪ Best overall legibility was achieved by Times New Roman and
Arial typefaces
▪
5/15/2015
16
5/15/2015
17
5/15/2015
18
▪
▪
▪
5/15/2015
19
5/15/2015
20
5/15/2015
21
Jan Tschichold
5/15/2015
22
5/15/2015
23
5/15/2015
24
5/15/2015
25
variation
grey to the
user.
5/15/2015
26
5/15/2015
27
This is a longer
subhead
This is a subhead
This subhead is also
longer
This is a subhead
5/15/2015
28
5/15/2015
29
5/15/2015
30
“Letters should never be forced into a
preconceived framework, for instance a square.”
Lazio Moholy-Nagy
▪
5/15/2015
31
5/15/2015
32
5/15/2015
33
5/15/2015
34
5/15/2015
35
5/15/2015
36
This headline is here
because of the rule of thirds
5/15/2015
37
▪
5/15/2015
38
5/15/2015
39
5/15/2015
40
5/15/2015
41
5/15/2015
42
5/15/2015
43
5/15/2015
44
5/15/2015
45
5/15/2015
46
5/15/2015
47
5/15/2015
48
5/15/2015
49
5/15/2015
50
5/15/2015
51
5/15/2015
52
5/15/2015
53
jsmith@agitraining.com

More Related Content

PDF
Garbage In, Garbage Out: Optimizing Design Inputs for Successful Prototypes
PDF
DCBADD2015 modernizing the ba role
PDF
Information Hierarchy final
PPTX
The Understanding Spectrum: Turning Data into Wisdom
PPTX
CCA 3x3 K MacLeod
PDF
Logistieke Barcamp 12 mei 2011 - Centric
PPSX
A night like this
PDF
Intercept them in the wild: Recruiting hard-to-find participants
Garbage In, Garbage Out: Optimizing Design Inputs for Successful Prototypes
DCBADD2015 modernizing the ba role
Information Hierarchy final
The Understanding Spectrum: Turning Data into Wisdom
CCA 3x3 K MacLeod
Logistieke Barcamp 12 mei 2011 - Centric
A night like this
Intercept them in the wild: Recruiting hard-to-find participants

Viewers also liked (18)

PPTX
Changing a Life: Impactful Designs for Sick Children
PDF
Faulty by Design: An Examination of User Decision Making
PDF
8 Ways To Get You More Subscribers Fast With Very Little Effort!
PPTX
Expeditie mont blanc
PDF
See Me, Feel Me, Touch Me, Heal Me
PPTX
Click Here! Tap Here! Using Chalkmark for Adaptive Design Testing and Excel f...
PDF
Logistieke Barcamp 26 mei 2011 - Ephicas
PDF
Snapper werkomgeving
PDF
Put it Together
PDF
Predictive Analytics with UX Research Data: Yes We Can!
PPT
Building The High Road To Greatness
PPT
Oil Spill Nature Ankeshnagar 26122011
PDF
Engagement, Interaction & Narrative Design for Transmedia Storytelling
PPSX
DIKW Paradigm Today
PDF
Search is the New Black: How Millenials Find Information Online
PPTX
So you created behavioral personas now what
PDF
Logistieke Barcamp 12 mei 2011 - Ctac
PDF
Deeply Embedding UX Practices Into Your Organization by Grafting them Into Yo...
Changing a Life: Impactful Designs for Sick Children
Faulty by Design: An Examination of User Decision Making
8 Ways To Get You More Subscribers Fast With Very Little Effort!
Expeditie mont blanc
See Me, Feel Me, Touch Me, Heal Me
Click Here! Tap Here! Using Chalkmark for Adaptive Design Testing and Excel f...
Logistieke Barcamp 26 mei 2011 - Ephicas
Snapper werkomgeving
Put it Together
Predictive Analytics with UX Research Data: Yes We Can!
Building The High Road To Greatness
Oil Spill Nature Ankeshnagar 26122011
Engagement, Interaction & Narrative Design for Transmedia Storytelling
DIKW Paradigm Today
Search is the New Black: How Millenials Find Information Online
So you created behavioral personas now what
Logistieke Barcamp 12 mei 2011 - Ctac
Deeply Embedding UX Practices Into Your Organization by Grafting them Into Yo...
Ad

Similar to Typography and Its Importance in Information Hierarchy (20)

PPTX
Role of Typography In Website Designing Exclusive Blogs.pptx
PPTX
UX Design Workshop
PDF
Type Trials
PPT
PDF
Web Typography
PDF
What we do @ Simpleia UX
PDF
Role of Typography in web design.pdf
PPTX
About user experience
PDF
JONAS' RESOURCES FOR BUILDING BEAUTIFUL WEBSITES WITH HTML, CSS AND JAVASCRIPT
PDF
Course Udemy WebDesign Basic
PDF
Visual design
PDF
The DEC Education: Product Design
PDF
The Impact of Typography in UX/UI
PPTX
What is UI Design: Experts Tips for Beginners
PDF
HICapacity UI talk by Tiffany Higa
PDF
Aj slideshow for CS 443
PPTX
Design Strategy for Nanobi
PDF
Mobile ui trends present future – meaningful mobile typography
PDF
Séamus Byrne - Advocating UX in Your Business
Role of Typography In Website Designing Exclusive Blogs.pptx
UX Design Workshop
Type Trials
Web Typography
What we do @ Simpleia UX
Role of Typography in web design.pdf
About user experience
JONAS' RESOURCES FOR BUILDING BEAUTIFUL WEBSITES WITH HTML, CSS AND JAVASCRIPT
Course Udemy WebDesign Basic
Visual design
The DEC Education: Product Design
The Impact of Typography in UX/UI
What is UI Design: Experts Tips for Beginners
HICapacity UI talk by Tiffany Higa
Aj slideshow for CS 443
Design Strategy for Nanobi
Mobile ui trends present future – meaningful mobile typography
Séamus Byrne - Advocating UX in Your Business
Ad

More from UXPA Boston (20)

PPTX
Eating Our Own Dog Food: How to be taken seriously when it comes to adding va...
PDF
UX Change Fatigue: Building Resilient Teams in Times of Transformation by Mal...
PDF
Outcome Over Output: How UXers Can Leverage an Outcome-Based Mindset by Malin...
PDF
Longitudinal Benchmark: A Real-World UX Case Study in Onboarding by Linda Bor...
PDF
AI-Powered Prototyping: Building an Onboarding Flow with Cursor by Ivana Milicic
PPTX
UX for Data Engineers and Analysts-Designing User-Friendly Dashboards for Non...
PDF
Bridging AI and Human Expertise: Designing for Trust and Adoption in Expert S...
PDF
‘Everybody is a designer’ revisited: 
A Retrospective on Design’s Power, Posi...
PPTX
Collaborative Design for Social Impact Work by David Kelleher
PDF
Priorities, Challenges, and Workarounds for Designing in the Public Sector by...
PDF
Building the plane as it flies through a black hole: revising five UX researc...
PDF
Using AI to streamline personas and journey map creation by Kyle Soucy
PDF
AI and Meaningful Work by Pablo Fernández Vallejo
PDF
UX for Social Impact: Lessons Learned from Tackling Food Insecurity, Poverty,...
PDF
Building a research repository that works by Clare Cady
PDF
Developing Product-Behavior Fit: UX Research in Product Development by Krysta...
PDF
AI-proof your career by Olivier Vroom and David WIlliamson
PDF
AI x Accessibility UXPA by Stew Smith and Olivier Vroom
PDF
UXPA2025-dont-hate-job by Ira F. Cummings & Lisa Hagen
PDF
We Trust AI... Until We Don’t_ The UX of Comfort Zones by Dan Maccarone and P...
Eating Our Own Dog Food: How to be taken seriously when it comes to adding va...
UX Change Fatigue: Building Resilient Teams in Times of Transformation by Mal...
Outcome Over Output: How UXers Can Leverage an Outcome-Based Mindset by Malin...
Longitudinal Benchmark: A Real-World UX Case Study in Onboarding by Linda Bor...
AI-Powered Prototyping: Building an Onboarding Flow with Cursor by Ivana Milicic
UX for Data Engineers and Analysts-Designing User-Friendly Dashboards for Non...
Bridging AI and Human Expertise: Designing for Trust and Adoption in Expert S...
‘Everybody is a designer’ revisited: 
A Retrospective on Design’s Power, Posi...
Collaborative Design for Social Impact Work by David Kelleher
Priorities, Challenges, and Workarounds for Designing in the Public Sector by...
Building the plane as it flies through a black hole: revising five UX researc...
Using AI to streamline personas and journey map creation by Kyle Soucy
AI and Meaningful Work by Pablo Fernández Vallejo
UX for Social Impact: Lessons Learned from Tackling Food Insecurity, Poverty,...
Building a research repository that works by Clare Cady
Developing Product-Behavior Fit: UX Research in Product Development by Krysta...
AI-proof your career by Olivier Vroom and David WIlliamson
AI x Accessibility UXPA by Stew Smith and Olivier Vroom
UXPA2025-dont-hate-job by Ira F. Cummings & Lisa Hagen
We Trust AI... Until We Don’t_ The UX of Comfort Zones by Dan Maccarone and P...

Recently uploaded (20)

PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PDF
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
PDF
Test slideshare presentation for blog post
PPTX
Acoustics new for. Sound insulation and absorber
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PPTX
VERNACULAR_DESIGN_PPT FINAL WITH PROPOSED PLAN.pptx
PDF
GSH-Vicky1-Complete-Plans on Housing.pdf
PPTX
Entrepreneur intro, origin, process, method
PDF
Introduction-to-World-Schools-format-guide.pdf
PDF
Urban Design Final Project-Context
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PDF
Architecture Design Portfolio- VICTOR OKUTU
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
THEORY OF ID MODULE (Interior Design Subject)
PDF
Interior Structure and Construction A1 NGYANQI
PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
Test slideshare presentation for blog post
Acoustics new for. Sound insulation and absorber
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
pump pump is a mechanism that is used to transfer a liquid from one place to ...
VERNACULAR_DESIGN_PPT FINAL WITH PROPOSED PLAN.pptx
GSH-Vicky1-Complete-Plans on Housing.pdf
Entrepreneur intro, origin, process, method
Introduction-to-World-Schools-format-guide.pdf
Urban Design Final Project-Context
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
Tenders & Contracts Works _ Services Afzal.pptx
Architecture Design Portfolio- VICTOR OKUTU
DOC-20250430-WA0014._20250714_235747_0000.pptx
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
THEORY OF ID MODULE (Interior Design Subject)
Interior Structure and Construction A1 NGYANQI
robotS AND ROBOTICSOF HUMANS AND MACHINES

Typography and Its Importance in Information Hierarchy