0
4ORCE DigitalIntroduction to User ExperienceTechniquesWednesday, February 22, 2012      Jake Truemper @trump29
“User Experience” Encompasses......all aspects of the end-users interaction with the company, its services,and its product...
Technique OverviewUsability Testing               Visual Testinge.g. Lab Usability Testing      e.g. Moodboard TestingInte...
Usability Testing4    U X TE C H NI QUE S
Lab Usability TestingThe most established of user testing techniques, lab usability testing isan observation-based study i...
Unmoderated Usability TestingUnmoderated usability testing is conducted remotely without afacilitator. Modern tools collec...
Additional Usability Testing Variations> Remote Testing> Competitor Testing> Comparative Testing> Open Web Testing> Access...
Interaction Design8    U X TE C H NI QUE S
Low-Fidelity PrototypingTraditionally, low-fidelity prototyping used hand-drawn prototypes.Now, with tools that emulate th...
Additional IXD Technique Variations> Mid-Fidelity Prototyping> High-Fidelity Prototyping> Wireframing (Skeletal Wireframes...
Information Architecture11   U X TE C H NI QUE S
Card SortingCard Sorting is a technique for improving the findability of contentwithin a system. During a card sort users ...
Additional IA Technique Variations> Tree Testing> Story Boarding> Mindmapping/Process Flow Diagraming> Free Listing       ...
Field Studies14   U X TE C H NI QUE S
Contextual InquiryAn end user tests an interface, product, or service within theenvironment which they will use it. CI typ...
Additional Field Study Variations> Overt or Covert Field Studies> User Interviews> True Intent Studies                    ...
Visual Testing17   U X TE C H NI QUE S
Moodboard TestingMoodboards are visual representations of brand attitudes that aretested with users prior to the creation ...
Additional Visual Testing Variations> Preference Testing> Icon Testing                                       UX TE CHNIQ U...
Ideation & Concensus Building20   U X TE C H NI QUE S
Persona DevelopmentPersona development distills user findings down to fictional characterswhose demographic information, n...
Additional Ideation & Consensus BuildingTechnique Variations> Ideation Sessions> UX Illustration/Whiteboarding> Co-Design>...
User Opinion Studies23   U X TE C H NI QUE S
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
Additional User Opinion Techniques> Focus Groups> Surveys                                     UX TE CHNIQ UES   25
Expert Feedback26   U X TE C H NI QUE S
Expert ReviewAn evaluator provides insights on the usability of the interface basedon best practices — a quick and dirty m...
Additional Expert Feedback Variations> Heuristic Analysis> Content Inventory/Audit> Accessibility Review> Brand Analysis> ...
Post-Release Testing29   U X TE C H NI QUE S
A/B TestingA/B testing compares two or more versions of a page on your live siteby randomly dividing users between the pag...
Additional Post-Release Techniques> Analytics> Summative Usability Testing                                     UX TE CHNIQ...
General Tactics32   U X TE C H NI QUE S
General Tactics> Iterative Testing and Design> Fidelity Shift> Guerrilla/Discount/Lean UX> Eye Tracking                   ...
Questions?Jake Truemper@trump294ORCEdigital.com34   U X TE C H NI QUE S
UX Techniques
Upcoming SlideShare
Loading in...5
×

UX Techniques

711

Published on

Published in: Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
711
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
20
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "UX Techniques"

  1. 1. 4ORCE DigitalIntroduction to User ExperienceTechniquesWednesday, February 22, 2012 Jake Truemper @trump29
  2. 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. 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. 4. Usability Testing4 U X TE C H NI QUE S
  5. 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. 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. 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. 8. Interaction Design8 U X TE C H NI QUE S
  9. 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. 10. Additional IXD Technique Variations> Mid-Fidelity Prototyping> High-Fidelity Prototyping> Wireframing (Skeletal Wireframes, Functional Spec Wireframes) UX TE CHNIQ UES 10
  11. 11. Information Architecture11 U X TE C H NI QUE S
  12. 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. 13. Additional IA Technique Variations> Tree Testing> Story Boarding> Mindmapping/Process Flow Diagraming> Free Listing UX TE CHNIQ UES 13
  14. 14. Field Studies14 U X TE C H NI QUE S
  15. 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. 16. Additional Field Study Variations> Overt or Covert Field Studies> User Interviews> True Intent Studies UX TE CHNIQ UES 16
  17. 17. Visual Testing17 U X TE C H NI QUE S
  18. 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. 19. Additional Visual Testing Variations> Preference Testing> Icon Testing UX TE CHNIQ UES 19
  20. 20. Ideation & Concensus Building20 U X TE C H NI QUE S
  21. 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. 22. Additional Ideation & Consensus BuildingTechnique Variations> Ideation Sessions> UX Illustration/Whiteboarding> Co-Design> Workshops UX TE CHNIQ UES 22
  23. 23. User Opinion Studies23 U X TE C H NI QUE S
  24. 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. 25. Additional User Opinion Techniques> Focus Groups> Surveys UX TE CHNIQ UES 25
  26. 26. Expert Feedback26 U X TE C H NI QUE S
  27. 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. 28. Additional Expert Feedback Variations> Heuristic Analysis> Content Inventory/Audit> Accessibility Review> Brand Analysis> Competitor Analysis UX TE CHNIQ UES 28
  29. 29. Post-Release Testing29 U X TE C H NI QUE S
  30. 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. 31. Additional Post-Release Techniques> Analytics> Summative Usability Testing UX TE CHNIQ UES 31
  32. 32. General Tactics32 U X TE C H NI QUE S
  33. 33. General Tactics> Iterative Testing and Design> Fidelity Shift> Guerrilla/Discount/Lean UX> Eye Tracking UX TE CHNIQ UES 33
  34. 34. Questions?Jake Truemper@trump294ORCEdigital.com34 U X TE C H NI QUE S
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×