SlideShare a Scribd company logo
1 of 121
Product Thinking
for Techies
H A C K I N G U X :
@thedesignnomad
melewi.net
Keep it casual
This isn’t a lecture hall (P.S. I
hated school)
You’re not here to be shiny -
get your hands dirty!
Listen + Experiment
Before we begin
Before we begin
Move quick
With limited resources
Groups of ~ 4
Overview of methods + a few exercises
I startups
Hello, I’m Mel
That’s me! I just climbed a mountain in this photo
(And I’m crying on the inside because that was 1.5 bitches to climb)
But most days I run Melewi - a remote
UX & UI product design studio
I do design, and I’m a digital nomad
= @thedesignnomad
5 years old next Feb (yay!)
Clients in 5 continents (> 25 countries)
Keep it lean, 80/20 rule
Keep it agile, respond to feedback
Team of 9 people from 8 countries
Melewi
T H E T R A V E L L I N G D E S I G N S T U D I O
We design awesome products for
users and businesses around the world
Melewi
T H E T R A V E L L I N G D E S I G N S T U D I O
Clients
Press
G E T T I N G T O K N O W Y ’ A L L
Front-end dev?
And you guys?
Front-end dev?
And you guys?
Back-end Dev?
Back-end Dev?Front-end dev?
And you guys?
Product?
Product?Back-end Dev?Front-end dev?
And you guys?
Startups?
L E T ’ S B E H O N E S T N O W
HALP ME, I’M STUCK
HOOMAN, HALP ME
D E F I N I T I O N S
What really is UX?
U S E R E X P E R I E N C E
The experience a
user has interacting
with your brand at
one touchpoint
C U S T O M E R E X P E R I E N C E
01
U S E R E X P E R I E N C E
The experience a
user has interacting
with your brand at
one touchpoint
one
C U S T O M E R E X P E R I E N C E
Customer Experience
U S E R E X P E R I E N C E
The experience a
user has interacting
with your brand at
one touchpoint
UX ≠ UI
02
01
UX ≠ UI
User Research
User Testing
Data Analytics
Site Mapping
User Satisfaction
Sketching
Prototyping
Collaboration
Output Devices
Action Buttons
User Controls
Tools
Input Devices
Content
Visual Design
The pretty stuff
02
U S E R E X P E R I E N C E U S E R I N T E R FA C E
U S E R E X P E R I E N C E
The experience a
user has interacting
with your brand at
one touchpoint
A series of methods
& tools you use to
test and validate
assumptions
03
UX ≠ UI
02
01
User Research!
* T H A N K S F R I E N D S
“What do developers struggle with
when they think about UX?
When asked:
“What do developers struggle with when they think about UX?”Pretty
Visual aesthetics
Focused too
much on
executing
Effort efficiency
Business
requirements /
Validation
Focus &
Priorities
Assuming it will
work
Prioritizing
features / what
to display
Understanding
users (empathy)
Designing
intuitively for
non-techies
Used to different
interfaces
Thinking
structurely
"Make it not look
retarded or
incredibly generic"
"recognize it's
important but don't
know how to make
things visually
pleasing"
"get lost in
beautiful code
structure and
amazing
architecture yet
forget what's the
goal"
"solving the
problem in an
efficient way
according to the
constraints"
"battle between
'my api is set up
this way' and
'humans want to
do this'"
"why put extra
effort into
something that
already "works"
technically"
"(not) knowing
your customer and
coding...to fit their
needs as close as
possible
(increases)
changes"
"I'll think about
(UX) later. Just get
to work and build it
right"
"fundamental
different way of
thinking about a
problem"
"It makes sense to
me"
"look at any linux
app and you'll see
what i mean"
"what, a human
does not like
command lines?"
"they have a
technical structure
they work with...
but those are often
not representative
of how a user
thinks"
Carl 1 1 1 1 1
Andrew 1 1 1
Thomas 1 1 1 1 1 1 1
Zenos 1 1 1 1 1 1
Phil 1 1
Florian 1 1 1
Scott 1 1 1 1
Rico 1 1 1 1
Cate 1 1
4 3 2 1 3 2 2 3 7 1 2
TOTAL 4
When asked: "What do devs struggle with when they think about UX?"
Effort + Execution Not Aligned with the Business How Users Think + Behave
"think like normal people"
"relating to how non-technical people
think"
5 6 15
Pretty
Visual aesthetics
Focused too
much on
executing
Effort efficiency
Business
requirements /
Validation
Focus &
Priorities
Assuming it will
work
Prioritizing
features / what
to display
Understanding
users (empathy)
Designing
intuitively for
non-techies
Used to different
interfaces
Thinking
structurely
"Make it not look
retarded or
incredibly generic"
"recognize it's
important but don't
know how to make
things visually
pleasing"
"get lost in
beautiful code
structure and
amazing
architecture yet
forget what's the
goal"
"solving the
problem in an
efficient way
according to the
constraints"
"battle between
'my api is set up
this way' and
'humans want to
do this'"
"why put extra
effort into
something that
already "works"
technically"
"(not) knowing
your customer and
coding...to fit their
needs as close as
possible
(increases)
changes"
"I'll think about
(UX) later. Just get
to work and build it
right"
"fundamental
different way of
thinking about a
problem"
"It makes sense to
me"
"look at any linux
app and you'll see
what i mean"
"what, a human
does not like
command lines?"
"they have a
technical structure
they work with...
but those are often
not representative
of how a user
thinks"
Carl 1 1 1 1 1
Andrew 1 1 1
Thomas 1 1 1 1 1 1 1
Zenos 1 1 1 1 1 1
Phil 1 1
Florian 1 1 1
Scott 1 1 1 1
Rico 1 1 1 1
Cate 1 1
4 3 2 1 3 2 2 3 7 1 2
TOTAL 4
When asked: "What do devs struggle with when they think about UX?"
Effort + Execution Not Aligned with the Business How Users Think + Behave
"think like normal people"
"relating to how non-technical people
think"
5 6 15
When asked:
“What do developers struggle with when they think about UX?”
Pretty
Visual aesthetics
Focused too
much on
executing
Effort efficiency
Business
requirements /
Validation
Focus &
Priorities
Assuming it will
work
Prioritizing
features / what
to display
Understanding
users (empathy)
Designing
intuitively for
non-techies
Used to different
interfaces
Thinking
structurely
"Make it not look
retarded or
incredibly generic"
"recognize it's
important but don't
know how to make
things visually
pleasing"
"get lost in
beautiful code
structure and
amazing
architecture yet
forget what's the
goal"
"solving the
problem in an
efficient way
according to the
constraints"
"battle between
'my api is set up
this way' and
'humans want to
do this'"
"why put extra
effort into
something that
already "works"
technically"
"(not) knowing
your customer and
coding...to fit their
needs as close as
possible
(increases)
changes"
"I'll think about
(UX) later. Just get
to work and build it
right"
"fundamental
different way of
thinking about a
problem"
"It makes sense to
me"
"look at any linux
app and you'll see
what i mean"
"what, a human
does not like
command lines?"
"they have a
technical structure
they work with...
but those are often
not representative
of how a user
thinks"
Carl 1 1 1 1 1
Andrew 1 1 1
Thomas 1 1 1 1 1 1 1
Zenos 1 1 1 1 1 1
Phil 1 1
Florian 1 1 1
Scott 1 1 1 1
Rico 1 1 1 1
Cate 1 1
4 3 2 1 3 2 2 3 7 1 2
TOTAL 4
When asked: "What do devs struggle with when they think about UX?"
Effort + Execution Not Aligned with the Business How Users Think + Behave
"think like normal people"
"relating to how non-technical people
think"
5 6 15
When asked:
“What do developers struggle with when they think about UX?”
Not Aligned with the Business How Users Think + BehaveEffort + ExecutionPretty
Not Aligned with
the Business
How Users
Think + Behave
Effort +
Execution
Pretty
Not Aligned with
the Business
How Users
Think + Behave
Effort +
Execution
Pretty
M Y G O A L
Get you to try things across
these areas to get you
familiar with the process
Not Aligned with
the Business
How Users
Think + Behave
Effort +
Execution
Pretty
M Y G O A L
Get you to try things across
these areas to get you
familiar with the process
Product Thinking
for Techies
H A C K I N G U X :
1O N E
Why can’t I design for me?
U S E R S , R E S E A R C H & P E R S O N A S
“BECAUSE I’M AWESOME ON MY OWN”
“BECAUSE I’M AWESOME ON MY OWN”
Nope.
Just like with high-fives, you really
need other people to make it work.
@JACQUES_THEKIT
Why?
If the users
don’t care
UI
Tech scope
UX
Business strategy
UI
Tech scope
UX
Business strategy
If the business
doesn’t work
If the users
don’t care
If the business
doesn’t work
If the users
don’t care
None of this
matters
UI
Tech scope
UX
Business strategy
UI
Tech scope
Business viability = $$$
Creates
profit
User satisfaction
Business viability = $$$
User satisfaction
Creates
profit
Funds
everything
UI
Tech scope
Know who you’re targeting inside and out
What do they like and value? How do they think and behave?
You cannot target everyone!
It’s never a one-size-fits-all
Decide, design and build accordingly
Does your target audience segment even exist?
USABILITY.GOV
“User research focuses on understanding user
behaviours, needs, and motivations through
observation techniques, task analysis, and
other feedback methodologies
a bunch of different ways
User Interviews
A qualitative question and
answer discussion conducted
with one participant
Contextual Interviews
A specific “interview" method
to collect observational data
in a specific context
Surveys
A list of quantitative and or
qualitative questions that can be
filled at scale and anonymously
I N S I G H T S
E F F O R T
I N S I G H T S
E F F O R T
I N S I G H T S
E F F O R T
I N S I G H T S
E F F O R T
e.g. We believe that new mothers are lacking a
support system that will help them feel less
stressed and enjoy having a child more.
Step 1: Create your hypothesis
I want to know if new mothers are lacking a
support system
Step 2: Identify what you want to know
I want to know if new mothers feel less stressed
when talking to other new mothers
I want to know what would help new mothers
enjoy having their child more.
User Interviews
A qualitative question and
answer discussion conducted
with one participant
I N S I G H T S
E F F O R T
Step 3: Frame your questions
I want to know if new mothers are lacking a
support system
I want to know if new mothers feel less stressed
when talking to other new mothers
I want to know what would help new mothers
enjoy having their child more.
How has your experience as a new mother been like?
What is your support system like?
Tell me about any friends you have who are also new mothers?
Do you talk to them often? (Why / why not?)
If you had a magic wand, what would you
wish to change in your daily life?
User Interviews
A qualitative question and
answer discussion conducted
with one participant
I N S I G H T S
E F F O R T
Step 4: Make sure you’ve good questions
Make sure it’s not leading
Try to make it open-ended
How little support do you think you receive?
Do you feel you have enough support?
Tell me about your support system
Try to bank it off past behaviours
Have you ever any sought help when you were struggling?
Do you think you will seek help if you’re struggling?
User Interviews
A qualitative question and
answer discussion conducted
with one participant
W O R K S H O P M I N I P R O J E C T
For this workshop, you’ll be working on
A Travel App
Travelling is fun but there are parts that really
suck. What is a product you can build for a
segment of people that they will love?
E X E R C I S E
Speed User Interviewing! 30M I N U T E S
1. Individually, come
up with a short list of
interview questions
2. Everyone, get up!
Stand in 2 rows
facing each other
Table 1 Table 2 Table 3 Table 4 Table 5 Table 6
Table 1 Table 2 Table 3 Table 4 Table 5 Table 6
5 minutes per pair
Interviewer
Table 1 Table 2 Table 3 Table 4 Table 5 Table 6
2.5 minutes per interview
Interviewer
Table 1 Table 2 Table 3 Table 4 Table 5 Table 6
2.5 minutes per interview
Table 1 Table 2 Table 3 Table 4 Table 5 Table 6
5 rotations!
E X E R C I S E
Speed User Interviewing! 30M I N U T E S
1. Individually, come
up with a short list of
interview questions
2. Everyone, get up!
Stand in 2 rows
facing each other
3. You have 2.5 minutes to
ask your questions before
answering questions of 2.5
minutes. Repeat 5 times!
Now you have some insights!
We’ll turn it into a User Persona later
Representative snapshot of your target audience
It should not represent one sole user
Are there outliers?
Perhaps a different demographic is a better fit for your product.
Have you been talking to the wrong people?
Turn your research into something concise and human
No. Gender Age City Occupation User since… Other products used Income
1 Male 31 Singapore UX Designer 2015 Invision, Atomic 60k
2 Female 28 Singapore UI Designer 2015 Invision 79k
3 Male 45 New York City
Marketing
Manager
2016 Marvel 150k
4 Female 28 Kuala Lumpur
Interaction
Designer
N.A. Invision 79k
5 Male 31 London
Product
Manager
2015 Marvel 60k
6 Male 31 Kuala Lumpur UX Designer 2014 Invision 60k
You’ve found some of the answers provided seem
very different from the rest.
Who might it have come from?
Leia Organa
“Darth Vader destroyed Alderaan (my home planet),
and is taking over The Galaxy. I will not sit still for this!
I need to defeat him. But how?!
If only there was a way to destroy the Death Star and
defeat the Empire once and for all…”
N A M E
Q U O T E
A G E T E C H - S A V V Y F R U S T R AT I O N ( S ) G O A L ( S )
/ 5
21 5
The Empire destroyed
her home planet
She doesn’t know how to
destroy the Death Star
# K E Y W O R D
Bold
Leader
Courageous
Princess
* because she’s
from the future To defeat the Empire
To restore democracy
within the Galactic
senate
Remember this, we’ll come back to it!
2T W O
Being profitable is a pain
B U S I N E S S M O D E L S & D E S I G N I N G F O R T H E M
PEOPLE BE LIKE:
Business viability = $$$
User satisfaction
Creates
profit
Funds
everything
UI
Tech scope
Remember this?
Different business models = Different goals
Different goals = Different Designs!
What does the business need the user to do?
What does the user want from the business?
How do I marry the two needs?
04eCommerce
03Subscription
(SAAS)
022-sided
Marketplace
01Advertising
/ Affiliate
01Advertising /
Affiliate
Mass reach
Engaged users
High view count
Well-targeted / segmented users
Ads that get clicked on
01Advertising /
Affiliate
Scroll, scroll, scroll, - it never stops
Insane amount of content
On a timeline > always showing you
new stuff > keeps you coming back
Keeps you browsing
Higher the chance of clicking on an ad
022-sided
Marketplace
Consumers + Businesses
Relationship between them
Transactions
Trust
Accountability
022-sided
Marketplace
2 users = 2 sides to design for
Can your user be both? How
will they access the platform?
Reviews + accountability
How will they interact with
each other?
03Subscription
(SAAS)
Trials to engage
Regular engagement
Pricing plans
Reduce churn
03Subscription
(SAAS)
Get them hooked,
reduce / remove
concerns
Give them a great
experience to keep
them staying on
03Subscription
(SAAS)
Get their payment info
so it rolls automatically
into payment once the
trial is over
Be sure to allow them
to cancel anytime!!
03Subscription
(SAAS)
Different people have different
needs
Don’t lose them by being too rigid
Give them choices
But not too many! Goldilocks rule
04Product info
Shipping info
Sizing info
Returns info
Reviews
Security
Easy checkout
Payment options
eCommerce
04Bring up front and centre
things they care about:
Shipping costs
Returns policy
Payment methods
eCommerce
04Signing up doesn’t earn
you revenue
Them checking out does
Stop getting in their way!
eCommerce
04Reassure them!
Don’t lose them to
their doubts
eCommerce
04People like to window shop
People get tempted ;)
Find a reason to keep them
coming back
eCommerce
E X E R C I S E
Match ‘em up: find a team 20M I N U T E S
1. In 5 minutes, from
talking to users, come
up with a product idea.
It can be something as
simple as “marketplace
for locals to give tours”
4. Stand up, and
find other people
with similar ideas!
5. Get into
groups of ~ 4
2. Write it on a
post it (clearly!)
point
3. Stick it on
your forehead point
E X E R C I S E
Match ‘em up: find a team 20M I N U T E S
6. Now that you have your group,
agree on one final idea and come
up with its:
Business model
Product 1-line description
User persona
7. Present it
to everyone!
3T H R E E
So… what’s the plan?
W I R E F R A M I N G & D E S I G N I N G F E A T U R E S
Page skeletons / blueprints
Figure out what your pages / screens are
Start sketching
Continue sketching
Fill in important text - e.g. Headers, call-to-actions
Don’t start with a program (e.g. Illustrator)
Even the playing ground > even my grandma can sketch
Share ideas quickly
Don’t be afraid to re-do or edit
Paper can be passed around, scribbled on, cut up
Can be taken with you (unlike a whiteboard)
Too tempting to start building
No! It’s got to work / function right first
Puts your thoughts + ideas down onto something you can test
And with it, you go out and get results!
Wireframing Hacks
Grid or Dotted
Sketchbooks
Erasable pens! 6-UP or 8-UP
Wireframing Hacks
GUI Kits Device Template
Evernote
Scannable App
v.s.
1
Slider will start at
a min hour set
2
If no. of Amenities
increase, this
design won’t work
3
If user wants to create
a template with this
Tech + Handdrawn
E X E R C I S E
Wireframing ain’t that tough 20M I N U T E S
1. Individually, get a
few sheets of paper
+ markets
2. Sketch out your
product as a mobile app
Aim for about 5 - 7
screens
3. Review your
wireframes within
the team
4. Resketch the ideas
into one cohesive
set of wireframes
4F O U R
Making s*** look nice
U I D E S I G N & P R O T O T Y P I N G
It doesn’t have to look AMAZING
It just has to look presentable!
Do NOT jump straight into coding
Sketch and test before working on the UI
Start and maintain a stylesheet for consistency
Use design tools to help you!
Simple UI & Prototyping
20% off, 1st Year
D E V F S T A S
30% off, Pro Plan
B I T . L Y / 2 G J 3 I F I
A T O M I C . I O
M A R V E L A P P. C O M
Colors Photos Fonts
C O L O U R C O . D E
K U L E R . A D O B E . C O M S T O C K S N A P. I O
S T O C K S Y . C O M
F O N T F L A M E . C O M
F O N T P A I R . C O
UI Frameworks F O U N D A T I O N
. Z U R B . C O M
S E M A N T I C
- U I . C O M
G E T B O O T S
T R A P. C O M
Grid
Stylesheet
5F I V E
You want me to talk to people?!
U S A B I L I T Y T E S T I N G
Find people who are your users
Having an incentive usually helps (Starbucks gift card)
All you need are results from 5 people
Put yourself out there! Cafes, coworking
space, friends, limitless possibilities
Observing people using your product
Don’t ask questions, give tasks instead
Person A: Give tasks + Interact
Person B: Observe + Notes
Approx. 3 to 5 things to do
Humans feel obliged to please
Resist the urge to help them
Or to guide them
Or to correct them
No! Learn from where they struggle
Deduce patterns from multiple tests
Usability Testing Process
Task Scenario 1 Task Scenario 2 Task Scenario 3
01. Task Scenarios
Setting the context and
creating a task for the user to
attempt to accomplish
e.g. Purchase a pair of shoes for
your best friend’s birthday
Note-taker
Interviewer
2. Set the Roles 3. The Rest
30M I N U T E S
5I N T E R V I E W E E S
1D E V I C E
1. Be specific about what
you’ve observed
“User couldn’t purchase item”
“User couldn’t find the checkout
button on the cart page”
2. Organise and group your
notes to your task scenarios
3. Number and label your
screens for accuracy
4. Create a hypothesis of what the
problem is from the comments
Task Scenario 1
1A 1B 1C 1D
point
point
point
point
Cohesive and
concise summary
of the problem
Sorting Your Results
Task Scenario 1 Task Scenario 2 Task Scenario 3
Task Scenario User 1 2 3 4 5 6 7 8 9
Task Scenario 1 Good Good Good Good Good Great Good Good Great
Task Scenario 2 Poor Bad Average Poor Bad Poor Poor Poor Bad
Task Scenario 3 Good Great Great Good Great Good Great Good Good
Task Scenario 4 Great Good Good Great Average Good Great Average Great
Task Scenario 5 Average Great Average Good Great Good Great Good Good
Task Scenario 6 Great Good Great Great Good Good Great Great Great
What can you tell from this table?
Task Scenario User 1 2 3 4 5 6 7 8 9
Task Scenario 1 Good Good Good Good Poor Great Average Good Great
Task Scenario 2 Great Good Average Good Bad Good Good Great Great
Task Scenario 3 Good Great Great Good Bad Good Great Good Good
Task Scenario 4 Great Average Good Great Average Good Great Average Great
Task Scenario 5 Average Great Average Good Bad Good Great Good Good
Task Scenario 6 Great Good Great Great Poor Good Great Great Great
What can you tell from this table?
Task Scenario User 1 2 3 4 5 6 7 8 9
Task Scenario 1 Good Bad Average Bad Poor Good Average Good Poor
Task Scenario 2 Poor Bad Average Poor Bad Average Poor Poor Bad
Task Scenario 3 Poor Good Bad Average Bad Poor Poor Good Poor
Task Scenario 4 Great Good Good Good Good Great Great Good Great
Task Scenario 5 Average Bad Poor Bad Bad Average Poor Poor Bad
Task Scenario 6 Poor Bad Bad Average Good Poor Bad Poor Poor
What can you tell from this table?
5M I N U T E S
E X E R C I S E
Usability Testing Prep
As a team, come up with
a set of task scenarios
Make sure they will help
you find out what you
want to find out
Task Scenario 1 Task Scenario 2 Task Scenario 3
E X E R C I S E
Drunk User Testing
HEUSERISDRUNK.COM
THIS IS OPTIONAL
“Your website should be so simple,
a drunk person could use it.
30M I N U T E S
1. I need 3 volunteers:
Like alcohol
Is not driving home
Is not a crazy drunk
HEUSERISDRUNK.COM
THIS IS OPTIONAL
2. Pick a table (and
choice of alcohol - if
available)
3. SHOTS SHOTS
SHOTS SHOTS (but
only the amount you’re
comfortable with)
4. You’re going
to test things!!!
E X E R C I S E
Drunk User Testing
30M I N U T E S
5. Drunk people
stay at your table
HEUSERISDRUNK.COM
THIS IS OPTIONAL
6. Teams rotate!
7. Each team gets 5
minutes to test your
paper prototype with
your drunk user
*Please don't
make them puke
8. Tap on the prototype
and shift them over to
the right screen to
continue
E X E R C I S E
Drunk User Testing
30M I N U T E S
1. Half the team stay at
your table. You will
be the testers!
HEUSERISDRUNK.COM
2. The other half,
you will be the
users.
3. Roam around to
another group to test
their paper prototype
E X E R C I S E
Sober User Testing
E X E R C I S E
Results Sorting: Quick Version
2. Write down the user
info for each participant,
and set aside
1
2
3
4
5
3. Write down observations
from each participant according
to their colour (1 point, 1 post it)
point
point
point
point
point
point
point
point
point
point
point
point
point
point
point
point
point
point
point
point
1. Get a different
coloured post-it for
each participant
10M I N U T E S
E X E R C I S E
Results Sorting: Quick Version
4. Start grouping
similar points
together into piles
point
point
point
point
point
point
point
point point
point
pointpoint
point
point
point
point
point
point
point
point
10M I N U T E S
E X E R C I S E
Results Sorting: Quick Version
4. Start grouping
similar points
together into piles
5. Label each pile
with their
problem or issue
point
point
point
point
point
point
point
point point
point
pointpoint
point
point
point
point
point
point
point
point
Unclear what the steps
are to create an account
Didn’t like having so
many steps to sign up
Couldn’t figure out how
to check out their cart
Couldn’t find
delivery information
Got stuck at adding
product to cart
Could not navigate to
the products section
Wanted more
product information
Did not have a credit
card; could not checkout
10M I N U T E S
E X E R C I S E
Results Sorting: Quick Version
4. Start grouping
similar points
together into piles
5. Label each pile
with their
problem or issue
point
point
point
point
point
point
point
point point
point
pointpoint
point
point
point
point
point
point
point
point
Unclear what the steps
are to create an account
Didn’t like having so
many steps to sign up
Couldn’t figure out how
to check out their cart
Couldn’t find
delivery information
Got stuck at adding
product to cart
Could not navigate to
the products section
Wanted more
product information
Did not have a credit
card; could not checkout
This will give you a quick
idea on which problems
were faced by the
majority of participants,
and which were outliers
You can also quickly look
over demographic traits
via post-it colours to see if
there are any correlations
10M I N U T E S
point
point
point
point
point
point
point
point
point
point
pointpoint
point
point
point
point
point point
point
point
Unclear what the steps
are to create an account
Didn’t like having so
many steps to sign up
Couldn’t figure out how
to check out their cart
Couldn’t find
delivery information
Got stuck at adding
product to cart
Could not navigate to
the products section
Wanted more
product information
Did not have a credit
card; could not checkout
E X E R C I S E
Results Sorting: Quick Version 30M I N U T E S
Present your findings!
Any Questions?
A S K A W A Y !
Want moaaaar insights?
melewi.net/newsletter
@thedesignnomad
melissa@melewi.net
Melewi
@melewi
@hellomelewi
melewi.net
Thank you!

