SlideShare a Scribd company logo
Website
Usability
Aaron Schmidt
Amanda Etches-Johnson
IL 09
Why usability?
“
    Technologies don’t
    become socially
    interesting until they
    become technologically
    boring.

    - Clay Shirky
“
    Technologies don’t
    become socially
    interesting until they
    become technologically
    boring.

    - Clay Shirky
“
    Technologies don’t
    become socially
    interesting until they
    become technologically
    boring.

    - Clay Shirky
“
    Library websites are
    unlikely to be socially
    interesting if they’re
    difficult to use.

    - Aaron Schmidt
“
    Library websites are
    unlikely to be socially
    interesting if they’re
    difficult to use.

    - Aaron Schmidt
Website
 priorities
interesting

     easy
flash lincoln
?
?!
123
456
1
website tips




write for
the web
How do you feel about reading this text?
This might be a perfectly acceptable
way to write a research paper or novel
but websites aren’t for reading. Sorry to
break it to you. People don’t want to
read your website. They want to find
your information. They’re on a mission
and all of the extra text you’re putting
on the screen is getting in the way of
letting them accomplish their goals.
website tips




Remove
unnecessary
words
website tips




Remove
words
1.5
http://www.yourlibrary.org/
section/ref/12/list6/dir/
kids.html

http://yourlibrary.org/kids
2
website tips




Redesign
your website
3
website tips




Match labels
& pages
4
Appearance
matters
Appearance
matters
5
Whimsey
Don’t really feel like going to
the theatre tonight...
Don’t really feel like going to
the theatre tonight...


Great program about my life
at the library tomorrow http:
Don’t really feel like going to
the theatre tonight...


Great program about my life
at the library tomorrow http:


Four score and seven years...
oh just look it up.
6
Usability
testing in
five words
Watch people
use your
website
usability testing




non -
librarians
Find a magazine article.
Find a magazine article.
Find a magazine article.
Find a magazine article.
Five
second
test
crazyegg.com
Planning for
excellence
Planning for excellence




Usability
inventory
Planning for excellence




90 day
assessments
Planning for excellence
Planning for excellence



1. Forget current site
Planning for excellence



1. Forget current site
2. Gather planners
Planning for excellence



1. Forget current site
2. Gather planners
3. Determine audience
Planning for excellence



1. Forget current site
2. Gather planners
3. Determine audience
4. Assess & rank needs
Planning for excellence



1. Forget current site
2. Gather planners
3. Determine audience
4. Assess & rank needs
5. Compare
Planning for excellence



1. Forget current site
2. Gather planners
3. Determine audience
4. Assess & rank needs
5. Compare
6. Outline steps
The web is made of people
Make the web for people
?!
:)!
today’s activities




user needs
divide the dollar
card sort
user needs                                         [ try this with your
                                                             web team ]



[group 1] Amy is a 42-year old       [group 2] Harrison is a 35-
mother and homemaker who             year old lawyer who works
likes reading and cooking. At        long hours and enjoys sports.
night, after she puts her kids to    Harrison uses the web for all
bed, she likes playing cards         his online banking, e-billing,
online.                              and other conveniences.

[group 3] Skye is 9. She uses       [group 4] Randy is a 68-year old
the web for email, IM,              retired school bus driver who is
homework and Webkinz.               new to the web. He has just
                                    started communicating with his
                                    grandkids over Skype.

[10 minutes,15 things]
divide the dollar                 [ try this with your
                                                users ]



$100

Divide the $ across features
according to importance

Explain why

Everything on your user
needs list must be valued

                               [5 minutes]
card sort                   [ try this with your
                       web team & your users]



1 team
Group cards into categories
Label your categories




[10 minutes]
Resources
INFLUX.US
INFLUX.US /SERVICES
/BLOG
INFLUX.US /SERVICES

More Related Content

Similar to website usability

Website Usability
Website UsabilityWebsite Usability
Website Usability
amanda etches
 
8 Seconds_Writing for Digital Communications.12.11
8 Seconds_Writing for Digital Communications.12.118 Seconds_Writing for Digital Communications.12.11
8 Seconds_Writing for Digital Communications.12.11
Carolyn Hudson
 
Visual tools and innovation games workshop - spscbus - aug 2014
Visual tools and innovation games   workshop - spscbus - aug 2014Visual tools and innovation games   workshop - spscbus - aug 2014
Visual tools and innovation games workshop - spscbus - aug 2014
Ruven Gotz
 
Usability fail-20102011
Usability fail-20102011Usability fail-20102011
Usability fail-20102011
Precedent
 
Usability fail - PSMG March 2012
Usability fail - PSMG March 2012Usability fail - PSMG March 2012
Usability fail - PSMG March 2012
Precedent
 
“Selfish Accessibility” for Create Upstate 2016
“Selfish Accessibility” for Create Upstate 2016“Selfish Accessibility” for Create Upstate 2016
“Selfish Accessibility” for Create Upstate 2016
Adrian Roselli
 
Personas and how they are used in user-centered design
Personas and how they are used in user-centered designPersonas and how they are used in user-centered design
Personas and how they are used in user-centered design
Sean Hudson
 
Finding Your Dream Job Using Social Networking
Finding Your Dream Job Using Social NetworkingFinding Your Dream Job Using Social Networking
Finding Your Dream Job Using Social Networking
Wade Kwon
 
Visual tools and innovation games workshop - SPTechCon - Apr 2014
Visual tools and innovation games workshop - SPTechCon - Apr 2014Visual tools and innovation games workshop - SPTechCon - Apr 2014
Visual tools and innovation games workshop - SPTechCon - Apr 2014
Ruven Gotz
 
