ux methods training

52
UX Methods Training 2013 Nina Shulyak & Kostiantyn Hladkov UX Methods

Upload: kostiantyn-hladkov

Post on 27-Jan-2015

113 views

Category:

Design


3 download

DESCRIPTION

Training slides with practical path. UX research by vision of Gillian Crampton & Philip Tabor. (Comprehension; abstracting; framework; visualization; specification) plus validation phase.

TRANSCRIPT

Page 1: UX Methods Training

UX Methods Training 2013 Nina Shulyak & Kostiantyn Hladkov

UX Methods

Page 2: UX Methods Training

UX Methods Training 2013 02

SurfaceSkeletonStructureScopeStrategy

Page 3: UX Methods Training

UX Methods Training 2013 03

1. Comprehension

2. Abstracting

3. Framework

4. Visualization

5. Specification © Gillian Crampton & Philip Tabor

Page 4: UX Methods Training

UX Methods Training 2013 04

Understanding• Interviews (stakeholders & marketing)

• Domain research (expert interview, articles)

• Analysis (site statistic, competitors)

• User research (оbservations, surveys)

• SWOT-analysis

Page 5: UX Methods Training

UX Methods Training 2013 05

Abstracting• Personas (Kivio; Warfel, Empathy)

• Storytelling

• Storyboarding

• Storymapping

• Customer journey

Page 6: UX Methods Training

UX Methods Training 2013 06

Framework• Scenarios (wireframes)

• Information Architecture

• MoSCoW. WPM. QA

• “3-12-3” brainstorming

• Two-dimensional analysis

Page 7: UX Methods Training

UX Methods Training 2013 07

Visualization• UI design

• Graphic design

• Interactive prototype

Page 8: UX Methods Training

UX Methods Training 2013 08

Specification• Functional specifications

• Guidelines

• Sets (icons, images)

Page 9: UX Methods Training

UX Methods Training 2013 09

Validation• Heuristic analysis

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

• Expectations testing

• Usability testing

Page 10: UX Methods Training

UX Methods Training 2013 10

SWOT-analysis• McDonalds

• Starbucks

• !FEST

• Pizza Celentano

Page 11: UX Methods Training

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

Page 12: UX Methods Training

UX Methods Training 2013 12

Personas

Page 13: UX Methods Training

UX Methods Training 2013 13

Think

Feel

SeeHear

Pain Gain

Empathy map

Page 14: UX Methods Training

UX Methods Training 2013 14

Templates of Todd Warfel

UserPhoto

Narrativedescription

Goals Influence IrritantsMajorscenarios

Relative skills

Page 15: UX Methods Training

UX Methods Training 2013 15

Templates of Todd Warfel

Page 16: UX Methods Training

UX Methods Training 2013 16

Kivio diagramsSocial and demographic

User skills

Product relationship

Product requirements

Frequency & Context

Used features

What alternative?

Page 17: UX Methods Training

UX Methods Training 2013 17

StorytellingThat wants? Why? What expectations?

Page 18: UX Methods Training

UX Methods Training 2013 18

Storyboarding

Page 19: UX Methods Training

UX Methods Training 2013 19

Storyboarding

Page 20: UX Methods Training

UX Methods Training 2013 20

Storyboarding

Page 21: UX Methods Training

UX Methods Training 2013 21

Storyboarding

Notes: Notes: Notes: Notes:

Notes: Notes: Notes: Notes:

Storyboarding

Page 22: UX Methods Training

UX Methods Training 2013 22

Storyboarding

Page 23: UX Methods Training

UX Methods Training 2013 23

Storyboarding

Page 24: UX Methods Training

UX Methods Training 2013 24

Page 25: UX Methods Training

UX Methods Training 2013 25

Storymapping

Goals

Task Task

Tool Tool Tool

time

Page 26: UX Methods Training

UX Methods Training 2013 26

Storymapping

Page 27: UX Methods Training

UX Methods Training 2013 27

• Moving to a new apartment

• Рicnic

• Business trip

• Shopping

Storymapping

Page 28: UX Methods Training

UX Methods Training 2013 28

Customer Journey

time

Emotion

Needs

Stage 1

Emotion

Needs

Stage 2

Emotion

Needs

Stage 3

Page 29: UX Methods Training

UX Methods Training 2013 29

Customer Journey

Page 30: UX Methods Training

UX Methods Training 2013 30

Display the awakening in the morning

Customer Journey

Page 31: UX Methods Training

ScenariosPersona Usecase

Needs

Wireframe

Page

UX Methods Training 2013 31

Page 32: UX Methods Training

UX Methods Training 2013 32

Page 33: UX Methods Training

UX Methods Training 2013 33

Sketch

Page 34: UX Methods Training

UX Methods Training 2013 34

Balsamiq

Page 35: UX Methods Training

UX Methods Training 2013 35

Axure

Page 36: UX Methods Training

UX Methods Training 2013 36

Wireframes

Page 37: UX Methods Training

UX Methods Training 2013 37

Information Architecture

Page 38: UX Methods Training

UX Methods Training 2013 38

Information Architecture

Page 39: UX Methods Training

UX Methods Training 2013 39

Information Architecture

Page 40: UX Methods Training

UX Methods Training 2013 40

Information Architecture

Page 41: UX Methods Training

UX Methods Training 2013 41

Information Architecture

Page 42: UX Methods Training

UX Methods Training 2013 42

MoSCoW

Should have

Could have

Must have

Would like

Page 43: UX Methods Training

UX Methods Training 2013 43

Whole Product Model

Generic Product

Expected Product

Augmented Product

Potential Product

Page 44: UX Methods Training

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

Page 45: UX Methods Training

UX Methods Training 2013 45

3-12-3

Brainstorming Generation Presentation3 min 12 min 3 min

Page 46: UX Methods Training

UX Methods Training 2013 46

2-dimensional analysis

Task F I frequency

importance

Page 47: UX Methods Training

UX Methods Training 2013 47

Five second test• Classic testing

• A/B testing

• Enjoying

Page 48: UX Methods Training

UX Methods Training 2013 48

Five second test

Page 49: UX Methods Training

UX Methods Training 2013 49

Five second test

Page 50: UX Methods Training

UX Methods Training 2013 50

Five second test

Page 51: UX Methods Training

UX Methods Training 2013 51

Expectations testing

Page 52: UX Methods Training

UX Methods Training 2013 Nina Shulyak & Kostiantyn Hladkov

Thank you =)