More Related Content

What's hot

Product design for Non Designers - Montreal Digital Nomad Meetup
Product design for Non Designers - Montreal Digital Nomad MeetupProduct design for Non Designers - Montreal Digital Nomad Meetup
Product design for Non Designers - Montreal Digital Nomad MeetupSebastian Tory-Pratt
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Chris Feix
 
UX Cambridge 2017- Three Steps Workshop
UX Cambridge 2017- Three Steps WorkshopUX Cambridge 2017- Three Steps Workshop
UX Cambridge 2017- Three Steps WorkshopAlan Colville
 
UX Bootcamp Fall 2015 General Assembly
UX Bootcamp Fall 2015 General AssemblyUX Bootcamp Fall 2015 General Assembly
UX Bootcamp Fall 2015 General AssemblyJacklyn Burgan
 
The Soft Skills That Get You Paid | UX Design
The Soft Skills That Get You Paid | UX DesignThe Soft Skills That Get You Paid | UX Design
The Soft Skills That Get You Paid | UX DesignLaith Wallace
 
Emergent UX: Seducing the Six Minds - Full Talk
Emergent UX: Seducing the Six Minds - Full TalkEmergent UX: Seducing the Six Minds - Full Talk
Emergent UX: Seducing the Six Minds - Full TalkJohn Whalen
 