Software development management slides by George Berkowski (Hailo)
Software development management slides by George Berkowski (Hailo)Software development management slides by George Berkowski (Hailo)
Software development management slides by George Berkowski (Hailo)
MiniBar
 
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st CenturyUsability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
Max Soe
 
10 challenges & 10 benefits of taking your high school paper online
10 challenges & 10 benefits of taking your high school paper online10 challenges & 10 benefits of taking your high school paper online
10 challenges & 10 benefits of taking your high school paper online
Foothill Technology High School
 
Website project
Website projectWebsite project
Website project
ISM
 
Connect by Christina Small
Connect by Christina SmallConnect by Christina Small
Connect by Christina Small
charmsa
 
Before Code: How to Plan & Visualize Your Project
Before Code: How to Plan & Visualize Your ProjectBefore Code: How to Plan & Visualize Your Project
Before Code: How to Plan & Visualize Your Project
melmiller
 
SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
SPTechCon 2014 San Francisco Visual Tools and Gamestorming WorkshopSPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Michelle Caldwell, PSM, SSGB
 
Ten Tips to Improve Your Website
Ten Tips to Improve Your WebsiteTen Tips to Improve Your Website
Ten Tips to Improve Your Website
CanadaHelps / MyCharityConnects
 
Visual Tools and Innovation Games - full day workshop - dev intersections - n...
Visual Tools and Innovation Games - full day workshop - dev intersections - n...Visual Tools and Innovation Games - full day workshop - dev intersections - n...
Visual Tools and Innovation Games - full day workshop - dev intersections - n...
Michelle Caldwell, PSM, SSGB
 
Designing with Personas
Designing with PersonasDesigning with Personas
Designing with Personas
Christina Wodtke
 
0470542624
04705426240470542624

Similar to website usability (20)

Website Usability
Website UsabilityWebsite Usability
Website Usability
 
8 Seconds_Writing for Digital Communications.12.11
8 Seconds_Writing for Digital Communications.12.118 Seconds_Writing for Digital Communications.12.11
8 Seconds_Writing for Digital Communications.12.11
 
Visual tools and innovation games workshop - spscbus - aug 2014
Visual tools and innovation games   workshop - spscbus - aug 2014Visual tools and innovation games   workshop - spscbus - aug 2014
Visual tools and innovation games workshop - spscbus - aug 2014
 
Usability fail-20102011
Usability fail-20102011Usability fail-20102011
Usability fail-20102011
 
Usability fail - PSMG March 2012
Usability fail - PSMG March 2012Usability fail - PSMG March 2012
Usability fail - PSMG March 2012
 
“Selfish Accessibility” for Create Upstate 2016
“Selfish Accessibility” for Create Upstate 2016“Selfish Accessibility” for Create Upstate 2016
“Selfish Accessibility” for Create Upstate 2016
 
Personas and how they are used in user-centered design
Personas and how they are used in user-centered designPersonas and how they are used in user-centered design
Personas and how they are used in user-centered design
 
Finding Your Dream Job Using Social Networking
Finding Your Dream Job Using Social NetworkingFinding Your Dream Job Using Social Networking
Finding Your Dream Job Using Social Networking
 
Visual tools and innovation games workshop - SPTechCon - Apr 2014
Visual tools and innovation games workshop - SPTechCon - Apr 2014Visual tools and innovation games workshop - SPTechCon - Apr 2014
Visual tools and innovation games workshop - SPTechCon - Apr 2014
 
Software development management slides by George Berkowski (Hailo)
Software development management slides by George Berkowski (Hailo)Software development management slides by George Berkowski (Hailo)
Software development management slides by George Berkowski (Hailo)
 
Usability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st CenturyUsability, User Experience and the Internet in the 21st Century
Usability, User Experience and the Internet in the 21st Century
 
10 challenges & 10 benefits of taking your high school paper online
10 challenges & 10 benefits of taking your high school paper online10 challenges & 10 benefits of taking your high school paper online
10 challenges & 10 benefits of taking your high school paper online
 
Website project
Website projectWebsite project
Website project
 
Connect by Christina Small
Connect by Christina SmallConnect by Christina Small
Connect by Christina Small
 
Before Code: How to Plan & Visualize Your Project
Before Code: How to Plan & Visualize Your ProjectBefore Code: How to Plan & Visualize Your Project
Before Code: How to Plan & Visualize Your Project
 
SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
SPTechCon 2014 San Francisco Visual Tools and Gamestorming WorkshopSPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
 
Ten Tips to Improve Your Website
Ten Tips to Improve Your WebsiteTen Tips to Improve Your Website
Ten Tips to Improve Your Website
 
Visual Tools and Innovation Games - full day workshop - dev intersections - n...
Visual Tools and Innovation Games - full day workshop - dev intersections - n...Visual Tools and Innovation Games - full day workshop - dev intersections - n...
Visual Tools and Innovation Games - full day workshop - dev intersections - n...
 
Designing with Personas
Designing with PersonasDesigning with Personas
Designing with Personas
 
0470542624
04705426240470542624
0470542624
 

Recently uploaded

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
 
LGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation TemplateLGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation Template
DakshGudwani
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Designforuminternational
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
ellemjani
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
bagmai
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
21uul8se
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
bo44ban1
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
k7nm6tk
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
PabloMartelLpez
 
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
ijk38lw
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
tobbk6s8
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
hw2xf1m
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
k4krdgxx
 

Recently uploaded (20)

Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
LGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation TemplateLGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation Template
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
一比一原版(LSBU毕业证书)伦敦南岸大学毕业证如何办理
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
 
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
一比一原版(Vancouver毕业证书)温哥华岛大学毕业证如何办理
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
 

website usability