SlideShare a Scribd company logo
Building a Site for
Diverse Audiences
Whitney Quesenbery
WQusability
Caroline Jarrett
Effortmark
© 2007
What
makes
these
people the
same
What
makes
these
people
different?
Are
differences
a matter of
culture or
style?
Annoyance
or barrier?
Knowing
the
audience
changes
the design
Access
+ Usability
Accessibility
Universal
usability
principles
Equitable use
Flexibility in use
Simple and intuitive use
Perceptible information
Tolerance for error
Low physical effort
Size and space for approach
and use
Are we
more alike
than we
think?
10
The Open University was a pioneer in
making higher education available to all
Pioneered open
admissions – “open to all”
Entirely distance learning
150,000+ students
Expanding audience to
traditional-aged students
&“widening participation”
in higher education
www.open.ac.uk
www.open.ac.uk/new
11
We triangulated on different methods to
discover, explore and validate user needs
Focus groups
Competitive analysis
Site Intelligence data
Expert reviews
Desk research
Stakeholder consultation
Personas
Card sorting
Brand exploration
Satisfaction questionnaires
And lots of usability testing
12
It was all going pretty well…until we met
a new type of user
13
Teens are seen as impatient browsers
with short attention spans
Poor reading skills
Weak research skills
Prefer sites that are ‘easy to scan’
Don’t like text with small type
Are not always “techno-geniuses”
May be on restricted machines
“Teenagers on the Web”
Nielsen and Horlanger
http://www.nngroup.com/reports/teens/
14
Older adults are portrayed as slower,
more careful and hesitant browsers
Easily distracted by cluttered designs
Read more than younger adults, and
read everything
Are less familiar with technical jargon
Skip unfamiliar terms
May abandon a site quickly
Are cautious clickers
Designing Web Sites for Older Adults
Lee, Chisnell and Redish for AARP
http://www.aarp.org/olderwiserwired/
15
Low literacy readers read more slowly
and focus on the central content
Read word-for-word,
Don’t scan, and can’t read quickly
Often skip large chunks of text
Accept the first answer they find as
‘good enough’
Have trouble navigating and ignore
areas outside of the main content
“Work with low literacy web users” by
Michael Summers and Kathryn Summers
http://www.stc.org/intercom/pdfs/2004/2004
06_19-23.pdf
16
We looked at guidelines for writing
content on the web….
For teens
Write simply,
using words
that are
common to
your readers’
vocabulary
Be concise and
get to the point
For older adults
Use words that
most older adults
know
Write in plain
language with
short, simple and
straightforward
sentences
For low literacy
Put the most
important
information first
Write text with a
simple sentence
structure
Keep pages,
paragraphs,
sentences short
More alike than we think?For teens
Use relatively
large font sizes
(10 points or
more)
Use restraint
when selecting
font types and
styles
Avoid using
pictures that
don’t show
anything
meaningful
For older adults
Make the default type
size 12-point or larger
Provide meaningful
alternative text for
images, video and
animation
For low literacy
Make text large:
12 or 14 points
Use information
graphics and
animations to
show processes
and relationships
18
We adopted
three basic
guidelines
Make the page easy to scan
1. Avoid long, dense blocks
of text
2. Create informative
headings
3. Provide navigation
options within the content
But, we
faced a
challenge
This is about
three-quarters
of a page
called
“Studying
Psychology at
the OU”
…even on
a site for
secondary
school
students
We asked what a year at the OU
cost.
…and it
caused
problems
We created
a style
with
headings,
informative
links and
meaningful
captions
The site
did well
in
usability
testing
We’d done a pretty good job
of answering the top three
questions:
Where is the OU?
What does it cost?
How do I apply?
But some of our links
appeared to be invisible.
27
28
29
Our final version followed the
guidelines, but it also answered the
questions that users wanted to ask.
You need to be continually vigilant:
Are you as concise as you can?
Are you meeting users’ needs?
This information also available in:
UXMatters, “More Alike Than We Think” – Whitney
Quesenbery
www.uxmatters.com/MT/archives/000080.php
BHCI 2006 “Applying usability principles to content
for diverse audiences” - Caroline Jarrett, Whitney
Quesenbery, Ian Roddis
31
“To sharpen your cross-
cultural skills, experience
more cultures first hand”
- Jean Luc Doumont
Whitney Quesenbery
Whitney Interactive Design
whitneyq@WQusability.com
www.WQusability.com
Whitney Quesenbery is a user researcher, user experience
practitioner, and usability expert with a passion for clear
communication. She has been in the field since 1989,
helping companies from The Open University to the
National Cancer Institute develop usable web sites and
applications.
Whitney is past-president of UPA - Usability Professionals’
Association, a leader in the STC Usability and User
Experience Community and a Fellow of the STC.
Before she was seduced by a little beige computer into
the world of usability, Whitney was a theatrical lighting
designer on and off Broadway. The lessons and stories
from the theatre stay with her in creating user
experiences.
Visit her web site for articles and other resources
Caroline Jarrett
Effortmark
caroline.jarrett@effortmark.co.uk
www. effortmark.co.uk
Caroline Jarrett is an independent usability consultant.
After 13 years as a project manager of computer systems
integration projects, she founded Effortmark Limited in
order to concentrate on 'what systems are for' instead of
'how the system is put together'.
Through her work with the United Kingdom tax
authorities, she became fascinated with forms and now
specialises in evaluation and design of paper and web
forms, and effective implementation of business process
that includes forms.
Her clients include (UK) HM Revenue and Customs, (USA)
the Internal Revenue Service, the Australian Tax Office,
Mayo Clinic, the Royal Bank of Scotland, Nationwide
Building Society, NPower and Open University.
She is co-author of the textbook based on the course:
"User Interface Design and Evaluation", 2005, published by
Morgan Kaufmann/Elsevier.