Building Buy-In: Internally Positioning UX for Executive Impact
Building Buy-In: Internally Positioning UX for Executive ImpactBuilding Buy-In: Internally Positioning UX for Executive Impact
Building Buy-In: Internally Positioning UX for Executive ImpactJohn Whalen
 
5 Steps to Creating Data-backed Personas for User Experience (UX) Design
5 Steps to Creating Data-backed Personas for User Experience (UX) Design5 Steps to Creating Data-backed Personas for User Experience (UX) Design
5 Steps to Creating Data-backed Personas for User Experience (UX) DesignAngela Obias
 
Design Research Overview: Bite-sized Usability Testing
Design Research Overview: Bite-sized Usability TestingDesign Research Overview: Bite-sized Usability Testing
Design Research Overview: Bite-sized Usability TestingAngela Obias
 
Intro to Agile and Lean UX
Intro to Agile and Lean UXIntro to Agile and Lean UX
Intro to Agile and Lean UXJacklyn Burgan
 
Evolving an in-house design practice
Evolving an in-house design practiceEvolving an in-house design practice
Evolving an in-house design practicePradeep Nayar
 
Human-Centered Design Methods & Tools
Human-Centered Design Methods & ToolsHuman-Centered Design Methods & Tools
Human-Centered Design Methods & ToolsJake Truemper
 
