Your SlideShare is downloading. ×
UX Techniques
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

UX Techniques


Published on

Published in: Design, Technology
1 Like
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 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