More Related Content

What's hot

Elem staff illuminating_learning
Elem staff illuminating_learningElem staff illuminating_learning
Elem staff illuminating_learningJim Hirsch
 
The iGeneration - the Future of Education Today! - Are Post Secondary institu...
The iGeneration - the Future of Education Today! - Are Post Secondary institu...The iGeneration - the Future of Education Today! - Are Post Secondary institu...
The iGeneration - the Future of Education Today! - Are Post Secondary institu...
Tom D'Amico
 
Assessment for Learning: Leveraging Technology
Assessment for Learning: Leveraging TechnologyAssessment for Learning: Leveraging Technology
Assessment for Learning: Leveraging Technology
Jeremy Williams
 
Expanding Educational Opportunity
Expanding Educational OpportunityExpanding Educational Opportunity
Expanding Educational Opportunity
Mighty Guides, Inc.
 
Learning as we teach: e-books, an overview
Learning as we teach: e-books, an overview Learning as we teach: e-books, an overview
Learning as we teach: e-books, an overview
CILIP the library and information association
 
Croydon 121
Croydon 121Croydon 121
Croydon 121
Miles Berry
 
Reviving the historical sabils of cairo
Reviving the historical sabils of cairoReviving the historical sabils of cairo
Reviving the historical sabils of cairo
YousefShakerIsmail
 

What's hot (7)

Elem staff illuminating_learning
Elem staff illuminating_learningElem staff illuminating_learning
Elem staff illuminating_learning
 
The iGeneration - the Future of Education Today! - Are Post Secondary institu...
The iGeneration - the Future of Education Today! - Are Post Secondary institu...The iGeneration - the Future of Education Today! - Are Post Secondary institu...
The iGeneration - the Future of Education Today! - Are Post Secondary institu...
 
Assessment for Learning: Leveraging Technology
Assessment for Learning: Leveraging TechnologyAssessment for Learning: Leveraging Technology
Assessment for Learning: Leveraging Technology
 
Expanding Educational Opportunity
Expanding Educational OpportunityExpanding Educational Opportunity
Expanding Educational Opportunity
 
Learning as we teach: e-books, an overview
Learning as we teach: e-books, an overview Learning as we teach: e-books, an overview
Learning as we teach: e-books, an overview
 
Croydon 121
Croydon 121Croydon 121
Croydon 121
 
Reviving the historical sabils of cairo
Reviving the historical sabils of cairoReviving the historical sabils of cairo
Reviving the historical sabils of cairo
 