Lean UX workshop @ Makers of Barcelona (MOB) + Agile BCN Meetup
Lean UX workshop @  Makers of Barcelona (MOB) + Agile BCN MeetupLean UX workshop @  Makers of Barcelona (MOB) + Agile BCN Meetup
Lean UX workshop @ Makers of Barcelona (MOB) + Agile BCN MeetupJose Berengueres
 
Maximizing the impact of UX in an agile environment: Mixing agile and Lean UX
Maximizing the impact of UX in an agile environment: Mixing agile and Lean UXMaximizing the impact of UX in an agile environment: Mixing agile and Lean UX
Maximizing the impact of UX in an agile environment: Mixing agile and Lean UXJohn Whalen
 
The UX Unicorn Is Dead: Soft Skills Trump Coding Skills
The UX Unicorn Is Dead: Soft Skills Trump Coding SkillsThe UX Unicorn Is Dead: Soft Skills Trump Coding Skills
The UX Unicorn Is Dead: Soft Skills Trump Coding SkillsPaul Sherman
 
Design Sprints side-by-side service design sprints vs google venture sprints
Design Sprints side-by-side service design sprints vs google venture sprintsDesign Sprints side-by-side service design sprints vs google venture sprints
Design Sprints side-by-side service design sprints vs google venture sprintsAdilson Chicória
 
Sketching As a Communication and Collaboration Tool.
Sketching As a Communication and Collaboration Tool.Sketching As a Communication and Collaboration Tool.
Sketching As a Communication and Collaboration Tool.Aaron Irizarry
 

What's hot (20)

Product design for Non Designers - Montreal Digital Nomad Meetup
Product design for Non Designers - Montreal Digital Nomad MeetupProduct design for Non Designers - Montreal Digital Nomad Meetup
Product design for Non Designers - Montreal Digital Nomad Meetup
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
 
UX Cambridge 2017- Three Steps Workshop
UX Cambridge 2017- Three Steps WorkshopUX Cambridge 2017- Three Steps Workshop
UX Cambridge 2017- Three Steps Workshop
 
UX Bootcamp Fall 2015 General Assembly
UX Bootcamp Fall 2015 General AssemblyUX Bootcamp Fall 2015 General Assembly
UX Bootcamp Fall 2015 General Assembly
 
What is UX v2
What is UX v2What is UX v2
What is UX v2
 
The Soft Skills That Get You Paid | UX Design
The Soft Skills That Get You Paid | UX DesignThe Soft Skills That Get You Paid | UX Design
The Soft Skills That Get You Paid | UX Design
 
Emergent UX: Seducing the Six Minds - Full Talk
Emergent UX: Seducing the Six Minds - Full TalkEmergent UX: Seducing the Six Minds - Full Talk
Emergent UX: Seducing the Six Minds - Full Talk
 
Building Buy-In: Internally Positioning UX for Executive Impact
Building Buy-In: Internally Positioning UX for Executive ImpactBuilding Buy-In: Internally Positioning UX for Executive Impact
Building Buy-In: Internally Positioning UX for Executive Impact
 
5 Steps to Creating Data-backed Personas for User Experience (UX) Design
5 Steps to Creating Data-backed Personas for User Experience (UX) Design5 Steps to Creating Data-backed Personas for User Experience (UX) Design
5 Steps to Creating Data-backed Personas for User Experience (UX) Design
 
EENA 2021 - User Experience and User Interface (UX/UI) design (2/3)
EENA 2021 - User Experience and User Interface (UX/UI) design (2/3)EENA 2021 - User Experience and User Interface (UX/UI) design (2/3)
EENA 2021 - User Experience and User Interface (UX/UI) design (2/3)
 
Design Research Overview: Bite-sized Usability Testing
Design Research Overview: Bite-sized Usability TestingDesign Research Overview: Bite-sized Usability Testing
Design Research Overview: Bite-sized Usability Testing
 
Intro to Agile and Lean UX
Intro to Agile and Lean UXIntro to Agile and Lean UX
Intro to Agile and Lean UX
 
Evolving an in-house design practice
Evolving an in-house design practiceEvolving an in-house design practice
Evolving an in-house design practice
 
Human-Centered Design Methods & Tools
Human-Centered Design Methods & ToolsHuman-Centered Design Methods & Tools
Human-Centered Design Methods & Tools
 
Lean UX workshop @ Makers of Barcelona (MOB) + Agile BCN Meetup
Lean UX workshop @  Makers of Barcelona (MOB) + Agile BCN MeetupLean UX workshop @  Makers of Barcelona (MOB) + Agile BCN Meetup
Lean UX workshop @ Makers of Barcelona (MOB) + Agile BCN Meetup
 
Maximizing the impact of UX in an agile environment: Mixing agile and Lean UX
Maximizing the impact of UX in an agile environment: Mixing agile and Lean UXMaximizing the impact of UX in an agile environment: Mixing agile and Lean UX
Maximizing the impact of UX in an agile environment: Mixing agile and Lean UX
 
What is UX?
What is UX?What is UX?
What is UX?
 
The UX Unicorn Is Dead: Soft Skills Trump Coding Skills
The UX Unicorn Is Dead: Soft Skills Trump Coding SkillsThe UX Unicorn Is Dead: Soft Skills Trump Coding Skills
The UX Unicorn Is Dead: Soft Skills Trump Coding Skills
 
Design Sprints side-by-side service design sprints vs google venture sprints
Design Sprints side-by-side service design sprints vs google venture sprintsDesign Sprints side-by-side service design sprints vs google venture sprints
Design Sprints side-by-side service design sprints vs google venture sprints
 
Sketching As a Communication and Collaboration Tool.
Sketching As a Communication and Collaboration Tool.Sketching As a Communication and Collaboration Tool.
Sketching As a Communication and Collaboration Tool.
 

Viewers also liked

Open Source Thinking Tools in Digital Product Design- VIBE WIRE
Open Source Thinking Tools in Digital Product Design- VIBE WIRE Open Source Thinking Tools in Digital Product Design- VIBE WIRE
Open Source Thinking Tools in Digital Product Design- VIBE WIRE Mike Biggs GAICD
 
Practical Product Innovation - Sydney CTO Summit
Practical Product Innovation - Sydney CTO SummitPractical Product Innovation - Sydney CTO Summit
Practical Product Innovation - Sydney CTO SummitMike Biggs GAICD
 
Paper to prototype, or.... How I learned to stop worrying and love Science
Paper to prototype, or.... How I learned to stop worrying and love SciencePaper to prototype, or.... How I learned to stop worrying and love Science
Paper to prototype, or.... How I learned to stop worrying and love ScienceChris McQueen
 
How To Write An Awesome Blog Post
How To Write An Awesome Blog PostHow To Write An Awesome Blog Post
How To Write An Awesome Blog PostArun Basil Lal
 
John Biggs - How to Get the Word Out About Your Product - Startup AddVenture ...
John Biggs - How to Get the Word Out About Your Product - Startup AddVenture ...John Biggs - How to Get the Word Out About Your Product - Startup AddVenture ...
John Biggs - How to Get the Word Out About Your Product - Startup AddVenture ...Startup AddVenture by CCC Startups
 
