7/31/2019 Week Designing for Readability 2012
1/21
Week
Designing for usability
Week 10 Designing for Usability 1
7/31/2019 Week Designing for Readability 2012
2/21
Week
what is usability?
is it useful?
is it useable?
http://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJc7/31/2019 Week Designing for Readability 2012
3/21
Week
Information Designer
what is usability?
Its about the relationship between tools and their users
the extent to which a product can be used by specified users to
achieve specified goals with effectiveness, efficiency and satisfaction in aspecified context of use.
ISO 9241-11
the measure of the quality of a user
s experience when interacting witha product or system, at the user interface
Week 10 Designing for Usability 3
http://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJc7/31/2019 Week Designing for Readability 2012
4/21
Week
user-centred design or universal design?
Week 10 Designing for Usability 4
Two philosophies:
User-centred Design is the process of designing tools and products
from the perspective of how it will be understood and used by a user
Universal Design is the process of designing tools or products whichare usable by people with the widest possible range of abilities,operating within the widest possible range of situations l
then theres universal usability
http://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://youtu.be/noe3kR8KqJchttp://localhost/ttp/::www.ncsu.edu:project:design-projects:udi:http://www.ncsu.edu/project/design-projects/udi/2011/05/09/newprinciplesposters/%23more-653http://www.ncsu.edu/project/design-projects/udi/2011/05/09/newprinciplesposters/%23more-653http://localhost/ttp/::www.ncsu.edu:project:design-projects:udi:http://dl.dropbox.com/u/26642812/UniversalDesignMap.pdf7/31/2019 Week Designing for Readability 2012
5/21
WeekWeek 10 Designing for Usability 5
aesthetics vs. functionality debate
7/31/2019 Week Designing for Readability 2012
6/21
Week
aesthetics vs. functionality
6Week 10 Designing for Usability
Balancing two interrelated but sometimes conflicting elements
aestheticspresentationexperience
"Aesthetic designs are perceived as easier to use than less-aesthetic designsLidwell 2003
functionality
usabilityinformational
it makes little sense wasting time on its packaging
Nielsen 1993
http://www.atlimusic.com/http://www.useit.com/http://www.useit.com/http://www.atlimusic.com/7/31/2019 Week Designing for Readability 2012
7/21
Week
integrated approach
Broad or wholistic approaches that incorporate usability
Petterssons universal design: aesthetic, economic, & ergonomic
legible
readable
meaningful
unity
Shedroffssensorial design
Lidwells hierarchy of needs
low-level needs before higher level needs
Week 10 Designing for Usability 7
7/31/2019 Week Designing for Readability 2012
8/21
Week
Lidwells hierarchy of needs
functionality
reliability
usability
proficiency
creativity
Week 10 Designing for Usability 8
7/31/2019 Week Designing for Readability 2012
9/21
Week
definitions of usability
General
ISO924-11 standard
efficiency, effectiveness, satisfaction
Specific, web-usability
Nielsen, Shneiderman efficiency, learnability, memorability, error reduction, satisfaction
9Week 10 Designing for Usability
7/31/2019 Week Designing for Readability 2012
10/21
Week
a layered model
Week 10 Designing for Usability 10
Van Welies layered model of usability
7/31/2019 Week Designing for Readability 2012
11/21
Week
efficiency
11Week 10 Designing for Usability
simplicitymake as simple and intuitive to use as possible
ease of use (usability literally) speed,
flexibility no tech support or user guides
learnability familiarity
consistency of design
visibility predictability
http://www.ianschragercompany.com/http://www.amnesty.org/http://www.amnesty.org/http://www.ianschragercompany.com/7/31/2019 Week Designing for Readability 2012
12/21
Week
effectiveness
memorability
if you stop using a product or system for a long period of time, can youremember how to use it once you go back to it?
error reduction
how often do users make errors while using the system or product,
how serious are these errors
how do users recover from these errors?
accuracy
reliability
12Week 10 Designing for Usability
7/31/2019 Week Designing for Readability 2012
13/21
Week
effectiveness and efficiency
Week 10 Designing for Usability 13
7/31/2019 Week Designing for Readability 2012
14/21
Week
satisfaction
14
is it useful?
is it productive?
does it fulfill its purpose?
do you enjoy using the product/system?
Week 10 Designing for Usability
7/31/2019 Week Designing for Readability 2012
15/21
Week
some examples
information design
don't confuse a site's organization, its information design, with the
representation of its organization or its visual design. How a site looks
is important, but the representation is ultimately not as important asits organization (Shedroff 1994)
experience design
interaction design
Design Museum
Week 10 Designing for Usability 15
http://www.nathan.com/thoughts/recipe/info.htmlhttp://www.nathan.com/thoughts/recipe/info.htmlhttp://pbskids.org/sesame/http://www.visualthesaurus.com/http://designmuseum.org/http://designmuseum.org/http://www.visualthesaurus.com/http://pbskids.org/sesame/http://www.nathan.com/thoughts/recipe/info.htmlhttp://www.nathan.com/thoughts/recipe/info.html7/31/2019 Week Designing for Readability 2012
16/21
Week
user-friendly
is the product/system potentially inappropriate?
London 2012 Olympics logo designed Wolff Olins
unveiled 4 June 2007
cost 400,000
16Week 10 Designing for Usability
Theres an old saying in the ad game: try not to give people seizures
Daily Show: London Logo Thursday June 7, 2007
http://www.wolffolins.com/work/london-2012http://www.youtube.com/watch?v=vs0hfhSje9Mhttp://www.wolffolins.com/work/london-2012http://www.wolffolins.com/work/london-2012http://www.wolffolins.com/work/london-20127/31/2019 Week Designing for Readability 2012
17/21
Week
accessibility
accessibility is concerned primarily with making the contentand functionality of web sites accessiblewithin reachtoall users
universal usability goes onestep further, striving to makethe content and functionalityaccessible and usable by all
17Week 10 Designing for Usability
http://www.humanrights.gov.au/site/accessibility/index.html7/31/2019 Week Designing for Readability 2012
18/21
Week
universal usability
18Week 10 Designing for Usability
Designing information & communication products andservices usable by allregardless of identity and ability
different identities (age, culture, demographics, sexuality, gender etc)
visually, physically, hearing and cognitive impaired relationship to accessibility
three challenges:
technology variety
user diversity gaps in user knowledge
http://www.dyslexic.com/articlecontent.asp?CAT=Accessibility&slug=67&title=Typefaces%20for%20Dyslexiahttp://www.dyslexic.com/articlecontent.asp?CAT=Accessibility&slug=67&title=Typefaces%20for%20Dyslexia7/31/2019 Week Designing for Readability 2012
19/21
Week
usability evaluation methods
universal design
... is a design strategy that helps to reach the goal of ... Universal Access
heuristics evaluation orrule of thumb Nielsons 10 heuristics, Shneidermans 8 golden rules
used mostly by web developer/designers
cost effective method
biased by the preconceptions of the evaluators
Heuristics are useful but nothing is as informative as an actual empirical study with real users
user testing / inquiry methods interviews, focus groups
surveys
task analysis
.
Week 10 Designing for Usability 19
7/31/2019 Week Designing for Readability 2012
20/21
Week
common barriers to designing for usability
poor project management
cost
time
not consulting with users
users decide when a product is easy to use
not understanding users
people use products to be productive
not an iterative process
Need drafts and road testing
20Week 10 Designing for Usability
7/31/2019 Week Designing for Readability 2012
21/21
Week
further reading
Australian Human Rights Commission, accessed 2 May 2011 athttp://www.hreoc.gov.au/site/accessibility/index.html
10 Usability Heuristics accessed 3 May 2012 athttp://www.youtube.com/watch?v=hWc0Fd2AS3s&feature=related
Centre for Universal Design, available at http://www.ncsu.edu/project/design-projects/udi/
Jacob Nielsens Useit.com, accessed 3 May 2012 at http://www.useit.com/
Lidwell W., Holden K. & Butler J. 2003, Universal Principles of Design, Gloucester, Ma. :Rockport, 2003.
OConnor, P. 2005, Conflicting Viewpoints on Web Design,Journal of Travel & TourismMarketing, available at UTS lIbrary Catalogue eReadings
Usability First, accessed 3 May 2012 at http://www.usabilityfirst.com/
Van Welie, M.1999, Breaking down usability, available atwww.welie.com/papers/Interact99.pdf
21Week 10 Designing for Usability
http://www.hreoc.gov.au/site/accessibility/index.htmlhttp://www.youtube.com/watch?v=hWc0Fd2AS3s&feature=relatedhttp://www.ncsu.edu/project/design-projects/udi/http://www.useit.com/http://www.usabilityfirst.com/http://www.welie.com/papers/Interact99.pdfhttp://www.welie.com/papers/Interact99.pdfhttp://www.usabilityfirst.com/http://www.useit.com/http://www.ncsu.edu/project/design-projects/udi/http://www.ncsu.edu/project/design-projects/udi/http://www.ncsu.edu/project/design-projects/udi/http://www.youtube.com/watch?v=hWc0Fd2AS3s&feature=relatedhttp://www.hreoc.gov.au/site/accessibility/index.html