ux methods training

UX Methods Training 2013 Nina Shulyak & Kostiantyn Hladkov

UX Methods

UX Methods Training 2013 02

SurfaceSkeletonStructureScopeStrategy

UX Methods Training 2013 03

1. Comprehension

2. Abstracting

3. Framework

4. Visualization

5. Specification © Gillian Crampton & Philip Tabor

UX Methods Training 2013 04

Understanding• Interviews (stakeholders & marketing)

• Domain research (expert interview, articles)

• Analysis (site statistic, competitors)

• User research (оbservations, surveys)

• SWOT-analysis

UX Methods Training 2013 05

Abstracting• Personas (Kivio; Warfel, Empathy)

• Storytelling

• Storyboarding

• Storymapping

• Customer journey

UX Methods Training 2013 06

Framework• Scenarios (wireframes)

• Information Architecture

• MoSCoW. WPM. QA

• “3-12-3” brainstorming

• Two-dimensional analysis

UX Methods Training 2013 07

Visualization• UI design

• Graphic design

• Interactive prototype

UX Methods Training 2013 08

Specification• Functional specifications

• Guidelines

• Sets (icons, images)

UX Methods Training 2013 09

Validation• Heuristic analysis

• Five second test (classic, A/B, likes)

• Expectations testing

• Usability testing

UX Methods Training 2013 10

SWOT-analysis• McDonalds

• Starbucks

• !FEST

• Pizza Celentano

UX Methods Training 2013 11

Strengths• Brand reputation• Competency in acquisitions• Localization of products

Weaknesses• Heavy dependence on income from North America• Few opportunities for growth

Opportunities• Growth of industries in markets• Expansion to new countries

http://www.strategicmanagementinsight.com/swot-analyses/walt-disney-swot-analysis.html

Threats• Intense competition• Increasing piracy

Walt Disney SWOT

UX Methods Training 2013 12

Personas

UX Methods Training 2013 13

Think

Feel

SeeHear

Pain Gain

Empathy map

UX Methods Training 2013 14

Templates of Todd Warfel

UserPhoto

Narrativedescription

Goals Influence IrritantsMajorscenarios

Relative skills

UX Methods Training 2013 15

Templates of Todd Warfel

UX Methods Training 2013 16

Kivio diagramsSocial and demographic

User skills

Product relationship

Product requirements

Frequency & Context

Used features

What alternative?

UX Methods Training 2013 17

StorytellingThat wants? Why? What expectations?

UX Methods Training 2013 18

Storyboarding

UX Methods Training 2013 19

Storyboarding

UX Methods Training 2013 20

Storyboarding

UX Methods Training 2013 21

Storyboarding

Notes: Notes: Notes: Notes:

Notes: Notes: Notes: Notes:

Storyboarding

UX Methods Training 2013 22

Storyboarding

UX Methods Training 2013 23

Storyboarding

UX Methods Training 2013 24

UX Methods Training 2013 25

Storymapping

Goals

Task Task

Tool Tool Tool

time

UX Methods Training 2013 26

Storymapping

UX Methods Training 2013 27

• Moving to a new apartment

• Рicnic

• Business trip

• Shopping

Storymapping

UX Methods Training 2013 28

Customer Journey

time

Emotion

Needs

Stage 1

Emotion

Needs

Stage 2

Emotion

Needs

Stage 3

UX Methods Training 2013 29

Customer Journey

UX Methods Training 2013 30

Display the awakening in the morning

Customer Journey

ScenariosPersona Usecase

Needs

Wireframe

Page

UX Methods Training 2013 31

UX Methods Training 2013 32

UX Methods Training 2013 33

Sketch

UX Methods Training 2013 34

Balsamiq

UX Methods Training 2013 35

Axure

UX Methods Training 2013 36

Wireframes

UX Methods Training 2013 37

Information Architecture

UX Methods Training 2013 38

Information Architecture

UX Methods Training 2013 39

Information Architecture

UX Methods Training 2013 40

Information Architecture

UX Methods Training 2013 41

Information Architecture

UX Methods Training 2013 42

MoSCoW

Should have

Could have

Must have

Would like

UX Methods Training 2013 43

Whole Product Model

Generic Product

Expected Product

Augmented Product

Potential Product

UX Methods Training 2013 44

Question - Answer

User actions System response

Action:Exception 1:

Response:

User actions System response

Exception 1: Response:

Exceptions

Normal flow

UX Methods Training 2013 45

3-12-3

Brainstorming Generation Presentation3 min 12 min 3 min

UX Methods Training 2013 46

2-dimensional analysis

Task F I frequency

importance

UX Methods Training 2013 47

Five second test• Classic testing

• A/B testing

• Enjoying

UX Methods Training 2013 48

Five second test

UX Methods Training 2013 49

Five second test

UX Methods Training 2013 50

Five second test

UX Methods Training 2013 51

Expectations testing

UX Methods Training 2013 Nina Shulyak & Kostiantyn Hladkov

Thank you =)