Your SlideShare is downloading. ×
0
UX Methods

UX Methods Training 2013

Nina Shulyak & Kostiantyn Hladkov
Surface
Skeleton
Structure
Scope
Strategy
UX Methods Training 2013

02
1. Comprehension
2. Abstracting
3. Framework
4. Visualization
5. Specification
© Gillian Crampton & Philip Tabor

UX Method...
Understanding
• Interviews (stakeholders & marketing)
• Domain research (expert interview, articles)
• Analysis (site stat...
Abstracting
• Personas (Kivio; Warfel, Empathy)
• Storytelling
• Storyboarding
• Storymapping
• Customer journey
UX Method...
Framework
• Scenarios (wireframes)
• Information Architecture
• MoSCoW. WPM. QA
• “3-12-3” brainstorming
• Two-dimensional...
Visualization
• UI design
• Graphic design
• Interactive prototype

UX Methods Training 2013

07
Specification
• Functional specifications
• Guidelines
• Sets (icons, images)

UX Methods Training 2013

08
Validation
• Heuristic analysis
• Five second test (classic, A/B, likes)
• Expectations testing
• Usability testing

UX Me...
SWOT-analysis
• McDonalds
• Starbucks
• !FEST
• Pizza Celentano

UX Methods Training 2013

10
Walt Disney SWOT
Strengths

Weaknesses

• Brand reputation

• Heavy dependence on income
from North America

• Competency ...
Personas

UX Methods Training 2013

12
Empathy map
Think
Hear

See
Feel

Pain
UX Methods Training 2013

Gain
13
Templates of Todd Warfel
User
Photo

Narrative
description

Major
scenarios

Goals

UX Methods Training 2013

Relative ski...
Templates of Todd Warfel

UX Methods Training 2013

15
Kivio diagrams
Social and demographic
User skills
Product relationship
Product requirements
Frequency & Context
Used featu...
Storytelling
That wants? Why? What expectations?

UX Methods Training 2013

17
Storyboarding

UX Methods Training 2013

18
Storyboarding

UX Methods Training 2013

19
Storyboarding

UX Methods Training 2013

20
Storyboarding
Notes:

Notes:

Notes:

Notes:

Notes:

Notes:

Notes:

Notes:

UX Methods Training 2013

21
Storyboarding

UX Methods Training 2013

22
Storyboarding

UX Methods Training 2013

23
UX Methods Training 2013

24
Storymapping
Goals
time

Task

Task

Tool

Tool

UX Methods Training 2013

Tool
25
Storymapping

UX Methods Training 2013

26
Storymapping
• Moving to a new apartment
• Рicnic
• Business trip
• Shopping

UX Methods Training 2013

27
Customer Journey
Stage 1

Stage 2

Stage 3

Emotion

Emotion

Emotion
time

Needs

UX Methods Training 2013

Needs

Needs
...
Customer Journey

UX Methods Training 2013

29
Customer Journey
Display the awakening in the morning

UX Methods Training 2013

30
Scenarios
Persona

Usecase

Page

Needs

Wireframe

UX Methods Training 2013

31
UX Methods Training 2013

32
Sketch

UX Methods Training 2013

33
Balsamiq

UX Methods Training 2013

34
Axure

UX Methods Training 2013

35
Wireframes

UX Methods Training 2013

36
Information Architecture

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
MoSCoW
Should have

Must have

Could have

Would like

UX Methods Training 2013

42
Whole Product Model
Generic Product
Expected Product
Augmented Product
Potential Product

UX Methods Training 2013

43
Question - Answer
Normal flow
User actions

System response

Action:
Exception 1:

Response:

Exceptions
User actions

Sys...
3-12-3

Brainstorming
3 min

UX Methods Training 2013

Generation
12 min

Presentation
3 min

45
2-dimensional analysis
Task

F

I

frequency

importance

UX Methods Training 2013

46
Five second test
• Classic testing
• A/B testing
• Enjoying

UX Methods Training 2013

47
Five second test

UX Methods Training 2013

48
Five second test

UX Methods Training 2013

49
Five second test

UX Methods Training 2013

50
Expectations testing

UX Methods Training 2013

51
Thank you =)

UX Methods Training 2013

Nina Shulyak & Kostiantyn Hladkov
Upcoming SlideShare
Loading in...5
×

UX Methods Training

800

Published on

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

Published in: Design, Business, Technology

