ux techniques
DESCRIPTION
TRANSCRIPT
Wednesday, February 22, 2012
Introduction to User Experience Techniques
4ORCE Digital
Jake Truemper @trump29
...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
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
UX TECHNIQUES
Usability Testing
4
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
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
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
UX TECHNIQUES
Interaction Design
8
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
> Mid-Fidelity Prototyping
> High-Fidelity Prototyping
> Wireframing (Skeletal Wireframes, Functional Spec Wireframes)
UX TECHNIQUES
Additional IXD Technique Variations
10
UX TECHNIQUES
Information Architecture
11
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
> Tree Testing
> Story Boarding
> Mindmapping/Process Flow Diagraming
> Free Listing
UX TECHNIQUES
Additional IA Technique Variations
13
UX TECHNIQUES
Field Studies
14
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
> Overt or Covert Field Studies
> User Interviews
> True Intent Studies
UX TECHNIQUES
Additional Field Study Variations
16
UX TECHNIQUES
Visual Testing
17
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
> Preference Testing
> Icon Testing
UX TECHNIQUES
Additional Visual Testing Variations
19
UX TECHNIQUES
Ideation & Concensus Building
20
UX TECHNIQUES
Persona development distills user findings down to fictional characters whose demographic information, needs and desires represent larger user segments.
Persona Development
21
> Ideation Sessions
> UX Illustration/Whiteboarding
> Co-Design
> Workshops
UX TECHNIQUES
Additional Ideation & Consensus Building Technique Variations
22
UX TECHNIQUES
User Opinion Studies
23
UX TECHNIQUES
Users keep a journal of their interactions with a system over an extended period of time.
User Diaries
24
> Focus Groups
> Surveys
UX TECHNIQUES
Additional User Opinion Techniques
25
UX TECHNIQUES
Expert Feedback
26
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
> Heuristic Analysis
> Content Inventory/Audit
> Accessibility Review
> Brand Analysis
> Competitor Analysis
UX TECHNIQUES
Additional Expert Feedback Variations
28
UX TECHNIQUES
Post-Release Testing
29
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
> Analytics
> Summative Usability Testing
UX TECHNIQUES
Additional Post-Release Techniques
31
UX TECHNIQUES
General Tactics
32
> Iterative Testing and Design
> Fidelity Shift
> Guerrilla/Discount/Lean UX
> Eye Tracking
UX TECHNIQUES
General Tactics
33
UX TECHNIQUES
Questions?Jake Truemper@trump29
4ORCEdigital.com
34