Introduction to user-centered design

Download Introduction to user-centered design

Post on 07-Jan-2016




0 download

Embed Size (px)


Beyond Usability: User-Centered Design Strategies - - - - - - - - - - - - - - - Christina Wodtke :: Carbon IQ User Experience Group tel: 415 824 7090. Introduction to user-centered design. What is it?. Its more than usability testing. NO!. - PowerPoint PPT Presentation


  • Beyond Usability:User-Centered Design Strategies

    - - - - - - - - - - - - - - -

    Christina Wodtke :: christina@carboniq.comCarbon IQ User Experience Group http://www.carboniq.comtel: 415 824 7090

  • Introduction to user-centered designWhat is it?

    NO!Its more than usability testing

  • Introduction to user-centered designWhat is it?

    Method to get user reactions and feedback Performed throughout the entire product development cycle Used to ensure a usable productIterative

  • Introduction to user-centered design

  • Introduction: How does it work?Learn who the customer is.Create a rough prototype to test with the people who will use it.Revise based on what you learned.Build a prototype that is close to the finished thing.Test again.Make fixes based on what you learned.Ship the product. Include a feedback device so you can make the next version even better.

  • Introduction: Who does it?

    User Research CompanyInternal User Research Specialist

  • Introduction: Who does it?

    User Research CompanyInternal User Research SpecialistOutside Consultant

  • Introduction: Who does it?

    User Research CompanyInternal User Research SpecialistOutside ConsultantYou

  • Introduction: Why do it?

    Know if the product meets user needs before you build itEnable you to develop easy-to-use productsSatisfy customersDecrease expenditures on technical support and trainingAdvertise ease-of-use successesImprove brand perceptionUltimately increase market share

  • Introduction: Fighting for it.You will have to fight. Prepare your arguments in advance.

    EXCUSEARGUMENTWe have great designers.Designers are not users.We dont have the budget.Use discount methods.We dont have time.Use discount methods.Its never been done before; so theres nothing to test.Test prototypes.Users dont know what they want.Observe, dont ask.Everybody is our market.; thats too many people to testUser-centered techniques help define target market.Weve done market research.Market research is not the same.

  • Who are the users of the system?

    Start by collecting pre-existing information

    Hunt down previous data (marketing demographics, surveys, past usability tests)Hold stakeholder interviewsConduct customer service interviews

    Next: techniques for user-centered design

  • Personas

  • Persona development/user profilingPersonas are:

    Archetypal usersConglomerates based on user dataBuilt collaboratively by teamNot the same as talking to actual usersUseful for keeping users front-of-mindHolds down nifty factor in favor of user requirements

  • Persona development/user profilingHow to create: Summarize findings, distribute to stakeholders.Hold a work session with stakeholders & development team to brainstorm personas.Prioritize and cull lesser personas to develop primary and supporting personas.

  • Example personas

  • Talk to the end user: QuestionnairesWhat is it?

    Method of getting information about usersQuantitative, rather than qualitativeGood for gathering large amounts of factsLess reliable when dealing with opinions

    People lie, and with very little reason

  • Talk to the end user: QuestionnairesTwo types: FactualGender: male or femaleAge:__OpinionFrom a scale from 1 to 5 where 1 is easy and 5 is difficult, how hard was it to use this system?Would you buy this product?

  • Finding the end userRecruiting Develop a portrait of the user (a la the persona)Develop a screener based on thisRecruit typical end usersProfessional recruiterDo it yourselfOffer a consideration: cash or a giftWatch for ringersProfessional testersInarticulate users

  • Not the end userEmployeesDesignersProgrammersMarket researchersYou

  • Talk to the end user: Contextual Inquiry

    Onsite observation.

  • Talk to the end user: Contextual InquiryWhat is it?

    Observe users in the environment they use your productWatch them use the productUnderstand their behavior by encouraging them to think out loudRemember to compare what they say and what they do.

  • Talk to the end user: Contextual InquiryTechnique: Thinking-out-loud

    Also used in usability testing, participatory designUsers encouraged to voice their thoughts as they use the productTry an exercise to illustrate

  • Talk to the end user: Contextual InquiryRunning a contextual inquiry

    Recruit a number of typical end-usersVisit the location where they would use your productAsk them to show you how currently do their tasksAsk them to accomplish those tasks with your productAnalyze your results

  • Analyzing what youve learned.Mental Models - diagram of the end users perception of product

    Study the userMap the mental modelDevelop a conceptual model

  • A simple mental model

  • A conceptual model

  • Map the mental modelPencil and paperWrite down how the user thinksSketch it dont worry about being prettyAdjust by adding business restraintsDesign conceptual modelShare with development team

  • Analyzing what youve learnedPersona Scenarios the power of story telling

    Get your personas outTell ideal user experience for one personaAdjust for business constraintsBuild for this scenario

  • Example Persona Scenario

  • Analyzing what youve learned.Task analysis

    Step by step analysis of user behaviorHelps define interface/interaction needsFlushes out potential opportunities for errors

  • Analyzing what youve learnedTask analysis

    Start with scenarioBreak it up into discreet tasksSubdivide into smaller steps

  • Task analysisPurchasing a purse at might include the tasks:

    1. locate purse 2. add purse to shopping cart3. check out

    CHECK OUT BECOMESa. Select checkoutb. Sign in/sign upc. Input shipping addressd. Input billing addresse. Input paymentf. Review orderg. Finalize checkout

  • Task analysisAnd so on

    CHECK OUT BECOMESINPUT BILLING ADDRESS BECOMESa. Select checkoutd. Input billing address (prepopulate all fields from c.)b. Sign in/sign upi. Input first name c. Input shipping addressii. Input family named. Input billing addressiii. Input street addresse. Input paymentiv. Input street addressf. Review orderv. Input state (dropdown of standard abbreviations)g. Finalize checkoutvi. Input country

  • Example Task analysis

  • Designing for the end user - and with them!Prototyping

    Simple low-fi mockupOften paper or simple htmlEarly or not designedQuick, easy to revise

  • Designing with the userHow to: Designing and Preparing a paper prototype test Required: paper, pens, tape, scissors and 3 people Use paper and hand draw prototypeOne person acts as the computer, one as moderator, one takes notesAsk users to accomplish tasksMake small changes as needed

    Paper prototyping kit available at

  • Rapid prototypingPaper or htmlVery early stage design, or half complete designAllow time between tests to make changesNote where design gets better or worseYou should be making fewer changes as the test continuesThe report is partly the final prototype

  • Participatory Card SortWay to understand users mental models and languageUseful on sites with large amount of content

  • How to: Running a successful card sort50-75 pieces of content (not categories!)Provide as much information as possible while not overwhelmingLay all content out on a large table, shuffled thoroughlyProvide blanks for category labelsEncourage thinking-out-loudBe helpful, but do not suggest or advise. Play psychiatrist.Collate results and look for patterns.

  • Usability testingat last

  • ConclusionUser-centered design worksIt makes good business senseIts affordableIts satisfying

  • More readingContextual DesignDont Make Me ThinkDesigning Web UsabilityInmates are Running the AsylumSoftware For Use

    All can be found at more!)

  • More readingUsable Web http://www.usableweb.comUsability Toolbox Tog Jakob!

  • User-centered design is a way to get user feedback during all stages of the product development cycle, to ensure a usable product. Definitions:Design This encompasses more than just graphic design-Im speaking of the decisions on what is in the feature set, how the structure of the site is designed (a.k.a. Information architecture), and the design of the interface itself as well as the final execution of the identity through graphic design.User feedback Im not talking about asking the users to actually design for you. Im talking about careful observation of the user and how they interact with the product to discover how well they use the product (efficiency) and how they perceive the experience of using it (satisfaction)Product Anything a company makes that someone will have to use. Websites are probably the ones you folks are most interested in, but user centered design benefits software as well. Or can be applied even to physical products, such as appliances or electronic toys such as PDAs or cell phones.Development cycle The project of creating or redesign your product, from inception to launch/shipment.

    User-centered design is a way to get user feedback during all stages of the product development cycle, to ensure a usable product. Definitions:Design This encompasses more than just graphic design-Im speaking of the decisions on what is in the feature set, how the structure of the site is designed (a.k.a. Information architecture), and the design of the int