week designing for readability 2012

Upload: uts1234

Post on 05-Apr-2018

216 views

Category:

Documents


0 download

TRANSCRIPT

  • 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/noe3kR8KqJc
  • 7/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/noe3kR8KqJc
  • 7/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.pdf
  • 7/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.html
  • 7/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-2012
  • 7/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.html
  • 7/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%20Dyslexia
  • 7/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