Create the Foundation of an App - UX Wannabe 5 Design Participatory, Sketching, Rapid Prototyping and User Interview Daeng Muhammad Feisal @daengdoang

1. @daengdoang
Daeng Muhammad Feisal
CreatetheFoundation
ofanApp
User Interview, Sketching, Prototyping & Design Participatory

2. Intro
Create the Foundation of an App

3. Product
DevelopmentProcess

4. Product Development Process
Data Users Competitors
Ideas
Define:
Functional &
Content
Requirement
Design: Ideate
& Prototype
Build Launch
min. 2 iterations
Validate:
UX Research
Measure
Success
Insights

5. User Research
Eyetracking Data Mining
Usability Lab Studies
Contextual Observation Usability
Benchmarking
A/B Testing
User Interview
Participatory Design
Diary Studies
Message Board Mining
Cust Feedback Emails
Attitudinal
Focus Groups
Intercept Surveys
Email Surveys
Qualitative (direct) Approach Quantitative (indirect)
DataSource
Behavioural
Online UX Assessments

7. Participatory
Design
Create the Foundation of an App

11. 1What’sParticipatoryDesign?
Andwhydowedoit?

18. 2ParticipatoryDesign
Activities

19. create the right design ensure the design is right

20. create the right design ensure the design is right

21. NARRATION
ACTIVITY
USE THIS ACTIVITY TO UNDERSTAND:
●
●
●

22. NARRATION
ACTIVITY
USE THIS ACTIVITY TO CREATE:
●

23. create the right design ensure the design is right

24. CREATION
ACTIVITY
USE THIS ACTIVITY TO UNDERSTAND:
●
●
●

25. create the right design ensure the design is right

26. PRIORITIZATION
ACTIVITY
USE THIS ACTIVITY TO UNDERSTAND:
●
●

27. PRIORITIZATION
ACTIVITY
USE THIS ACTIVITY TO CREATE:
●
●

28. create the right design ensure the design is right

29. CONTEXTUALIZATION
ACTIVITY
USE THIS ACTIVITY TO UNDERSTAND:
●
●
●

30. CONTEXTUALIZATION
ACTIVITY
USE THIS ACTIVITY TO GET FEEDBACK ON:
●
●
●

31. 3UsingParticipatoryDesign
withyourproductteams

32. understanding needs designing solutions ensuring solutions fit needs

33. understanding needs designing solutions ensuring solutions fit needs

34. Sketching
Create the Foundation of an App

36. Sketchstorming
Sketch + Brainstorming

37. Source: https://www.pinterest.com/pin/477451997970973073/

38. General
misconception

39. But, what about these?

40. Focus on quantity not quality!

41. Sketches examples

42. Afewthingstokeepinmindduringsketchstorming...
Deferjudgement
Stayfocus
Beplayful!

43. Activity:
Sketch Warm-up Exercise
3 mins

44. Why are we doing this?
To warm up your inner creativity by turning blank shapes
into recognizable objects.
To build your fluency (speed) and flexibility in ideation
process.

45. Rapid
Prototyping
Create the Foundation of an App

46. Whatisprototype?

47. A prototype is a draft version
of a product.

48. A prototype is something you
can create to tell a story .

49. Whatkindsofideas
canyouprototype?

50. Mobile Apps (e.g. paper sketches)
Work schedules
Cars
Storyboarding
Food
... Anything can be prototyped

51. Howfast?

52. Should always within hours

56. Whyprototyping?

57. Key principles
1.
2.
3.
Make it tangible
Get feedback
Fail fast, improve faster

58. 1. Make it tangible
Doing is the best way to learn, instead of
sitting there and keep thinking.

59. 2. Get feedback
A good prototype will help you identify
flaws (such as incomplete research or
mistaken assumptions).

60. 3. Fail fast, improve faster
Incremental iterative refinement

61. Build. Share. Improve.
“Moving from abstract ideas,
theories, plans to concrete tangible,
experiential things.”

62. User
Interview
Create the Foundation of an App