Similar to Building a site for diverse audiences, May 2007

From barrier-free to delightful
From barrier-free to delightfulFrom barrier-free to delightful
From barrier-free to delightful
Whitney Quesenbery
 
Week van de Toegankelijkheid VU Amsterdam poster slideshow
Week van de Toegankelijkheid VU Amsterdam poster slideshowWeek van de Toegankelijkheid VU Amsterdam poster slideshow
Week van de Toegankelijkheid VU Amsterdam poster slideshow
Dr. Mitzi Waltz
 
Week 5 - Accessibility
Week 5 - AccessibilityWeek 5 - Accessibility
Week 5 - AccessibilityGraeme Smith
 
The importance of web accessibility: How being inclusive can improve your uni...
The importance of web accessibility: How being inclusive can improve your uni...The importance of web accessibility: How being inclusive can improve your uni...
The importance of web accessibility: How being inclusive can improve your uni...
SMILE
 
Multimodal Fluency: Classroom to the Cloud
Multimodal  Fluency: Classroom to the CloudMultimodal  Fluency: Classroom to the Cloud
Multimodal Fluency: Classroom to the Cloud
Western Illinois University
 
The overlap between Web Accessibility and Web Usability for Older people
The overlap between Web Accessibility and Web Usability for Older peopleThe overlap between Web Accessibility and Web Usability for Older people
The overlap between Web Accessibility and Web Usability for Older people
David Sloan
 
Teaching In The Virtual World
Teaching In The Virtual WorldTeaching In The Virtual World
Teaching In The Virtual World
guestae109a
 
How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...
How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...
How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...
UXPA International
 
Trickle-Down Accessibility - CSUN 2018
Trickle-Down Accessibility - CSUN 2018Trickle-Down Accessibility - CSUN 2018
Trickle-Down Accessibility - CSUN 2018
Ted Drake
 
Introduction to Autelic
Introduction to AutelicIntroduction to Autelic
Introduction to Autelic
Malysa Martin
 
Developing Mobile Learnigng
Developing Mobile Learnigng Developing Mobile Learnigng
Developing Mobile Learnigng
Kayla Camlin
 
Introduction to Autelic
Introduction to AutelicIntroduction to Autelic
Introduction to Autelic
Andrew Mackenzie
 
[UX Oxford] accessibility
[UX Oxford] accessibility[UX Oxford] accessibility
[UX Oxford] accessibility
Elizabeth Chesters
 
D2L Connection: Alberta - Readspeaker Breakout Session
D2L Connection: Alberta - Readspeaker Breakout SessionD2L Connection: Alberta - Readspeaker Breakout Session
D2L Connection: Alberta - Readspeaker Breakout Session
Barry Dahl
 
Usability fail-20102011
Usability fail-20102011Usability fail-20102011
Usability fail-20102011
Precedent
 
Design match 20161021
Design match 20161021Design match 20161021
Design match 20161021
giuseppe burdo
 
At the crossroads of technology
At the crossroads of technologyAt the crossroads of technology
At the crossroads of technology
Lisa D'Adamo-Weinstein
 
Enterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationEnterprise User Experience in Higher Education
Enterprise User Experience in Higher Education
Tarik (Rick) Dzekman
 

Similar to Building a site for diverse audiences, May 2007 (20)

From barrier-free to delightful
From barrier-free to delightfulFrom barrier-free to delightful
From barrier-free to delightful
 
Week van de Toegankelijkheid VU Amsterdam poster slideshow
Week van de Toegankelijkheid VU Amsterdam poster slideshowWeek van de Toegankelijkheid VU Amsterdam poster slideshow
Week van de Toegankelijkheid VU Amsterdam poster slideshow
 
Week 5 - Accessibility
Week 5 - AccessibilityWeek 5 - Accessibility
Week 5 - Accessibility
 
The importance of web accessibility: How being inclusive can improve your uni...
The importance of web accessibility: How being inclusive can improve your uni...The importance of web accessibility: How being inclusive can improve your uni...
The importance of web accessibility: How being inclusive can improve your uni...
 
