FINALIZE CONCEPT
MAKE YOUR WIRE-FRAMES
AND CLICK-ABLE PROTOTYPES
FINISH YOUR
USABILITY SCRIPTS
WIRE-FRAME/PROToTPYE AND
GO OUT A DO USABILITY TESTING!
YOU CAN TEST WITH PEOPLE THAT YOU
DID RESEARCH WITH TOO. TRY TO GET
TO 5-7 BEFORE NEXT CLASS
2nd
1st
3rd
AFTER YOU HAVE TESTED WITH AT LEAST 3 PEOPLE. THEN START SYNTHESIS & clustering the insights/PATTERNS and theme underneath each screen shot wiithin your MIRO board. CONTINUE TESTING & CLUSTERING INSIGHTS/PATTERNS.
CONTINUE SCHEDULING
& FINDING PEOPLE TO TEST WITH.
TRY TO GET TO AT LEAST 7 PEOPLE.
GET PICTURES OF THEM ON ZOOM
4TH
ADD SKETCHES & CONCEPTS
to your casestudy
CREATE A LONG FIGMA
FILE AT 1224 or 1400
pixels WIDE
-
PUT THIS FILE IN YOUR GOOGLE
DRIVE FOLDER - CALL THIS FOLDER
CASE STUDY
-
// CASE STUDY example
// CASE STUDY OUTLINE
The
Synthesis
The
Patterns
& Themes
Put your key insights
next to your learning goals
—
What did you learn about
your learning goals?
—
What were the patterns that
you found?
—
How many people said this
pattern? ex: 14/19 people said "_"
Another example
Another example
You can create a section
like this to CALL OUT the
decisions you made based off the learnings above.
—
Explain why you are going to focus on a certain aspect of the problem you learned.
—
It does not need to be more than one decision. It can be just one decision. This is the place to call out the reasoning behind the problem you're focusing on.
—
This is also a good section to explain why you're not going to focus on a certain problem or why you chosen to not focus on a certain persona group.
Introduce YOUR
PERSONA(S)
Add some copy that says:
I took all my learnings from research and created an PERSONA(S)
LEARNING & FINDINGS
PUT YOUR LEARNING GOALS on
THE LEFT & YOUR FINDINGS ON THE RIGHT.
WRITE YOUR PROBLEM
STATEMENT
PERSONA HERE
MAKE IT LOOK PRETTY
PERSONA HERE
EXAMPLE HERE
PERSONA HERE
EXAMPLE HERE
IF YOU WANT
DO A EMPATHY MAP,
THE DON'T SHOW
THE PERSONA
AND REPLACE IT
WITH THE EMPATHY MAP.
MAKE IT LOOK PRETTY.
WRITE YOUR
PROBLEM STATEMENT.
YOU CAN USE THE PROBLEM
STATEMENT FRAMEWORK OR
JUST WRITE THE PROBLEM OUT
LIKE I DID HERE
Introduce your synthesis:
• Have test that says "The Synthesis"
• Show the pictures of user buckets
done in realtime board (Miro)
Show your Clustering:
• Have test that says
"The patterns & themes"
• Show the pictures of your patterns
done in realtime board (Miro)
Show a couple very interesting quotes
that help you build your case on why you
are focusing on a certain problem.
-
Remember:
• Design like a scientist
• Decide like a lawyer
Another
example
here
Show some of your survey responses
-
Highlight some key responses
MAKE THEM SUPER
PRETTY DON'T JUST SCREEN
SHOT THEM LIKE THE
EXAMPLE TO THE LEFT
Show pictures of you interviewing.
Lots of pictures!!!!!
Show more than what I have.
Introduce the research
Show how many
people you interviewed
in a visual way
DON'T PUT ANYTHING
HERE. Your will do this
section at the end.
Just create a space for
the content..
Create the layout.
Just put your role
and a placeholder logo.
You can add the about
section later. Use
placeholder text.
_
Make your goals look good!
Make this just placeholder
You will come back later
and update it...
You can copy fake text from
hipsum.co
See More diagrams
Introduce your Target Audience
Don't use the persona yet. Just
user profiles here.
• Their Persona Names:
– Olivia Online
– Heather Healthy
– Sandy Sustainable
• About them
– Describe a little bit of information about them
– Just describe a "day in the life"
– Just their goals/motivation (not problem)
Show some learning goals
Show 2-3 questions under the learning goal
Show pictures of your users
-
You can also show a page from your
user script or topic map.
-
You can have a link to your
user script as well.
SHOW LEARNING GOALS
SHOW A 2-3 QUESTIONS UNDER EACH LEARNING GOAL
SHOW A PAGE FROM YOUR RESEARCH SCRIPT
INTRODUCE THE PROCESS OR
THE CHAPTERS OF YOUR
CASE STUDY.
• RESEARCH/DISCOVERY
• RESEARCH INSIGHTS/LEARNINGS
• PROBLEM VALIDATION
• IDEATION/CONCEPTS
• WIRE-FRAMING
• USER TESTING
• FINDINGS/LEARNINGS
• FINAL PROTOTYPE
INTRODUCE THE PROCESS
The
Synthesis
The
Synthesis
The
Patterns
& Themes
Write your Solution statement
Example:
A mobile application that allows clipper card users, to upload their clipper card, check the balance and easily add money to the clipper card anytime and anywhere, all at the touch of their finger tips.
-
Show sketches:
You can show the value prompt
sketches we did or ui
sketches that you made.
Show your concepts:
Call out some of the learnings,
what people liked and what
people didn't like.
-
Highlight the decisions
you have made and why
you have made them.
-
Example:
Most user's found concept-1
to be confusing and when
asked what they found most
valuable, they wanted a mixture
of concept 2 & 3.
SHOW SOME SKETCHES
SHOW CONCEPTS
AND CALL OUT
THE LEARNINGS
THE END IS COMING!!!