Write awesome personalized donor thank you emails using GlobalGiving and Face...
Write awesome personalized donor thank you emails using GlobalGiving and Face...Write awesome personalized donor thank you emails using GlobalGiving and Face...
Write awesome personalized donor thank you emails using GlobalGiving and Face...Marc Maxson / GlobalGiving
 
Paper to-prototype
Paper to-prototypePaper to-prototype
Paper to-prototypeAndrew Baker
 
St low fidelity prototype v2
St   low fidelity prototype v2St   low fidelity prototype v2
St low fidelity prototype v2Luis Wong
 
Low Fidelity Prototype
Low Fidelity PrototypeLow Fidelity Prototype
Low Fidelity PrototypeNegar Khalandi
 
Build Low Fidelity Wireframes
Build Low Fidelity WireframesBuild Low Fidelity Wireframes
Build Low Fidelity WireframesSV.CO
 
Blog-based courses in higher education: experience from Tallinn University
Blog-based courses in higher education: experience from Tallinn UniversityBlog-based courses in higher education: experience from Tallinn University
Blog-based courses in higher education: experience from Tallinn UniversityHans Põldoja
 
Design Thinking in Praxis - Future of Digital Festival- General Assembly with...
Design Thinking in Praxis - Future of Digital Festival- General Assembly with...Design Thinking in Praxis - Future of Digital Festival- General Assembly with...
Design Thinking in Praxis - Future of Digital Festival- General Assembly with...Mike Biggs GAICD
 
Sketching UX: Low-Fidelity Method; High-Fidelity Results
Sketching UX: Low-Fidelity Method; High-Fidelity ResultsSketching UX: Low-Fidelity Method; High-Fidelity Results
Sketching UX: Low-Fidelity Method; High-Fidelity ResultsRob Fitzgibbon
 
Personas in Interaction Design
Personas in Interaction DesignPersonas in Interaction Design
Personas in Interaction DesignHans Põldoja
 
Creating Low Fidelity Prototypes
Creating Low Fidelity PrototypesCreating Low Fidelity Prototypes
Creating Low Fidelity PrototypesValeria Gasik
 
Importance of Wireframes in Web Design
Importance of Wireframes in Web DesignImportance of Wireframes in Web Design
Importance of Wireframes in Web DesignHitesh Mehta
 
Demystifying User Experience - General Assembly
Demystifying User Experience - General AssemblyDemystifying User Experience - General Assembly
Demystifying User Experience - General AssemblyMike Biggs GAICD
 

Viewers also liked (20)

Open Source Thinking Tools in Digital Product Design- VIBE WIRE
Open Source Thinking Tools in Digital Product Design- VIBE WIRE Open Source Thinking Tools in Digital Product Design- VIBE WIRE
Open Source Thinking Tools in Digital Product Design- VIBE WIRE
 
Practical Product Innovation - Sydney CTO Summit
Practical Product Innovation - Sydney CTO SummitPractical Product Innovation - Sydney CTO Summit
Practical Product Innovation - Sydney CTO Summit
 
Paper to prototype, or.... How I learned to stop worrying and love Science
Paper to prototype, or.... How I learned to stop worrying and love SciencePaper to prototype, or.... How I learned to stop worrying and love Science
Paper to prototype, or.... How I learned to stop worrying and love Science
 
How To Write An Awesome Blog Post
How To Write An Awesome Blog PostHow To Write An Awesome Blog Post
How To Write An Awesome Blog Post
 
John Biggs - How to Get the Word Out About Your Product - Startup AddVenture ...
John Biggs - How to Get the Word Out About Your Product - Startup AddVenture ...John Biggs - How to Get the Word Out About Your Product - Startup AddVenture ...
John Biggs - How to Get the Word Out About Your Product - Startup AddVenture ...
 
Write awesome personalized donor thank you emails using GlobalGiving and Face...
Write awesome personalized donor thank you emails using GlobalGiving and Face...Write awesome personalized donor thank you emails using GlobalGiving and Face...
Write awesome personalized donor thank you emails using GlobalGiving and Face...
 
GBL
GBLGBL
GBL
 
Paper to-prototype
Paper to-prototypePaper to-prototype
Paper to-prototype
 
How to Visualize a Business
How to Visualize a BusinessHow to Visualize a Business
How to Visualize a Business
 
AgileCamp Silicon Valley 2015: One Dollar Prototype
AgileCamp Silicon Valley 2015: One Dollar PrototypeAgileCamp Silicon Valley 2015: One Dollar Prototype
AgileCamp Silicon Valley 2015: One Dollar Prototype
 
St low fidelity prototype v2
St   low fidelity prototype v2St   low fidelity prototype v2
St low fidelity prototype v2
 
Low Fidelity Prototype
Low Fidelity PrototypeLow Fidelity Prototype
Low Fidelity Prototype
 
Build Low Fidelity Wireframes
Build Low Fidelity WireframesBuild Low Fidelity Wireframes
Build Low Fidelity Wireframes
 
Blog-based courses in higher education: experience from Tallinn University
Blog-based courses in higher education: experience from Tallinn UniversityBlog-based courses in higher education: experience from Tallinn University
Blog-based courses in higher education: experience from Tallinn University
 
Design Thinking in Praxis - Future of Digital Festival- General Assembly with...
Design Thinking in Praxis - Future of Digital Festival- General Assembly with...Design Thinking in Praxis - Future of Digital Festival- General Assembly with...
Design Thinking in Praxis - Future of Digital Festival- General Assembly with...
 
Sketching UX: Low-Fidelity Method; High-Fidelity Results
Sketching UX: Low-Fidelity Method; High-Fidelity ResultsSketching UX: Low-Fidelity Method; High-Fidelity Results
Sketching UX: Low-Fidelity Method; High-Fidelity Results
 
Personas in Interaction Design
Personas in Interaction DesignPersonas in Interaction Design
Personas in Interaction Design
 
Creating Low Fidelity Prototypes
Creating Low Fidelity PrototypesCreating Low Fidelity Prototypes
Creating Low Fidelity Prototypes
 
Importance of Wireframes in Web Design
Importance of Wireframes in Web DesignImportance of Wireframes in Web Design
Importance of Wireframes in Web Design
 
Demystifying User Experience - General Assembly
Demystifying User Experience - General AssemblyDemystifying User Experience - General Assembly
Demystifying User Experience - General Assembly
 

Similar to Hacking UX: Product Design Thinking for Techies

Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardChris Bernard
 
UX Fundamentals for Beginners
UX Fundamentals for BeginnersUX Fundamentals for Beginners
UX Fundamentals for BeginnersLesley Robinson
 
UX crash course - part 1
UX crash course - part 1UX crash course - part 1
UX crash course - part 1Dzung Nguyen
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an OverviewJulie Grundy
 
Importance of apps in marketing strategy my perspective - Ankit Shard
Importance of apps in marketing strategy my perspective - Ankit ShardImportance of apps in marketing strategy my perspective - Ankit Shard
Importance of apps in marketing strategy my perspective - Ankit ShardAnkit Shard
 
Session 1 - What is "Doing UX"?
Session 1 - What is "Doing UX"?Session 1 - What is "Doing UX"?
Session 1 - What is "Doing UX"?Leanna Gingras
 
User Empathy: Prioritizing Users in your UX Process
User Empathy: Prioritizing Users in your UX ProcessUser Empathy: Prioritizing Users in your UX Process
User Empathy: Prioritizing Users in your UX ProcessMary Fran Wiley
 
UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19Lena Lekkou
 
Usability in Virtual Worlds (Metaverse08)
Usability in Virtual Worlds (Metaverse08)Usability in Virtual Worlds (Metaverse08)
Usability in Virtual Worlds (Metaverse08)Markus Breuer
 
Usability Tips And Tricks For Beginners Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners   Experience Dynamics Web SeminarUsability Tips And Tricks For Beginners   Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners Experience Dynamics Web SeminarExperience Dynamics
 
Issue #103 Innovation blueprints
Issue #103  Innovation blueprintsIssue #103  Innovation blueprints
Issue #103 Innovation blueprintsNils vesk
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Careerdpanarelli
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for DevelopersSarah Dutkiewicz
 
Midwest UX 2014 - Pay It Forward: How To Mentor Your UX Co-Workers Without Th...
Midwest UX 2014 - Pay It Forward: How To Mentor Your UX Co-Workers Without Th...Midwest UX 2014 - Pay It Forward: How To Mentor Your UX Co-Workers Without Th...
Midwest UX 2014 - Pay It Forward: How To Mentor Your UX Co-Workers Without Th...Naa Marteki Reed
 
The elements of product success for designers and developers
The elements of product success for designers and developersThe elements of product success for designers and developers
The elements of product success for designers and developersNick Myers
 

Similar to Hacking UX: Product Design Thinking for Techies (20)

Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
 
UX Fundamentals for Beginners
UX Fundamentals for BeginnersUX Fundamentals for Beginners
UX Fundamentals for Beginners
 