Multimodal Fluency: Classroom to the Cloud
Multimodal  Fluency: Classroom to the CloudMultimodal  Fluency: Classroom to the Cloud
Multimodal Fluency: Classroom to the Cloud
 
The overlap between Web Accessibility and Web Usability for Older people
The overlap between Web Accessibility and Web Usability for Older peopleThe overlap between Web Accessibility and Web Usability for Older people
The overlap between Web Accessibility and Web Usability for Older people
 
Teaching In The Virtual World
Teaching In The Virtual WorldTeaching In The Virtual World
Teaching In The Virtual World
 
How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...
How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...
How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...
 
Trickle-Down Accessibility - CSUN 2018
Trickle-Down Accessibility - CSUN 2018Trickle-Down Accessibility - CSUN 2018
Trickle-Down Accessibility - CSUN 2018
 
Introduction to Autelic
Introduction to AutelicIntroduction to Autelic
Introduction to Autelic
 
Slides For Longbridge V2
Slides For Longbridge V2Slides For Longbridge V2
Slides For Longbridge V2
 
Developing Mobile Learnigng
Developing Mobile Learnigng Developing Mobile Learnigng
Developing Mobile Learnigng
 
Introduction to Autelic
Introduction to AutelicIntroduction to Autelic
Introduction to Autelic
 
[UX Oxford] accessibility
[UX Oxford] accessibility[UX Oxford] accessibility
[UX Oxford] accessibility
 
D2L Connection: Alberta - Readspeaker Breakout Session
D2L Connection: Alberta - Readspeaker Breakout SessionD2L Connection: Alberta - Readspeaker Breakout Session
D2L Connection: Alberta - Readspeaker Breakout Session
 
Usability fail-20102011
Usability fail-20102011Usability fail-20102011
Usability fail-20102011
 
Design match 20161021
Design match 20161021Design match 20161021
Design match 20161021
 
At the crossroads of technology
At the crossroads of technologyAt the crossroads of technology
At the crossroads of technology
 
CCO -webpage
CCO -webpageCCO -webpage
CCO -webpage
 
Enterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationEnterprise User Experience in Higher Education
Enterprise User Experience in Higher Education
 

More from Caroline Jarrett

Creating truly accessible forms, SDinGov 2024
Creating truly accessible forms, SDinGov 2024Creating truly accessible forms, SDinGov 2024
Creating truly accessible forms, SDinGov 2024
Caroline Jarrett
 
Using surveys to uncover audience insights
Using surveys to uncover audience insightsUsing surveys to uncover audience insights
Using surveys to uncover audience insights
Caroline Jarrett
 
2023 Surveys that work Olin.pptx
2023 Surveys that work Olin.pptx2023 Surveys that work Olin.pptx
2023 Surveys that work Olin.pptx
Caroline Jarrett
 
The Phylogenetic Tree in forms design - making forms work for complex academ...
The Phylogenetic Tree in forms design - making forms work for complex  academ...The Phylogenetic Tree in forms design - making forms work for complex  academ...
The Phylogenetic Tree in forms design - making forms work for complex academ...
Caroline Jarrett
 
Four ways to make a better survey WebExpo2023
Four ways to make a better survey WebExpo2023Four ways to make a better survey WebExpo2023
Four ways to make a better survey WebExpo2023
Caroline Jarrett
 
Content design in practice May 2023.pptx
Content design in practice May 2023.pptxContent design in practice May 2023.pptx
Content design in practice May 2023.pptx
Caroline Jarrett
 
Two ways to improve your survey, webinar for Delib 2023.pptx
Two ways to improve your survey, webinar for Delib 2023.pptxTwo ways to improve your survey, webinar for Delib 2023.pptx
Two ways to improve your survey, webinar for Delib 2023.pptx
Caroline Jarrett
 
How to save money by fixing forms, WebExpo2023
How to save money by fixing forms, WebExpo2023How to save money by fixing forms, WebExpo2023
How to save money by fixing forms, WebExpo2023
Caroline Jarrett
 
Two ways to improve your surveys: the Most Crucial Question and the Burning I...
Two ways to improve your surveys: the Most Crucial Question and the Burning I...Two ways to improve your surveys: the Most Crucial Question and the Burning I...
Two ways to improve your surveys: the Most Crucial Question and the Burning I...
Caroline Jarrett
 