63. Where Interviewing Fits In
Eyetracking Data Mining
Usability Lab Studies
Contextual Observation Usability
Benchmarking
A/B Testing
User Interview
Participatory Design
Diary Studies
Message Board Mining
Cust Feedback Emails
Attitudinal
Focus Groups
Intercept Surveys
Email Surveys
Qualitative (direct) Approach Quantitative (indirect)
DataSource
Behavioural
Online UX Assessments

64. Gaininsightintoyourusersand
understandourgoals
The Value of Interviewing People

65. Know Your Goals
Knowingyourgoalsinformsexpectations
andprioritiesandprovidesfocus.
Talkingtostakeholderswillhelpdefine
yourgoals.

66. Know Your Goals

67. Research Planning Workshop
The goals of a Research Planning Workshop are to define
1. What We Already Know (Think We Know)
2. Who our Audience is
3. What questions we want to answer. E.G. what do we want to know about our
audience?
4. Why - how will knowing the answers to these questions help the business.
What value will asking these questions provide.
Know Your Goals

68. Assumption and Experiments Workshop.
The goals of an Assumptions and Experiments workshop are to:
1. Extract all the information within the domain
2. Organize the information
3. Focus on the bits that matter
4. Prompt incremental decision making
5. Decide what the nature of the outcome you’re looking for, is not for details
6. To not create the answers yourself
Know Your Goals

69. Know Your Goals

70. Creating A Research Brief
A good research brief has a well structured outline
1. Purpose: a document to serve as an outline for our research
2. Value Proposition
3. Goals
4. Audience/Participants
5. Methodology
6. Schedule
7. Associated Research Costs

71. 1 YourProtocolorScript

72. Things to consider when creating your interview script.
1. 8 main questions and or topics in a 1 hour interview (practice makes perfect)
2. Ice-breaker questions or observations help set the mood and build rapport
3. Keeping it short allows time for follow-up and probing deeper
4. Limiting questions provides focus and prioritization
5. Number the questions - this will help set pace and make sure you covered
everything
6. Craft your question to get people to tell a story. E.G. “tell me about…”
Your Interview Script

73. Things to avoid when creating your interview script.
1. Too many question for the time available
2. Questions not related to reaching goals, no focus
3. Don’t talk too much about yourself
4. Be aware of your body language
5. Problems with how questions are phrased
Your Interview Script

74. This list represents specific types questions to avoid when creating your script.
1. Leading
2. Double-Barreled
3. Too broad or vague
4. Mutually exclusive options
5. Limited response options
6. Caution with predictions
Your Interview Script

75. Other important considerations when creating the questions in your script.
1. Avoid polarized words like always and never .
2. Use of adjectives.
3. “Likert” scales. EX: 1-5, 1 is best, 5 is worst
Your Interview Script

76. Proof (catch spelling and grammar
errors)
Preflight (practice, practice, practice)
Your Interview Script

77. 2 Recruiting&Scheduling

78. Recruiting & Scheduling

79. Recruiting & Scheduling
Ethn.io
Google Forms
Survey Monkey
Type Form
Surveygizmo

80. Recruiting & Scheduling
Social Media
Friends and Family
Existing customer databases
Forums
Guerilla
Professional recruiting agency
usertesting.com
Ethni.io
Pow Wow
Google Cal

81. 3 Preparation

82. Preparation
Team Roles
No. of people
Streaming
NDAs and informed consent

83. Preparation
Hardware
Software
Hard copies
Paper and Pens

84. Preparation
Confirm interviews
Social Graces
Don’t forget to hit record
Don’t be afraid to leave
Travel as a team to arrive on time and leave on time

85. 4 Let’sPractice

86. Let’s Practice
Participant Moderator Note Taker
There is a dot on your name tag. They indicate what role you will be playing in this
exercise. You should be in a group with different colors than your own.

87. Writing Questions
6 Minutes
As a team, create 4 questions that will validate or challenge the goals of this project.

88. The Interview
8 Minutes

89. Resources:
Interviewing Users, Steve Portigal
Just Enough Research, Erika Hall

90. WORKSHOPTIME!

91. Sketching &
Paper Prototyping
POP 2.0
Prototyping on Paper
Tools

92. /daengdoang
a Happy UX Designer Learner
Daeng M. Feisal
Hatur nuhun ;D