UX Fundamentals for Beginners
UX Fundamentals for BeginnersUX Fundamentals for Beginners
UX Fundamentals for Beginners
 
UX crash course - part 1
UX crash course - part 1UX crash course - part 1
UX crash course - part 1
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
Importance of apps in marketing strategy my perspective - Ankit Shard
Importance of apps in marketing strategy my perspective - Ankit ShardImportance of apps in marketing strategy my perspective - Ankit Shard
Importance of apps in marketing strategy my perspective - Ankit Shard
 
Session 1 - What is "Doing UX"?
Session 1 - What is "Doing UX"?Session 1 - What is "Doing UX"?
Session 1 - What is "Doing UX"?
 
User Empathy: Prioritizing Users in your UX Process
User Empathy: Prioritizing Users in your UX ProcessUser Empathy: Prioritizing Users in your UX Process
User Empathy: Prioritizing Users in your UX Process
 
UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19UI/UX Designer in the year 2020 | Developers Day Nov.19
UI/UX Designer in the year 2020 | Developers Day Nov.19
 
Usability in Virtual Worlds (Metaverse08)
Usability in Virtual Worlds (Metaverse08)Usability in Virtual Worlds (Metaverse08)
Usability in Virtual Worlds (Metaverse08)
 
Usability Tips And Tricks For Beginners Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners   Experience Dynamics Web SeminarUsability Tips And Tricks For Beginners   Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners Experience Dynamics Web Seminar
 
Issue #103 Innovation blueprints
Issue #103  Innovation blueprintsIssue #103  Innovation blueprints
Issue #103 Innovation blueprints
 
What is UX v1
What is UX v1What is UX v1
What is UX v1
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Career
 
PyTexas 2014
PyTexas   2014PyTexas   2014
PyTexas 2014
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
 
Midwest UX 2014 - Pay It Forward: How To Mentor Your UX Co-Workers Without Th...
Midwest UX 2014 - Pay It Forward: How To Mentor Your UX Co-Workers Without Th...Midwest UX 2014 - Pay It Forward: How To Mentor Your UX Co-Workers Without Th...
Midwest UX 2014 - Pay It Forward: How To Mentor Your UX Co-Workers Without Th...
 
What ux is
What ux isWhat ux is
What ux is
 
The elements of product success for designers and developers
The elements of product success for designers and developersThe elements of product success for designers and developers
The elements of product success for designers and developers
 
P
PP
P
 

Recently uploaded