How to look at a form Boye 22.pptx
How to look at a form Boye 22.pptxHow to look at a form Boye 22.pptx
How to look at a form Boye 22.pptx
Caroline Jarrett
 
Prune tune postpone explain.pptx
Prune tune postpone explain.pptxPrune tune postpone explain.pptx
Prune tune postpone explain.pptx
Caroline Jarrett
 
What is a service designer SDinGOV 22 with all stickies.pptx
What is a service designer SDinGOV 22 with all stickies.pptxWhat is a service designer SDinGOV 22 with all stickies.pptx
What is a service designer SDinGOV 22 with all stickies.pptx
Caroline Jarrett
 
Helping teenage boys to become responsible adults.pptx
Helping teenage boys to become responsible adults.pptxHelping teenage boys to become responsible adults.pptx
Helping teenage boys to become responsible adults.pptx
Caroline Jarrett
 
Some thoughts on surveys: Boye and Company member conference call
Some thoughts on surveys: Boye and Company member conference callSome thoughts on surveys: Boye and Company member conference call
Some thoughts on surveys: Boye and Company member conference call
Caroline Jarrett
 
Better surveys - presentation to Loyal Health March 2022.pptx
Better surveys - presentation to Loyal Health March 2022.pptxBetter surveys - presentation to Loyal Health March 2022.pptx
Better surveys - presentation to Loyal Health March 2022.pptx
Caroline Jarrett
 
Plain language to improve your survey houston 2022
Plain language to improve your survey houston 2022Plain language to improve your survey houston 2022
Plain language to improve your survey houston 2022
Caroline Jarrett
 
Surveys that work:training course for Rosenfeld Media, day 1
Surveys that work:training course for Rosenfeld Media, day 1Surveys that work:training course for Rosenfeld Media, day 1
Surveys that work:training course for Rosenfeld Media, day 1
Caroline Jarrett
 
Surveys that work: training course for Rosenfeld media, day 2
Surveys that work: training course for Rosenfeld media, day 2Surveys that work: training course for Rosenfeld media, day 2
Surveys that work: training course for Rosenfeld media, day 2
Caroline Jarrett
 
Surveys that work: training course for Rosenfeld Media, day 3
Surveys that work: training course for Rosenfeld Media, day 3 Surveys that work: training course for Rosenfeld Media, day 3
Surveys that work: training course for Rosenfeld Media, day 3
Caroline Jarrett
 
Surveys that work: an introduction to the Survey Octopus and Total Survey Error
Surveys that work: an introduction to the Survey Octopus and Total Survey ErrorSurveys that work: an introduction to the Survey Octopus and Total Survey Error
Surveys that work: an introduction to the Survey Octopus and Total Survey Error
Caroline Jarrett
 

More from Caroline Jarrett (20)

Creating truly accessible forms, SDinGov 2024
Creating truly accessible forms, SDinGov 2024Creating truly accessible forms, SDinGov 2024
Creating truly accessible forms, SDinGov 2024
 
Using surveys to uncover audience insights
Using surveys to uncover audience insightsUsing surveys to uncover audience insights
Using surveys to uncover audience insights
 
2023 Surveys that work Olin.pptx
2023 Surveys that work Olin.pptx2023 Surveys that work Olin.pptx
2023 Surveys that work Olin.pptx
 
The Phylogenetic Tree in forms design - making forms work for complex academ...
The Phylogenetic Tree in forms design - making forms work for complex  academ...The Phylogenetic Tree in forms design - making forms work for complex  academ...
The Phylogenetic Tree in forms design - making forms work for complex academ...
 
Four ways to make a better survey WebExpo2023
Four ways to make a better survey WebExpo2023Four ways to make a better survey WebExpo2023
Four ways to make a better survey WebExpo2023
 
Content design in practice May 2023.pptx
Content design in practice May 2023.pptxContent design in practice May 2023.pptx
Content design in practice May 2023.pptx
 
Two ways to improve your survey, webinar for Delib 2023.pptx
Two ways to improve your survey, webinar for Delib 2023.pptxTwo ways to improve your survey, webinar for Delib 2023.pptx
Two ways to improve your survey, webinar for Delib 2023.pptx
 
