ux techniques
DESCRIPTION
TRANSCRIPT
![Page 1: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/1.jpg)
Wednesday, February 22, 2012
Introduction to User Experience Techniques
4ORCE Digital
Jake Truemper @trump29
![Page 2: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/2.jpg)
...all aspects of the end-user's interaction with the company, its services, and its products.
- Nielsen Norman Group
UX TECHNIQUES
“User Experience” Encompasses...
2
![Page 3: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/3.jpg)
UX TECHNIQUES
Technique Overview
3
Usability Testinge.g. Lab Usability Testing
Interaction Designe.g. Low-Fidelity Prototyping
Field Studiese.g. Contextual Inquiry
Information Architecturee.g. Card Sorting
Opinion-Based Feedbacke.g. User Diaries
Visual Testinge.g. Moodboard Testing
Ideation Sessions & Consensus Buildinge.g. Persona Development
Expert Feedbacke.g. Expert Review
Post-Release Testinge.g. A/B Testing
![Page 4: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/4.jpg)
UX TECHNIQUES
Usability Testing
4
![Page 5: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/5.jpg)
UX TECHNIQUES
The most established of user testing techniques, lab usability testing is an observation-based study in which representative users perform task-based testing on a site or product.
Lab Usability Testing
5
![Page 6: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/6.jpg)
UX TECHNIQUES
Unmoderated usability testing is conducted remotely without a facilitator. Modern tools collect user feedback by recording online behavior as users complete relevant tasks.
Unmoderated Usability Testing
6
![Page 7: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/7.jpg)
UX TECHNIQUES
Additional Usability Testing Variations> Remote Testing
> Competitor Testing
> Comparative Testing
> Open Web Testing
> Accessiblity Testing
> Mobile Testing / Other Device Testing
> Document / Collateral Testing
7
![Page 8: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/8.jpg)
UX TECHNIQUES
Interaction Design
8
![Page 9: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/9.jpg)
UX TECHNIQUES
Traditionally, low-fidelity prototyping used hand-drawn prototypes. Now, with tools that emulate the rough “sketchy” style of a hand-drawn prototype, pen and paper are less frequently used. Hand-drawn or not, low-fidelity prototypes are raw images with little to no visual branding applied.
Low-Fidelity Prototyping
9
![Page 10: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/10.jpg)
> Mid-Fidelity Prototyping
> High-Fidelity Prototyping
> Wireframing (Skeletal Wireframes, Functional Spec Wireframes)
UX TECHNIQUES
Additional IXD Technique Variations
10
![Page 11: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/11.jpg)
UX TECHNIQUES
Information Architecture
11
![Page 12: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/12.jpg)
UX TECHNIQUES
Card Sorting is a technique for improving the findability of content within 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 into intuitive categories. Maybe be an open card sort or closed (users provide category names or not).
Card Sorting
12
![Page 13: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/13.jpg)
> Tree Testing
> Story Boarding
> Mindmapping/Process Flow Diagraming
> Free Listing
UX TECHNIQUES
Additional IA Technique Variations
13
![Page 14: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/14.jpg)
UX TECHNIQUES
Field Studies
14
![Page 15: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/15.jpg)
UX TECHNIQUES
An end user tests an interface, product, or service within the environment which they will use it. CI typically begins with an interview phase where the UX pro asks prepared questions. The user is then asked to act as a mentor, teaching the UX professional how they interact with a system.
Contextual Inquiry
15
![Page 16: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/16.jpg)
> Overt or Covert Field Studies
> User Interviews
> True Intent Studies
UX TECHNIQUES
Additional Field Study Variations
16
![Page 17: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/17.jpg)
UX TECHNIQUES
Visual Testing
17
![Page 18: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/18.jpg)
UX TECHNIQUES
Moodboards are visual representations of brand attitudes that are tested 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 or interaction design.
Moodboard Testing
18
![Page 19: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/19.jpg)
> Preference Testing
> Icon Testing
UX TECHNIQUES
Additional Visual Testing Variations
19
![Page 20: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/20.jpg)
UX TECHNIQUES
Ideation & Concensus Building
20
![Page 21: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/21.jpg)
UX TECHNIQUES
Persona development distills user findings down to fictional characters whose demographic information, needs and desires represent larger user segments.
Persona Development
21
![Page 22: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/22.jpg)
> Ideation Sessions
> UX Illustration/Whiteboarding
> Co-Design
> Workshops
UX TECHNIQUES
Additional Ideation & Consensus Building Technique Variations
22
![Page 23: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/23.jpg)
UX TECHNIQUES
User Opinion Studies
23
![Page 24: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/24.jpg)
UX TECHNIQUES
Users keep a journal of their interactions with a system over an extended period of time.
User Diaries
24
![Page 25: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/25.jpg)
> Focus Groups
> Surveys
UX TECHNIQUES
Additional User Opinion Techniques
25
![Page 26: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/26.jpg)
UX TECHNIQUES
Expert Feedback
26
![Page 27: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/27.jpg)
UX TECHNIQUES
An evaluator provides insights on the usability of the interface based on best practices — a quick and dirty means of getting usability feedback. Often a precursor to other user-centered design activities.
Expert Review
27
![Page 28: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/28.jpg)
> Heuristic Analysis
> Content Inventory/Audit
> Accessibility Review
> Brand Analysis
> Competitor Analysis
UX TECHNIQUES
Additional Expert Feedback Variations
28
![Page 29: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/29.jpg)
UX TECHNIQUES
Post-Release Testing
29
![Page 30: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/30.jpg)
UX TECHNIQUES
A/B testing compares two or more versions of a page on your live site by randomly dividing users between the pages and evaluating analytics data.
A/B Testing
30
![Page 31: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/31.jpg)
> Analytics
> Summative Usability Testing
UX TECHNIQUES
Additional Post-Release Techniques
31
![Page 32: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/32.jpg)
UX TECHNIQUES
General Tactics
32
![Page 33: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/33.jpg)
> Iterative Testing and Design
> Fidelity Shift
> Guerrilla/Discount/Lean UX
> Eye Tracking
UX TECHNIQUES
General Tactics
33
![Page 34: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/34.jpg)
UX TECHNIQUES
Questions?Jake Truemper@trump29
4ORCEdigital.com
34
![Page 35: UX Techniques](https://reader034.vdocument.in/reader034/viewer/2022051819/54c6e46c4a7959d7588b45bb/html5/thumbnails/35.jpg)