(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 

Recently uploaded (20)

(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 

Hacking UX: Product Design Thinking for Techies

  • 1. Product Thinking for Techies H A C K I N G U X : @thedesignnomad melewi.net
  • 2.
  • 3. Keep it casual This isn’t a lecture hall (P.S. I hated school) You’re not here to be shiny - get your hands dirty! Listen + Experiment Before we begin
  • 4. Before we begin Move quick With limited resources Groups of ~ 4 Overview of methods + a few exercises I startups
  • 5. Hello, I’m Mel That’s me! I just climbed a mountain in this photo (And I’m crying on the inside because that was 1.5 bitches to climb) But most days I run Melewi - a remote UX & UI product design studio I do design, and I’m a digital nomad = @thedesignnomad
  • 6. 5 years old next Feb (yay!) Clients in 5 continents (> 25 countries) Keep it lean, 80/20 rule Keep it agile, respond to feedback Team of 9 people from 8 countries Melewi T H E T R A V E L L I N G D E S I G N S T U D I O We design awesome products for users and businesses around the world
  • 7. Melewi T H E T R A V E L L I N G D E S I G N S T U D I O Clients Press
  • 8. G E T T I N G T O K N O W Y ’ A L L
  • 10. Front-end dev? And you guys? Back-end Dev?
  • 11. Back-end Dev?Front-end dev? And you guys? Product?
  • 13. L E T ’ S B E H O N E S T N O W
  • 14. HALP ME, I’M STUCK HOOMAN, HALP ME
  • 15. D E F I N I T I O N S What really is UX?
  • 16. U S E R E X P E R I E N C E The experience a user has interacting with your brand at one touchpoint C U S T O M E R E X P E R I E N C E 01
  • 17. U S E R E X P E R I E N C E The experience a user has interacting with your brand at one touchpoint one C U S T O M E R E X P E R I E N C E
  • 19. U S E R E X P E R I E N C E The experience a user has interacting with your brand at one touchpoint UX ≠ UI 02 01
  • 20. UX ≠ UI User Research User Testing Data Analytics Site Mapping User Satisfaction Sketching Prototyping Collaboration Output Devices Action Buttons User Controls Tools Input Devices Content Visual Design The pretty stuff 02 U S E R E X P E R I E N C E U S E R I N T E R FA C E
  • 21. U S E R E X P E R I E N C E The experience a user has interacting with your brand at one touchpoint A series of methods & tools you use to test and validate assumptions 03 UX ≠ UI 02 01
  • 22. User Research! * T H A N K S F R I E N D S
  • 23. “What do developers struggle with when they think about UX?
  • 24.
  • 25. When asked: “What do developers struggle with when they think about UX?”Pretty Visual aesthetics Focused too much on executing Effort efficiency Business requirements / Validation Focus & Priorities Assuming it will work Prioritizing features / what to display Understanding users (empathy) Designing intuitively for non-techies Used to different interfaces Thinking structurely "Make it not look retarded or incredibly generic" "recognize it's important but don't know how to make things visually pleasing" "get lost in beautiful code structure and amazing architecture yet forget what's the goal" "solving the problem in an efficient way according to the constraints" "battle between 'my api is set up this way' and 'humans want to do this'" "why put extra effort into something that already "works" technically" "(not) knowing your customer and coding...to fit their needs as close as possible (increases) changes" "I'll think about (UX) later. Just get to work and build it right" "fundamental different way of thinking about a problem" "It makes sense to me" "look at any linux app and you'll see what i mean" "what, a human does not like command lines?" "they have a technical structure they work with... but those are often not representative of how a user thinks" Carl 1 1 1 1 1 Andrew 1 1 1 Thomas 1 1 1 1 1 1 1 Zenos 1 1 1 1 1 1 Phil 1 1 Florian 1 1 1 Scott 1 1 1 1 Rico 1 1 1 1 Cate 1 1 4 3 2 1 3 2 2 3 7 1 2 TOTAL 4 When asked: "What do devs struggle with when they think about UX?" Effort + Execution Not Aligned with the Business How Users Think + Behave "think like normal people" "relating to how non-technical people think" 5 6 15
  • 26. Pretty Visual aesthetics Focused too much on executing Effort efficiency Business requirements / Validation Focus & Priorities Assuming it will work Prioritizing features / what to display Understanding users (empathy) Designing intuitively for non-techies Used to different interfaces Thinking structurely "Make it not look retarded or incredibly generic" "recognize it's important but don't know how to make things visually pleasing" "get lost in beautiful code structure and amazing architecture yet forget what's the goal" "solving the problem in an efficient way according to the constraints" "battle between 'my api is set up this way' and 'humans want to do this'" "why put extra effort into something that already "works" technically" "(not) knowing your customer and coding...to fit their needs as close as possible (increases) changes" "I'll think about (UX) later. Just get to work and build it right" "fundamental different way of thinking about a problem" "It makes sense to me" "look at any linux app and you'll see what i mean" "what, a human does not like command lines?" "they have a technical structure they work with... but those are often not representative of how a user thinks" Carl 1 1 1 1 1 Andrew 1 1 1 Thomas 1 1 1 1 1 1 1 Zenos 1 1 1 1 1 1 Phil 1 1 Florian 1 1 1 Scott 1 1 1 1 Rico 1 1 1 1 Cate 1 1 4 3 2 1 3 2 2 3 7 1 2 TOTAL 4 When asked: "What do devs struggle with when they think about UX?" Effort + Execution Not Aligned with the Business How Users Think + Behave "think like normal people" "relating to how non-technical people think" 5 6 15 When asked: “What do developers struggle with when they think about UX?”
  • 27. Pretty Visual aesthetics Focused too much on executing Effort efficiency Business requirements / Validation Focus & Priorities Assuming it will work Prioritizing features / what to display Understanding users (empathy) Designing intuitively for non-techies Used to different interfaces Thinking structurely "Make it not look retarded or incredibly generic" "recognize it's important but don't know how to make things visually pleasing" "get lost in beautiful code structure and amazing architecture yet forget what's the goal" "solving the problem in an efficient way according to the constraints" "battle between 'my api is set up this way' and 'humans want to do this'" "why put extra effort into something that already "works" technically" "(not) knowing your customer and coding...to fit their needs as close as possible (increases) changes" "I'll think about (UX) later. Just get to work and build it right" "fundamental different way of thinking about a problem" "It makes sense to me" "look at any linux app and you'll see what i mean" "what, a human does not like command lines?" "they have a technical structure they work with... but those are often not representative of how a user thinks" Carl 1 1 1 1 1 Andrew 1 1 1 Thomas 1 1 1 1 1 1 1 Zenos 1 1 1 1 1 1 Phil 1 1 Florian 1 1 1 Scott 1 1 1 1 Rico 1 1 1 1 Cate 1 1 4 3 2 1 3 2 2 3 7 1 2 TOTAL 4 When asked: "What do devs struggle with when they think about UX?" Effort + Execution Not Aligned with the Business How Users Think + Behave "think like normal people" "relating to how non-technical people think" 5 6 15 When asked: “What do developers struggle with when they think about UX?” Not Aligned with the Business How Users Think + BehaveEffort + ExecutionPretty
  • 28. Not Aligned with the Business How Users Think + Behave Effort + Execution Pretty
  • 29. Not Aligned with the Business How Users Think + Behave Effort + Execution Pretty M Y G O A L Get you to try things across these areas to get you familiar with the process
  • 30. Not Aligned with the Business How Users Think + Behave Effort + Execution Pretty M Y G O A L Get you to try things across these areas to get you familiar with the process
  • 31. Product Thinking for Techies H A C K I N G U X :
  • 32. 1O N E Why can’t I design for me? U S E R S , R E S E A R C H & P E R S O N A S
  • 33. “BECAUSE I’M AWESOME ON MY OWN”
  • 34. “BECAUSE I’M AWESOME ON MY OWN” Nope. Just like with high-fives, you really need other people to make it work.
  • 36. If the users don’t care UI Tech scope UX Business strategy
  • 37. UI Tech scope UX Business strategy If the business doesn’t work If the users don’t care
  • 38. If the business doesn’t work If the users don’t care None of this matters UI Tech scope UX Business strategy
  • 39. UI Tech scope Business viability = $$$ Creates profit User satisfaction
  • 40. Business viability = $$$ User satisfaction Creates profit Funds everything UI Tech scope
  • 41. Know who you’re targeting inside and out What do they like and value? How do they think and behave? You cannot target everyone! It’s never a one-size-fits-all Decide, design and build accordingly Does your target audience segment even exist?
  • 42. USABILITY.GOV “User research focuses on understanding user behaviours, needs, and motivations through observation techniques, task analysis, and other feedback methodologies a bunch of different ways
  • 43. User Interviews A qualitative question and answer discussion conducted with one participant Contextual Interviews A specific “interview" method to collect observational data in a specific context Surveys A list of quantitative and or qualitative questions that can be filled at scale and anonymously I N S I G H T S E F F O R T I N S I G H T S E F F O R T I N S I G H T S E F F O R T
  • 44. I N S I G H T S E F F O R T e.g. We believe that new mothers are lacking a support system that will help them feel less stressed and enjoy having a child more. Step 1: Create your hypothesis I want to know if new mothers are lacking a support system Step 2: Identify what you want to know I want to know if new mothers feel less stressed when talking to other new mothers I want to know what would help new mothers enjoy having their child more. User Interviews A qualitative question and answer discussion conducted with one participant
  • 45. I N S I G H T S E F F O R T Step 3: Frame your questions I want to know if new mothers are lacking a support system I want to know if new mothers feel less stressed when talking to other new mothers I want to know what would help new mothers enjoy having their child more. How has your experience as a new mother been like? What is your support system like? Tell me about any friends you have who are also new mothers? Do you talk to them often? (Why / why not?) If you had a magic wand, what would you wish to change in your daily life? User Interviews A qualitative question and answer discussion conducted with one participant
  • 46. I N S I G H T S E F F O R T Step 4: Make sure you’ve good questions Make sure it’s not leading Try to make it open-ended How little support do you think you receive? Do you feel you have enough support? Tell me about your support system Try to bank it off past behaviours Have you ever any sought help when you were struggling? Do you think you will seek help if you’re struggling? User Interviews A qualitative question and answer discussion conducted with one participant
  • 47. W O R K S H O P M I N I P R O J E C T For this workshop, you’ll be working on A Travel App Travelling is fun but there are parts that really suck. What is a product you can build for a segment of people that they will love?
  • 48. E X E R C I S E Speed User Interviewing! 30M I N U T E S 1. Individually, come up with a short list of interview questions 2. Everyone, get up! Stand in 2 rows facing each other
  • 49. Table 1 Table 2 Table 3 Table 4 Table 5 Table 6
  • 50. Table 1 Table 2 Table 3 Table 4 Table 5 Table 6 5 minutes per pair
  • 51. Interviewer Table 1 Table 2 Table 3 Table 4 Table 5 Table 6 2.5 minutes per interview
  • 52. Interviewer Table 1 Table 2 Table 3 Table 4 Table 5 Table 6 2.5 minutes per interview
  • 53. Table 1 Table 2 Table 3 Table 4 Table 5 Table 6 5 rotations!
  • 54. E X E R C I S E Speed User Interviewing! 30M I N U T E S 1. Individually, come up with a short list of interview questions 2. Everyone, get up! Stand in 2 rows facing each other 3. You have 2.5 minutes to ask your questions before answering questions of 2.5 minutes. Repeat 5 times!
  • 55. Now you have some insights! We’ll turn it into a User Persona later
  • 56. Representative snapshot of your target audience It should not represent one sole user Are there outliers? Perhaps a different demographic is a better fit for your product. Have you been talking to the wrong people? Turn your research into something concise and human
  • 57. No. Gender Age City Occupation User since… Other products used Income 1 Male 31 Singapore UX Designer 2015 Invision, Atomic 60k 2 Female 28 Singapore UI Designer 2015 Invision 79k 3 Male 45 New York City Marketing Manager 2016 Marvel 150k 4 Female 28 Kuala Lumpur Interaction Designer N.A. Invision 79k 5 Male 31 London Product Manager 2015 Marvel 60k 6 Male 31 Kuala Lumpur UX Designer 2014 Invision 60k You’ve found some of the answers provided seem very different from the rest. Who might it have come from?
  • 58. Leia Organa “Darth Vader destroyed Alderaan (my home planet), and is taking over The Galaxy. I will not sit still for this! I need to defeat him. But how?! If only there was a way to destroy the Death Star and defeat the Empire once and for all…” N A M E Q U O T E A G E T E C H - S A V V Y F R U S T R AT I O N ( S ) G O A L ( S ) / 5 21 5 The Empire destroyed her home planet She doesn’t know how to destroy the Death Star # K E Y W O R D Bold Leader Courageous Princess * because she’s from the future To defeat the Empire To restore democracy within the Galactic senate
  • 59. Remember this, we’ll come back to it!
  • 60. 2T W O Being profitable is a pain B U S I N E S S M O D E L S & D E S I G N I N G F O R T H E M
  • 62. Business viability = $$$ User satisfaction Creates profit Funds everything UI Tech scope Remember this?
  • 63. Different business models = Different goals Different goals = Different Designs! What does the business need the user to do? What does the user want from the business? How do I marry the two needs?
  • 65. 01Advertising / Affiliate Mass reach Engaged users High view count Well-targeted / segmented users Ads that get clicked on
  • 66. 01Advertising / Affiliate Scroll, scroll, scroll, - it never stops Insane amount of content On a timeline > always showing you new stuff > keeps you coming back Keeps you browsing Higher the chance of clicking on an ad
  • 67. 022-sided Marketplace Consumers + Businesses Relationship between them Transactions Trust Accountability
  • 68. 022-sided Marketplace 2 users = 2 sides to design for Can your user be both? How will they access the platform? Reviews + accountability How will they interact with each other?
  • 69. 03Subscription (SAAS) Trials to engage Regular engagement Pricing plans Reduce churn
  • 70. 03Subscription (SAAS) Get them hooked, reduce / remove concerns Give them a great experience to keep them staying on
  • 71. 03Subscription (SAAS) Get their payment info so it rolls automatically into payment once the trial is over Be sure to allow them to cancel anytime!!
  • 72. 03Subscription (SAAS) Different people have different needs Don’t lose them by being too rigid Give them choices But not too many! Goldilocks rule
  • 73. 04Product info Shipping info Sizing info Returns info Reviews Security Easy checkout Payment options eCommerce
  • 74. 04Bring up front and centre things they care about: Shipping costs Returns policy Payment methods eCommerce
  • 75. 04Signing up doesn’t earn you revenue Them checking out does Stop getting in their way! eCommerce
  • 76. 04Reassure them! Don’t lose them to their doubts eCommerce
  • 77. 04People like to window shop People get tempted ;) Find a reason to keep them coming back eCommerce
  • 78. E X E R C I S E Match ‘em up: find a team 20M I N U T E S 1. In 5 minutes, from talking to users, come up with a product idea. It can be something as simple as “marketplace for locals to give tours” 4. Stand up, and find other people with similar ideas! 5. Get into groups of ~ 4 2. Write it on a post it (clearly!) point 3. Stick it on your forehead point
  • 79. E X E R C I S E Match ‘em up: find a team 20M I N U T E S 6. Now that you have your group, agree on one final idea and come up with its: Business model Product 1-line description User persona 7. Present it to everyone!
  • 80. 3T H R E E So… what’s the plan? W I R E F R A M I N G & D E S I G N I N G F E A T U R E S
  • 81.
  • 82. Page skeletons / blueprints Figure out what your pages / screens are Start sketching Continue sketching Fill in important text - e.g. Headers, call-to-actions
  • 83. Don’t start with a program (e.g. Illustrator) Even the playing ground > even my grandma can sketch Share ideas quickly Don’t be afraid to re-do or edit Paper can be passed around, scribbled on, cut up Can be taken with you (unlike a whiteboard)
  • 84. Too tempting to start building No! It’s got to work / function right first Puts your thoughts + ideas down onto something you can test And with it, you go out and get results!
  • 85. Wireframing Hacks Grid or Dotted Sketchbooks Erasable pens! 6-UP or 8-UP
  • 86. Wireframing Hacks GUI Kits Device Template Evernote Scannable App
  • 87. v.s.
  • 88. 1 Slider will start at a min hour set 2 If no. of Amenities increase, this design won’t work 3 If user wants to create a template with this Tech + Handdrawn
  • 89. E X E R C I S E Wireframing ain’t that tough 20M I N U T E S 1. Individually, get a few sheets of paper + markets 2. Sketch out your product as a mobile app Aim for about 5 - 7 screens 3. Review your wireframes within the team 4. Resketch the ideas into one cohesive set of wireframes
  • 90. 4F O U R Making s*** look nice U I D E S I G N & P R O T O T Y P I N G
  • 91.
  • 92. It doesn’t have to look AMAZING It just has to look presentable! Do NOT jump straight into coding Sketch and test before working on the UI Start and maintain a stylesheet for consistency Use design tools to help you!
  • 93. Simple UI & Prototyping 20% off, 1st Year D E V F S T A S 30% off, Pro Plan B I T . L Y / 2 G J 3 I F I A T O M I C . I O M A R V E L A P P. C O M
  • 94. Colors Photos Fonts C O L O U R C O . D E K U L E R . A D O B E . C O M S T O C K S N A P. I O S T O C K S Y . C O M F O N T F L A M E . C O M F O N T P A I R . C O
  • 95. UI Frameworks F O U N D A T I O N . Z U R B . C O M S E M A N T I C - U I . C O M G E T B O O T S T R A P. C O M
  • 97. 5F I V E You want me to talk to people?! U S A B I L I T Y T E S T I N G
  • 98.
  • 99. Find people who are your users Having an incentive usually helps (Starbucks gift card) All you need are results from 5 people Put yourself out there! Cafes, coworking space, friends, limitless possibilities Observing people using your product
  • 100. Don’t ask questions, give tasks instead Person A: Give tasks + Interact Person B: Observe + Notes Approx. 3 to 5 things to do Humans feel obliged to please
  • 101. Resist the urge to help them Or to guide them Or to correct them No! Learn from where they struggle Deduce patterns from multiple tests
  • 102. Usability Testing Process Task Scenario 1 Task Scenario 2 Task Scenario 3 01. Task Scenarios Setting the context and creating a task for the user to attempt to accomplish e.g. Purchase a pair of shoes for your best friend’s birthday Note-taker Interviewer 2. Set the Roles 3. The Rest 30M I N U T E S 5I N T E R V I E W E E S 1D E V I C E
  • 103. 1. Be specific about what you’ve observed “User couldn’t purchase item” “User couldn’t find the checkout button on the cart page” 2. Organise and group your notes to your task scenarios 3. Number and label your screens for accuracy 4. Create a hypothesis of what the problem is from the comments Task Scenario 1 1A 1B 1C 1D point point point point Cohesive and concise summary of the problem Sorting Your Results Task Scenario 1 Task Scenario 2 Task Scenario 3
  • 104. Task Scenario User 1 2 3 4 5 6 7 8 9 Task Scenario 1 Good Good Good Good Good Great Good Good Great Task Scenario 2 Poor Bad Average Poor Bad Poor Poor Poor Bad Task Scenario 3 Good Great Great Good Great Good Great Good Good Task Scenario 4 Great Good Good Great Average Good Great Average Great Task Scenario 5 Average Great Average Good Great Good Great Good Good Task Scenario 6 Great Good Great Great Good Good Great Great Great What can you tell from this table?
  • 105. Task Scenario User 1 2 3 4 5 6 7 8 9 Task Scenario 1 Good Good Good Good Poor Great Average Good Great Task Scenario 2 Great Good Average Good Bad Good Good Great Great Task Scenario 3 Good Great Great Good Bad Good Great Good Good Task Scenario 4 Great Average Good Great Average Good Great Average Great Task Scenario 5 Average Great Average Good Bad Good Great Good Good Task Scenario 6 Great Good Great Great Poor Good Great Great Great What can you tell from this table?
  • 106. Task Scenario User 1 2 3 4 5 6 7 8 9 Task Scenario 1 Good Bad Average Bad Poor Good Average Good Poor Task Scenario 2 Poor Bad Average Poor Bad Average Poor Poor Bad Task Scenario 3 Poor Good Bad Average Bad Poor Poor Good Poor Task Scenario 4 Great Good Good Good Good Great Great Good Great Task Scenario 5 Average Bad Poor Bad Bad Average Poor Poor Bad Task Scenario 6 Poor Bad Bad Average Good Poor Bad Poor Poor What can you tell from this table?
  • 107. 5M I N U T E S E X E R C I S E Usability Testing Prep As a team, come up with a set of task scenarios Make sure they will help you find out what you want to find out Task Scenario 1 Task Scenario 2 Task Scenario 3
  • 108. E X E R C I S E Drunk User Testing HEUSERISDRUNK.COM THIS IS OPTIONAL “Your website should be so simple, a drunk person could use it.
  • 109. 30M I N U T E S 1. I need 3 volunteers: Like alcohol Is not driving home Is not a crazy drunk HEUSERISDRUNK.COM THIS IS OPTIONAL 2. Pick a table (and choice of alcohol - if available) 3. SHOTS SHOTS SHOTS SHOTS (but only the amount you’re comfortable with) 4. You’re going to test things!!! E X E R C I S E Drunk User Testing
  • 110. 30M I N U T E S 5. Drunk people stay at your table HEUSERISDRUNK.COM THIS IS OPTIONAL 6. Teams rotate! 7. Each team gets 5 minutes to test your paper prototype with your drunk user *Please don't make them puke 8. Tap on the prototype and shift them over to the right screen to continue E X E R C I S E Drunk User Testing
  • 111. 30M I N U T E S 1. Half the team stay at your table. You will be the testers! HEUSERISDRUNK.COM 2. The other half, you will be the users. 3. Roam around to another group to test their paper prototype E X E R C I S E Sober User Testing
  • 112. E X E R C I S E Results Sorting: Quick Version 2. Write down the user info for each participant, and set aside 1 2 3 4 5 3. Write down observations from each participant according to their colour (1 point, 1 post it) point point point point point point point point point point point point point point point point point point point point 1. Get a different coloured post-it for each participant 10M I N U T E S
  • 113. E X E R C I S E Results Sorting: Quick Version 4. Start grouping similar points together into piles point point point point point point point point point point pointpoint point point point point point point point point 10M I N U T E S
  • 114. E X E R C I S E Results Sorting: Quick Version 4. Start grouping similar points together into piles 5. Label each pile with their problem or issue point point point point point point point point point point pointpoint point point point point point point point point Unclear what the steps are to create an account Didn’t like having so many steps to sign up Couldn’t figure out how to check out their cart Couldn’t find delivery information Got stuck at adding product to cart Could not navigate to the products section Wanted more product information Did not have a credit card; could not checkout 10M I N U T E S
  • 115. E X E R C I S E Results Sorting: Quick Version 4. Start grouping similar points together into piles 5. Label each pile with their problem or issue point point point point point point point point point point pointpoint point point point point point point point point Unclear what the steps are to create an account Didn’t like having so many steps to sign up Couldn’t figure out how to check out their cart Couldn’t find delivery information Got stuck at adding product to cart Could not navigate to the products section Wanted more product information Did not have a credit card; could not checkout This will give you a quick idea on which problems were faced by the majority of participants, and which were outliers You can also quickly look over demographic traits via post-it colours to see if there are any correlations 10M I N U T E S
  • 116. point point point point point point point point point point pointpoint point point point point point point point point Unclear what the steps are to create an account Didn’t like having so many steps to sign up Couldn’t figure out how to check out their cart Couldn’t find delivery information Got stuck at adding product to cart Could not navigate to the products section Wanted more product information Did not have a credit card; could not checkout E X E R C I S E Results Sorting: Quick Version 30M I N U T E S Present your findings!
  • 117.
  • 118. Any Questions? A S K A W A Y !
  • 120.