How to save money by fixing forms, WebExpo2023
How to save money by fixing forms, WebExpo2023How to save money by fixing forms, WebExpo2023
How to save money by fixing forms, WebExpo2023
 
Two ways to improve your surveys: the Most Crucial Question and the Burning I...
Two ways to improve your surveys: the Most Crucial Question and the Burning I...Two ways to improve your surveys: the Most Crucial Question and the Burning I...
Two ways to improve your surveys: the Most Crucial Question and the Burning I...
 
How to look at a form Boye 22.pptx
How to look at a form Boye 22.pptxHow to look at a form Boye 22.pptx
How to look at a form Boye 22.pptx
 
Prune tune postpone explain.pptx
Prune tune postpone explain.pptxPrune tune postpone explain.pptx
Prune tune postpone explain.pptx
 
What is a service designer SDinGOV 22 with all stickies.pptx
What is a service designer SDinGOV 22 with all stickies.pptxWhat is a service designer SDinGOV 22 with all stickies.pptx
What is a service designer SDinGOV 22 with all stickies.pptx
 
Helping teenage boys to become responsible adults.pptx
Helping teenage boys to become responsible adults.pptxHelping teenage boys to become responsible adults.pptx
Helping teenage boys to become responsible adults.pptx
 
Some thoughts on surveys: Boye and Company member conference call
Some thoughts on surveys: Boye and Company member conference callSome thoughts on surveys: Boye and Company member conference call
Some thoughts on surveys: Boye and Company member conference call
 
Better surveys - presentation to Loyal Health March 2022.pptx
Better surveys - presentation to Loyal Health March 2022.pptxBetter surveys - presentation to Loyal Health March 2022.pptx
Better surveys - presentation to Loyal Health March 2022.pptx
 
Plain language to improve your survey houston 2022
Plain language to improve your survey houston 2022Plain language to improve your survey houston 2022
Plain language to improve your survey houston 2022
 
Surveys that work:training course for Rosenfeld Media, day 1
Surveys that work:training course for Rosenfeld Media, day 1Surveys that work:training course for Rosenfeld Media, day 1
Surveys that work:training course for Rosenfeld Media, day 1
 
Surveys that work: training course for Rosenfeld media, day 2
Surveys that work: training course for Rosenfeld media, day 2Surveys that work: training course for Rosenfeld media, day 2
Surveys that work: training course for Rosenfeld media, day 2
 
Surveys that work: training course for Rosenfeld Media, day 3
Surveys that work: training course for Rosenfeld Media, day 3 Surveys that work: training course for Rosenfeld Media, day 3
Surveys that work: training course for Rosenfeld Media, day 3
 
Surveys that work: an introduction to the Survey Octopus and Total Survey Error
Surveys that work: an introduction to the Survey Octopus and Total Survey ErrorSurveys that work: an introduction to the Survey Octopus and Total Survey Error
Surveys that work: an introduction to the Survey Octopus and Total Survey Error
 

Recently uploaded

一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
Decomart Studio
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
taqyed
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 

Recently uploaded (20)

一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
一比一原版(毕业证)早稻田大学毕业证成绩单如何办理
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 