Transcript of "UX Methods Training"

  1. 1. UX Methods UX Methods Training 2013 Nina Shulyak & Kostiantyn Hladkov
  2. 2. Surface Skeleton Structure Scope Strategy UX Methods Training 2013 02
  3. 3. 1. Comprehension 2. Abstracting 3. Framework 4. Visualization 5. Specification © Gillian Crampton & Philip Tabor UX Methods Training 2013 03
  4. 4. Understanding • Interviews (stakeholders & marketing) • Domain research (expert interview, articles) • Analysis (site statistic, competitors) • User research (оbservations, surveys) • SWOT-analysis UX Methods Training 2013 04
  5. 5. Abstracting • Personas (Kivio; Warfel, Empathy) • Storytelling • Storyboarding • Storymapping • Customer journey UX Methods Training 2013 05
  6. 6. Framework • Scenarios (wireframes) • Information Architecture • MoSCoW. WPM. QA • “3-12-3” brainstorming • Two-dimensional analysis UX Methods Training 2013 06
  7. 7. Visualization • UI design • Graphic design • Interactive prototype UX Methods Training 2013 07
  8. 8. Specification • Functional specifications • Guidelines • Sets (icons, images) UX Methods Training 2013 08
  9. 9. Validation • Heuristic analysis • Five second test (classic, A/B, likes) • Expectations testing • Usability testing UX Methods Training 2013 09
  10. 10. SWOT-analysis • McDonalds • Starbucks • !FEST • Pizza Celentano UX Methods Training 2013 10
  11. 11. Walt Disney SWOT Strengths Weaknesses • Brand reputation • Heavy dependence on income from North America • Competency in acquisitions • Localization of products • Few opportunities for growth Opportunities Threats • Growth of industries in markets • Intense competition • Expansion to new countries • Increasing piracy http://www.strategicmanagementinsight.com/swot-analyses/walt-disney-swot-analysis.html UX Methods Training 2013 11
  12. 12. Personas UX Methods Training 2013 12
  13. 13. Empathy map Think Hear See Feel Pain UX Methods Training 2013 Gain 13
  14. 14. Templates of Todd Warfel User Photo Narrative description Major scenarios Goals UX Methods Training 2013 Relative skills Influence Irritants 14
  15. 15. Templates of Todd Warfel UX Methods Training 2013 15
  16. 16. Kivio diagrams Social and demographic User skills Product relationship Product requirements Frequency & Context Used features What alternative? UX Methods Training 2013 16
  17. 17. Storytelling That wants? Why? What expectations? UX Methods Training 2013 17
  18. 18. Storyboarding UX Methods Training 2013 18
  19. 19. Storyboarding UX Methods Training 2013 19
  20. 20. Storyboarding UX Methods Training 2013 20
  21. 21. Storyboarding Notes: Notes: Notes: Notes: Notes: Notes: Notes: Notes: UX Methods Training 2013 21
  22. 22. Storyboarding UX Methods Training 2013 22
  23. 23. Storyboarding UX Methods Training 2013 23
  24. 24. UX Methods Training 2013 24
  25. 25. Storymapping Goals time Task Task Tool Tool UX Methods Training 2013 Tool 25
  26. 26. Storymapping UX Methods Training 2013 26
  27. 27. Storymapping • Moving to a new apartment • Рicnic • Business trip • Shopping UX Methods Training 2013 27
  28. 28. Customer Journey Stage 1 Stage 2 Stage 3 Emotion Emotion Emotion time Needs UX Methods Training 2013 Needs Needs 28
  29. 29. Customer Journey UX Methods Training 2013 29
  30. 30. Customer Journey Display the awakening in the morning UX Methods Training 2013 30
  31. 31. Scenarios Persona Usecase Page Needs Wireframe UX Methods Training 2013 31
  32. 32. UX Methods Training 2013 32
  33. 33. Sketch UX Methods Training 2013 33
  34. 34. Balsamiq UX Methods Training 2013 34
  35. 35. Axure UX Methods Training 2013 35
  36. 36. Wireframes UX Methods Training 2013 36
  37. 37. Information Architecture UX Methods Training 2013 37
  38. 38. Information Architecture UX Methods Training 2013 38
  39. 39. Information Architecture UX Methods Training 2013 39
  40. 40. Information Architecture UX Methods Training 2013 40
  41. 41. Information Architecture UX Methods Training 2013 41
  42. 42. MoSCoW Should have Must have Could have Would like UX Methods Training 2013 42
  43. 43. Whole Product Model Generic Product Expected Product Augmented Product Potential Product UX Methods Training 2013 43
  44. 44. Question - Answer Normal flow User actions System response Action: Exception 1: Response: Exceptions User actions System response Exception 1: Response: UX Methods Training 2013 44
  45. 45. 3-12-3 Brainstorming 3 min UX Methods Training 2013 Generation 12 min Presentation 3 min 45
  46. 46. 2-dimensional analysis Task F I frequency importance UX Methods Training 2013 46
  47. 47. Five second test • Classic testing • A/B testing • Enjoying UX Methods Training 2013 47
  48. 48. Five second test UX Methods Training 2013 48
  49. 49. Five second test UX Methods Training 2013 49
  50. 50. Five second test UX Methods Training 2013 50
  51. 51. Expectations testing UX Methods Training 2013 51
  52. 52. Thank you =) UX Methods Training 2013 Nina Shulyak & Kostiantyn Hladkov
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×