+ All Categories
Home > Design > UX Techniques

UX Techniques

Date post: 27-Jan-2015
Category:
Upload: jake-truemper
View: 634 times
Download: 0 times
Share this document with a friend
Description:
 
Popular Tags:
35
Wednesday, February 22, 2012 Introduction to User Experience Techniques 4ORCE Digital Jake Truemper @trump29
Transcript
Page 1: UX Techniques

Wednesday, February 22, 2012

Introduction to User Experience Techniques

4ORCE Digital

Jake Truemper @trump29

Page 2: UX Techniques

...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

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

UX TECHNIQUES

Usability Testing

4

Page 5: UX Techniques

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

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

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

UX TECHNIQUES

Interaction Design

8

Page 9: UX Techniques

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

> Mid-Fidelity Prototyping

> High-Fidelity Prototyping

> Wireframing (Skeletal Wireframes, Functional Spec Wireframes)

UX TECHNIQUES

Additional IXD Technique Variations

10

Page 11: UX Techniques

UX TECHNIQUES

Information Architecture

11

Page 12: UX Techniques

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

> Tree Testing

> Story Boarding

> Mindmapping/Process Flow Diagraming

> Free Listing

UX TECHNIQUES

Additional IA Technique Variations

13

Page 14: UX Techniques

UX TECHNIQUES

Field Studies

14

Page 15: UX Techniques

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

> Overt or Covert Field Studies

> User Interviews

> True Intent Studies

UX TECHNIQUES

Additional Field Study Variations

16

Page 17: UX Techniques

UX TECHNIQUES

Visual Testing

17

Page 18: UX Techniques

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

> Preference Testing

> Icon Testing

UX TECHNIQUES

Additional Visual Testing Variations

19

Page 20: UX Techniques

UX TECHNIQUES

Ideation & Concensus Building

20

Page 21: UX Techniques

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

> Ideation Sessions

> UX Illustration/Whiteboarding

> Co-Design

> Workshops

UX TECHNIQUES

Additional Ideation & Consensus Building Technique Variations

22

Page 23: UX Techniques

UX TECHNIQUES

User Opinion Studies

23

Page 24: UX Techniques

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

> Focus Groups

> Surveys

UX TECHNIQUES

Additional User Opinion Techniques

25

Page 26: UX Techniques

UX TECHNIQUES

Expert Feedback

26

Page 27: UX Techniques

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

> Heuristic Analysis

> Content Inventory/Audit

> Accessibility Review

> Brand Analysis

> Competitor Analysis

UX TECHNIQUES

Additional Expert Feedback Variations

28

Page 29: UX Techniques

UX TECHNIQUES

Post-Release Testing

29

Page 30: UX Techniques

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

> Analytics

> Summative Usability Testing

UX TECHNIQUES

Additional Post-Release Techniques

31

Page 32: UX Techniques

UX TECHNIQUES

General Tactics

32

Page 33: UX Techniques

> Iterative Testing and Design

> Fidelity Shift

> Guerrilla/Discount/Lean UX

> Eye Tracking

UX TECHNIQUES

General Tactics

33

Page 34: UX Techniques

UX TECHNIQUES

Questions?Jake Truemper@trump29

4ORCEdigital.com

34

Page 35: UX Techniques

Recommended