Building a site for diverse audiences, May 2007

  • 1. Building a Site for Diverse Audiences Whitney Quesenbery WQusability Caroline Jarrett Effortmark © 2007
  • 2.
  • 8. Universal usability principles Equitable use Flexibility in use Simple and intuitive use Perceptible information Tolerance for error Low physical effort Size and space for approach and use
  • 10. 10 The Open University was a pioneer in making higher education available to all Pioneered open admissions – “open to all” Entirely distance learning 150,000+ students Expanding audience to traditional-aged students &“widening participation” in higher education www.open.ac.uk www.open.ac.uk/new
  • 11. 11 We triangulated on different methods to discover, explore and validate user needs Focus groups Competitive analysis Site Intelligence data Expert reviews Desk research Stakeholder consultation Personas Card sorting Brand exploration Satisfaction questionnaires And lots of usability testing
  • 12. 12 It was all going pretty well…until we met a new type of user
  • 13. 13 Teens are seen as impatient browsers with short attention spans Poor reading skills Weak research skills Prefer sites that are ‘easy to scan’ Don’t like text with small type Are not always “techno-geniuses” May be on restricted machines “Teenagers on the Web” Nielsen and Horlanger http://www.nngroup.com/reports/teens/
  • 14. 14 Older adults are portrayed as slower, more careful and hesitant browsers Easily distracted by cluttered designs Read more than younger adults, and read everything Are less familiar with technical jargon Skip unfamiliar terms May abandon a site quickly Are cautious clickers Designing Web Sites for Older Adults Lee, Chisnell and Redish for AARP http://www.aarp.org/olderwiserwired/
  • 15. 15 Low literacy readers read more slowly and focus on the central content Read word-for-word, Don’t scan, and can’t read quickly Often skip large chunks of text Accept the first answer they find as ‘good enough’ Have trouble navigating and ignore areas outside of the main content “Work with low literacy web users” by Michael Summers and Kathryn Summers http://www.stc.org/intercom/pdfs/2004/2004 06_19-23.pdf
  • 16. 16 We looked at guidelines for writing content on the web…. For teens Write simply, using words that are common to your readers’ vocabulary Be concise and get to the point For older adults Use words that most older adults know Write in plain language with short, simple and straightforward sentences For low literacy Put the most important information first Write text with a simple sentence structure Keep pages, paragraphs, sentences short
  • 17. More alike than we think?For teens Use relatively large font sizes (10 points or more) Use restraint when selecting font types and styles Avoid using pictures that don’t show anything meaningful For older adults Make the default type size 12-point or larger Provide meaningful alternative text for images, video and animation For low literacy Make text large: 12 or 14 points Use information graphics and animations to show processes and relationships
  • 18. 18
  • 19. We adopted three basic guidelines Make the page easy to scan 1. Avoid long, dense blocks of text 2. Create informative headings 3. Provide navigation options within the content
  • 20. But, we faced a challenge This is about three-quarters of a page called “Studying Psychology at the OU”
  • 21. …even on a site for secondary school students
  • 22. We asked what a year at the OU cost. …and it caused problems
  • 24.
  • 25.
  • 26. The site did well in usability testing We’d done a pretty good job of answering the top three questions: Where is the OU? What does it cost? How do I apply? But some of our links appeared to be invisible.
  • 27. 27
  • 28. 28
  • 29. 29
  • 30. Our final version followed the guidelines, but it also answered the questions that users wanted to ask. You need to be continually vigilant: Are you as concise as you can? Are you meeting users’ needs? This information also available in: UXMatters, “More Alike Than We Think” – Whitney Quesenbery www.uxmatters.com/MT/archives/000080.php BHCI 2006 “Applying usability principles to content for diverse audiences” - Caroline Jarrett, Whitney Quesenbery, Ian Roddis
  • 31. 31 “To sharpen your cross- cultural skills, experience more cultures first hand” - Jean Luc Doumont
  • 32. Whitney Quesenbery Whitney Interactive Design whitneyq@WQusability.com www.WQusability.com Whitney Quesenbery is a user researcher, user experience practitioner, and usability expert with a passion for clear communication. She has been in the field since 1989, helping companies from The Open University to the National Cancer Institute develop usable web sites and applications. Whitney is past-president of UPA - Usability Professionals’ Association, a leader in the STC Usability and User Experience Community and a Fellow of the STC. Before she was seduced by a little beige computer into the world of usability, Whitney was a theatrical lighting designer on and off Broadway. The lessons and stories from the theatre stay with her in creating user experiences. Visit her web site for articles and other resources
  • 33. Caroline Jarrett Effortmark caroline.jarrett@effortmark.co.uk www. effortmark.co.uk Caroline Jarrett is an independent usability consultant. After 13 years as a project manager of computer systems integration projects, she founded Effortmark Limited in order to concentrate on 'what systems are for' instead of 'how the system is put together'. Through her work with the United Kingdom tax authorities, she became fascinated with forms and now specialises in evaluation and design of paper and web forms, and effective implementation of business process that includes forms. Her clients include (UK) HM Revenue and Customs, (USA) the Internal Revenue Service, the Australian Tax Office, Mayo Clinic, the Royal Bank of Scotland, Nationwide Building Society, NPower and Open University. She is co-author of the textbook based on the course: "User Interface Design and Evaluation", 2005, published by Morgan Kaufmann/Elsevier.

