UX Techniques

  • 620 views
Uploaded on

 

More in: Design , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
620
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
19
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 4ORCE DigitalIntroduction to User ExperienceTechniquesWednesday, February 22, 2012 Jake Truemper @trump29
  • 2. “User Experience” Encompasses......all aspects of the end-users interaction with the company, its services,and its products.- Nielsen Norman Group UX TE CHNIQ UES 2
  • 3. Technique OverviewUsability Testing Visual Testinge.g. Lab Usability Testing e.g. Moodboard TestingInteraction Design Ideation Sessions &e.g. Low-Fidelity Prototyping Consensus Building e.g. Persona DevelopmentField Studiese.g. Contextual Inquiry Expert Feedback e.g. Expert ReviewInformation Architecturee.g. Card Sorting Post-Release Testing e.g. A/B TestingOpinion-Based Feedbacke.g. User Diaries UX TE CHNIQ UES 3
  • 4. Usability Testing4 U X TE C H NI QUE S
  • 5. Lab Usability TestingThe most established of user testing techniques, lab usability testing isan observation-based study in which representative users performtask-based testing on a site or product. 5 U X TE C H NI QUE S
  • 6. Unmoderated Usability TestingUnmoderated usability testing is conducted remotely without afacilitator. Modern tools collect user feedback by recording onlinebehavior as users complete relevant tasks. 6 U X TE C H NI QUE S
  • 7. Additional Usability Testing Variations> Remote Testing> Competitor Testing> Comparative Testing> Open Web Testing> Accessiblity Testing> Mobile Testing / Other Device Testing> Document / Collateral Testing UX TE CHNIQ UES 7
  • 8. Interaction Design8 U X TE C H NI QUE S
  • 9. Low-Fidelity PrototypingTraditionally, low-fidelity prototyping used hand-drawn prototypes.Now, with tools that emulate the rough “sketchy” style of a hand-drawnprototype, pen and paper are less frequently used. Hand-drawn or not,low-fidelity prototypes are raw images with little to no visual brandingapplied. 9 U X TE C H NI QUE S
  • 10. Additional IXD Technique Variations> Mid-Fidelity Prototyping> High-Fidelity Prototyping> Wireframing (Skeletal Wireframes, Functional Spec Wireframes) UX TE CHNIQ UES 10
  • 11. Information Architecture11 U X TE C H NI QUE S
  • 12. Card SortingCard Sorting is a technique for improving the findability of contentwithin a system. During a card sort users are given a series or “cards,”each labeled with a piece of content and are asked to sort them intointuitive categories. Maybe be an open card sort or closed (usersprovide category names or not).12 U X TE C H NI QUE S
  • 13. Additional IA Technique Variations> Tree Testing> Story Boarding> Mindmapping/Process Flow Diagraming> Free Listing UX TE CHNIQ UES 13
  • 14. Field Studies14 U X TE C H NI QUE S
  • 15. Contextual InquiryAn end user tests an interface, product, or service within theenvironment which they will use it. CI typically begins with an interviewphase where the UX pro asks prepared questions. The user is thenasked to act as a mentor, teaching the UX professional how theyinteract with a system.15 U X TE C H NI QUE S
  • 16. Additional Field Study Variations> Overt or Covert Field Studies> User Interviews> True Intent Studies UX TE CHNIQ UES 16
  • 17. Visual Testing17 U X TE C H NI QUE S
  • 18. Moodboard TestingMoodboards are visual representations of brand attitudes that aretested with users prior to the creation of full visual design comps.Moodboards include imagery style, color palettes, typography,textures, etc., creating the overall feel of the site without layout orinteraction design.18 U X TE C H NI QUE S
  • 19. Additional Visual Testing Variations> Preference Testing> Icon Testing UX TE CHNIQ UES 19
  • 20. Ideation & Concensus Building20 U X TE C H NI QUE S
  • 21. Persona DevelopmentPersona development distills user findings down to fictional characterswhose demographic information, needs and desires represent largeruser segments.21 U X TE C H NI QUE S
  • 22. Additional Ideation & Consensus BuildingTechnique Variations> Ideation Sessions> UX Illustration/Whiteboarding> Co-Design> Workshops UX TE CHNIQ UES 22
  • 23. User Opinion Studies23 U X TE C H NI QUE S
  • 24. User DiariesUsers keep a journal of their interactions with a system over anextended period of time.24 U X TE C H NI QUE S
  • 25. Additional User Opinion Techniques> Focus Groups> Surveys UX TE CHNIQ UES 25
  • 26. Expert Feedback26 U X TE C H NI QUE S
  • 27. Expert ReviewAn evaluator provides insights on the usability of the interface basedon best practices — a quick and dirty means of getting usabilityfeedback. Often a precursor to other user-centered design activities.27 U X TE C H NI QUE S
  • 28. Additional Expert Feedback Variations> Heuristic Analysis> Content Inventory/Audit> Accessibility Review> Brand Analysis> Competitor Analysis UX TE CHNIQ UES 28
  • 29. Post-Release Testing29 U X TE C H NI QUE S
  • 30. A/B TestingA/B testing compares two or more versions of a page on your live siteby randomly dividing users between the pages and evaluatinganalytics data.30 U X TE C H NI QUE S
  • 31. Additional Post-Release Techniques> Analytics> Summative Usability Testing UX TE CHNIQ UES 31
  • 32. General Tactics32 U X TE C H NI QUE S
  • 33. General Tactics> Iterative Testing and Design> Fidelity Shift> Guerrilla/Discount/Lean UX> Eye Tracking UX TE CHNIQ UES 33
  • 34. Questions?Jake Truemper@trump294ORCEdigital.com34 U X TE C H NI QUE S