Editor's Notes

  1. Everything we do is about dealing with diversity - Sometimes it’s about picking people out of the crowd, and understanding how they are different. - Sometimes it’s about understanding how they are the same. We may be looking for the most common behaviors and needs, or the ones that are most unusual Usability, plain language, document design are all about getting specific - understanding our audience: who they are, their environment, their goals, and how that affects how they work with our products
  2. It’s not personal demographics. Instead, they are connected by their attitudes toward their business tasks and how they accomplish them. They are in different industries, and work for different types of companies, but the bring a common attitude to how they work on their tasks and the way they use their tools.
  3. We can be diffeent because we see a task differently. When the two applications were merged, the staff and customers needs both had to be met.
  4. When we talk about culture, we often mean national culture. Priv. to go to China – a question that has come up every year is about whether design is “different in China” and therefore usability is different. One example is how much animation is on their web sites. But it’s hard to tell if this is a deep cultural preference, or simply that the web evolves in different ways and at different pace in different geographical and economic areas. Is this a fundamental difference, or simply a transitory madder of style.
  5. Use this slide for disabilities point. (albert einstein and stephen hawkings) (wq and maureen hogg) Clayton Lewis: Studies suggest that many barriers to cognitive accessibility are the same as usability problems for a general user audience… but more severe.
  6. Story about hot keys and documentation. Ask this as a question.
  7. Equitable UseThe design is useful and marketable to people with diverse abilities. Flexibility in UseThe design accommodates a wide range of individual preferences and abilities. Simple and Intuitive UseUse of the design is easy to understand, regardless of the user's experience, knowledge, language skills, or current concentration level. Perceptible InformationThe design communicates necessary information effectively to the user, regardless of ambient conditions or the user's sensory abilities. Tolerance for ErrorThe design minimizes hazards and the adverse consequences of accidental or unintended actions. Low Physical EffortThe design can be used efficiently and comfortably and with a minimum of fatigue. Size and Space for Approach and UseAppropriate size and space is provided for approach, reach, manipulation, and use regardless of user's body size, posture, or mobility.
  8. Share a short case study. Open University – students used to be predominantly mid-career, improving their lot. Educating Rita. Uni looking for new audiences 18-year olds, people speaking ESL, older adults People we tested with: Missed basic facts about the OU Stumbled over educational terminology and concepts Completely baffled by words specific to the OU Needed to understand problem. Question posed by web coordinator was whether we needed separate sites for these audiences.
  9. We took direction from overall university strategy We looked for ideas, problems or requirements exposed in more than one research method Usability tests mixed open-ended exploration with evaluation of specific sites or prototypes We listened for surprised
  10. Meeting Miss Z story and transition into “true enquirer” research including enquirers, young students and widening participation
  11. “Teenagers on the Web” by Nielsen and Horlangerhttp://www.nngroup.com/reports/teens/
  12. Designing Web Sites for Older Adults by Redish and Chisnell for AARPhttp://www.aarp.org/olderwiserwired/
  13. “Work with low literacy web users” by Summers and Summershttp://www.stc.org/intercom/pdfs/2004/200406_19-23.pdf
  14. We had done a lot of work on IA, but not so much on content. When we looked more carefully at the actual pages, we realized we had a problem for each of these audiences.
  15. We used the rule of editing from Steve Krug’s book: cut half the words, and then cut them in half again. Look at the first three paragraphs. Actually, the first three sentences. “that’s just what I want to know”
  16. The point here is that we can only find out how we are alike if we actually get to know our audience. Sometimes this means that you don’t understand standards – Bob Goddard story about ALT text. Or it means that you miss an important use of standard functions – and create problems in design or documentation because you don’t understand - If you never meet someone who is blind, you will never understand how important keyboard shortcuts are. In fact, you never hear about any special needs. And you pick the wrong features for a product, or miss great ideas that are obvious once you understand.