SlideShare a Scribd company logo
1 of 59
Download to read offline
Top ways developers
mess up on User Experience
(and how to avoid them)
@ HEAVYBIT • AUGUST 1, 2013
SF Rails +
6
LUXR.CO AUGUST 2013
@katerutter
@luxrco
Kate Rutter
Co-Founder
www.luxr.co
TWEET!
LUXR.CO AUGUST 2013
Luxr makes tools to help startups
deliver products that people want,
need & love to buy.
LUXR.CO AUGUST 2013
LUXR.CO AUGUST 2013
“But the code validated!”
“The design was brilliant.
It just never launched.”
“We made an amazing thing.
But nobody wanted it.”
Recognizing UX Failure
LUXR.CO AUGUST 2013
“But the code validated!”
“The design was brilliant.
It just never launched.”
“We made an amazing thing.
But nobody wanted it.”
Recognizing UX Failure
FAIL
LUXR.CO AUGUST 2013
“But the code validated!”
“The design was brilliant.
It just never launched.”
“We made an amazing thing.
But nobody wanted it.”
Recognizing UX Failure
waste
LUXR.CO AUGUST 2013
what goes on
the sub nav?
those pesky questions
single long page or
many short pages?
(scroll vs. click)
how do we use
data to make
decisions?
what button
color is best?
how many
calls to
action?
what’s the
best color
palette?
how do we
keep users
engaged?
how do we
maintain
consistent
design?
what’s the best
navigation
flow?
how do we get
people to sign
up quickly?
LUXR.CO AUGUST 2013
what goes on
the sub nav?
those pesky questions
single long page or
many short pages?
(scroll vs. click)
how do we use
data to make
decisions?
what button
color is best?
how many
calls to
action?
what’s the
best color
palette?
how do we
keep users
engaged?
how do we
maintain
consistent
design?
what’s the best
navigation
flow?
how do we get
people to sign
up quickly?
how many
calls to
action?
Answer:
1 primary per view
LUXR.CO AUGUST 2013
what goes on
the sub nav?
those pesky questions
single long page or
many short pages?
(scroll vs. click)
how do we use
data to make
decisions?
what button
color is best?
how many
calls to
action?
what’s the
best color
palette?
how do we
keep users
engaged?
how do we
maintain
consistent
design?
what’s the best
navigation
flow?
how do we get
people to sign
up quickly?
Answer:
Define & commit
to design patterns
http://ui-patterns.com/
http://developer.yahoo.com/ypatterns/
how do we
maintain
consistent
design?
LUXR.CO AUGUST 2013
what goes on
the sub nav?
those pesky questions
single long page or
many short pages?
(scroll vs. click)
how do we use
data to make
decisions?
what button
color is best?
how many
calls to
action?
what’s the
best color
palette?
how do we
keep users
engaged?
what’s the best
navigation
flow?
how do we get
people to sign
up quickly?
how do we
maintain
consistent
design?
LUXR.CO AUGUST 2013
which shoes?
LUXR.CO AUGUST 2013
which shoes?
LUXR.CO AUGUST 2013
6 things
3 things
LUXR.CO AUGUST 2013
2 things
UX > UI
#1
Envision
+
Execute
#2
LUXR.CO AUGUST 2013
UX != UI
LUXR.CO AUGUST 2013
Product
LUXR.CO AUGUST 2013
UI
LUXR.CO AUGUST 2013
UX = mmmmmm
LUXR.CO AUGUST 2013
UX = mmmmmm
LUXR.CO AUGUST 2013
UX =a mindset
focused on delivering value to people
inspires the right kinds of ideas
defines “good”
guides decisions
LUXR.CO AUGUST 2013
UX Stack
Uses
Mary can...
Features
Users
Sketches,
prototypes,
wireframes,
pixels
Biz vision & purpose go here
why
what
how
Interactions
Brand
Voice
User stories
This Week
Needs
I need...
I want...
My goal is...
UI goes
here
BUILD
MEASURE
LEARN
LUXR.CO AUGUST 2013
UX = a clear story
With _________, _______ can
_________ and ___________,
product name
use #1 use #2{
using these features: ________
and __________feature #2
feature #1
{
in a way thatʼs __________,
__________, and __________.
attribute #1
attribute #2 attribute #3{
Meet ________, a ___________.name user type
{
uses
features
product,
brand &
voice
users
needs &
goals { ______ needs to ________
_______________.
Name need
(or goal)
LUXR.CO AUGUST 2013
UX = a clear story
Meet Erika, a socially engaged college student.
Erika needs to feel closely connected with
friends near and far, every day.
using status updates on her “wall”, messages,
comments and “likes”
in a way thatʼs universal, clean, consistent,
and fast.
With Facebook, Erika can share her latest
thoughts and see what her many friends are up to,
LUXR.CO AUGUST 2013
UX = a clear story
Meet Joe, a new startup entrepreneur.
Joe needs to feel confident that his product
design decisions really serve his customers.
using hands-on materials and online
video coaching
in a way thatʼs simple to complete, warm &
engaging, and fun.
With Luxr Learning, Joe can practice interviewing
customers and validate his assumptions,
LUXR.CO AUGUST 2013
The Luxr story
LUXR.CO AUGUST 2013
Hello, Bento!
LUXR.CO AUGUST 2013
Hello, Bento!
LUXR.CO AUGUST 2013
Hello, Bento!
LUXR.CO AUGUST 2013
Hello, Bento!
LUXR.CO AUGUST 2013
Hello, Bento!
LUXR.CO AUGUST 2013
Hello, Bento!
LUXR.CO AUGUST 2013
what went wrong?
LUXR.CO AUGUST 2013
what went wrong?
no clear cue
to get online
too much text
nobody read
hard to open
the box, grrrr
couldn’t see
the drawing in
the video
video set
looked boring
too many
pieces in the
box
couldn’t keep
track of different
guides
no blank
paper in box
folded blank
paper looked
weird
hard to set
up video
account
tape kept
falling out
fixed band on
journal was
annoying
belly band
fell off
impossible to
open Yay box
without a knife
didn’t know how
much time it
would take to do
stickynotes
shouldn’t be
wrapped
supplies box not
interesting
quote was
off-target
casual design
didn’t feel
“real”
velcro closure
on band kept
ripping off
sticker on
poster ripped
paper
where’s the
candy?
no easy way
to post a
photo to site
too much text
on login page
confused by
different brand
on video site
mobile app
complete fail
video instructions
didn’t exactly
match outcome
mono audio on
video was
distracting
wanted more
related boxes
clearer
instructions on
video step 5
LUXR.CO AUGUST 2013
the Luxr story
+ 3 people
x 20 days
= PRODUCT
LUXR.CO AUGUST 2013
no clear cue
to get online
too much text
nobody read
hard to open
the box, grrrr
couldn’t see
the drawing in
the video
video set
looked boring
too many
pieces in the
box
couldn’t keep
track of different
guides
no blank
paper in box
folded blank
paper looked
weird
hard to set
up video
account
tape kept
falling out
fixed band on
journal was
annoying
belly band
fell off
impossible to
open Yay box
without a knife
didn’t know how
much time it
would take to do
stickynotes
shouldn’t be
wrapped
supplies box not
interesting
quote was
off-target
casual design
didn’t feel
“real”
velcro closure
on band kept
ripping off
sticker on
poster ripped
paper
where’s the
candy?
no easy way
to post a
photo to site
too much text
on login page
confused by
different brand
on video site
mobile app
complete fail
video instructions
didn’t exactly
match oucome
mono audio on
video was
distracting
wanted more
related boxes
clearer
instructions on
video step 5
risk
time
MAKE
release
MEASURE
BUILD
LEARN
MEASURE
BUILD
LUXR.CO AUGUST 2013
}
LUXR.CO AUGUST 2013
}
LUXR.CO AUGUST 2013
}
LUXR.CO AUGUST 2013
}
LUXR.CO AUGUST 2013
Create the full story,
and use the entire
stack as reference.
#1
make the shift...
by doing this....
Validate the story with 2
interviews with real
people, each month.
LUXR.CO AUGUST 2013
Envision +
Execution
#2
LUXR.CO AUGUST 2013
Development is
an execution
function
#2
we think this...
so we do this...
Delegate the learning
LUXR.CO AUGUST 2013
Product
Owner
Dev
Dev
Dev
Dev
Dev
Dev
Dev}
Rest
of
the
World
LUXR.CO AUGUST 2013
UX&Design
Dev & Eng
•
blah blah
blah blah
blah blah
blah blah
PRODUCT
IDEAS
BALANCED TEAM
Biz/PM
LUXR.CO AUGUST 2013
Design
+ Development
+ Product Management
= 1 product team
LUXR.CO AUGUST 2013
Design
+ Development
+ Product Management
= 1 product team
mind
LUXR.CO AUGUST 2013
DESIGN
Empathizer-in-Chief
Design Mind
Understand the customer at an expert level.
Translate high-value needs into product.
Hone the craft.
Key Responsibility
Prioritize customer problems.
LUXR.CO AUGUST 2013
DEVELOPMENT
“Raise high the roof”
Development Mind
Envision the best possible solutions based on
available technology.
Commit to the outcome.
Key Responsibility
Recommend technologies
Measure outcomes over time.
•
LUXR.CO AUGUST 2013
PM & BUSINESS
Scales of Justice
Business Mind
Make fast, concrete decisions despite inadequate
evidence and conflicting priorities.
Identify the business value in customer needs.
Key Responsibility
Make the tough calls.
Delegate decisions to the appropriate person.
LUXR.CO AUGUST 2013
UX&Design
Dev & EngBiz/PM
executing
& evaluating
70%
understanding
& envisioning20%
deciding
10%
SHARED RESPONSIBILITY
LUXR.CO AUGUST 2013
Story
Lumatic
See the whole story as told at FailChat:
http://www.slideshare.net/ellendunne/failchat-ux-
comes-first-because-ux-is-everything-12883354
{ }
LUXR.CO AUGUST 2013
Dedicate 20% to
understanding needs &
exploring new &
emerging solutions.
#2
make the shift...
by doing this.... Connect tech to specific
user needs; measure
outcomes with data.
LUXR.CO AUGUST 2013
This way of
working is hard.
LUXR.CO AUGUST 2013
1 true design process
1. Define the problem you need to solve.
2. Define the as evidence of success.
3. Sketch many ideas.
4. Collaboratively pick the best bet.
5. Prototype it in the simplest, fastest,
cheapest way you can.
6. Test it with real people.
7. Iterate it and test it again.
8. Release as often as possible.
repeat
LUXR.CO AUGUST 2013
“The (validated) code validated!”
“The design is getting brilliant.
We know because people use it
more with each iteration.”
“We made an amazing thing.
Because our customers canʼt
live without it.”
Evidence you’ve made a shift
LUXR.CO AUGUST 2013
Geek out & learn more }
LUXR.CO AUGUST 2013
go be awesome.
LUXR.CO AUGUST 2013
Luxr makes tools to help startups deliver products that people want, need & love to buy.
Luxr.co • 3435 Cesar Chavez, San Francisco, CA • 94110
The Juhl, 353 E. Bonneville Ave., Las Vegas, NV • 89101
info@luxr.co • http://luxr.co • twitter: @luxrco • www.facebook.com/LUXrInc
Images + credits
• Ed Lea: http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal
• Balanced Team model via Janice Fraser & Tim McCoy: http://www.slideshare.net/luxrco/a-new-model-of-product-
ownership-12867461
• Photos used: http://2.bp.blogspot.com/-OBby1esVyyI/UWORa6t0M-I/AAAAAAAATDA/fELr7Je801I/s640/enjoying+a+big+bowl+of
+Honey+Bunches+of+Oats.jpg
http://blogs.messiah.edu/expressed/files/2009/12/Adele_cereal.jpg
http://clearliferesults.com/wp-content/uploads/2011/09/man-eating-bowl-of-cereal.jpg
http://blog.bobsredmill.com//wp-content/uploads/2013/04/black-border1.jpg
http://cdn.madamenoire.com/wp-content/uploads/2012/01/Romaneio.png
http://i.stpost.com/asolo-fsn-95-gore-tex-hiking-boots-waterproof-for-men-in-cendre-dark-brown~p~72552_72~1500.3.jpg
http://www.ipanemaflipflops.co.uk/media/catalog/product/cache/1/image/2000x1200/9df78eab33525d08d6e5fb8d27136e95/s/u/
surf_temas_navy_mens_ipanema_flipflop_1.jpg
http://thefashionabledentist.com/wp-content/uploads/2012/03/Men%E2%80%99s-shoes-for-work-and-play.jpg
http://boxofficebuz.com/content/movies/249/stills/2010_our_family_wedding_002.jpg
http://us.123rf.com/400wm/400/400/paulschlemmer/paulschlemmer1205/paulschlemmer120500042/13845542-young-man-in-
orange-jacket-walking-hiking-outdoors-with-backpack-in-green-european-forest.jpg
http://www.freakingnews.com/pictures/62500/Tsunami-Coming-Towards-People-on-Beach--62678.jpg
• Lean book series via OʼReilly: http://oreilly.com/
* Slides available on slideshare: slideshare.net/intelleto

More Related Content

Similar to Top 6 ways developers mess up on User Experience (and how to avoid them) [SF Rails Meetup, Aug 01 2013, San Francisco]

LUXr (Lean + UX)*Agile=awesome
LUXr (Lean + UX)*Agile=awesomeLUXr (Lean + UX)*Agile=awesome
LUXr (Lean + UX)*Agile=awesomeLUXr
 
Building a better world through lean + design
Building a better world through lean + designBuilding a better world through lean + design
Building a better world through lean + designKate Rutter
 
LUXr Downtown Las Vegas Small Business 1-day workshop, July 11, 2013 [Las Vegas]
LUXr Downtown Las Vegas Small Business 1-day workshop, July 11, 2013 [Las Vegas]LUXr Downtown Las Vegas Small Business 1-day workshop, July 11, 2013 [Las Vegas]
LUXr Downtown Las Vegas Small Business 1-day workshop, July 11, 2013 [Las Vegas]LUXr
 
Design a passion project in three hours using Lean Start-up methods
Design a passion project in three hours using Lean Start-up methodsDesign a passion project in three hours using Lean Start-up methods
Design a passion project in three hours using Lean Start-up methodsKate Rutter
 
Taking your Dev Team on the UX Journey
Taking your Dev Team on the UX JourneyTaking your Dev Team on the UX Journey
Taking your Dev Team on the UX JourneyBSGAfrica
 
Want to Sell UX? Stop Talking UX!
Want to Sell UX? Stop Talking UX!Want to Sell UX? Stop Talking UX!
Want to Sell UX? Stop Talking UX!Lis Hubert
 
Realify your Secret Idea with Lean Startup Methods
Realify your Secret Idea with Lean Startup MethodsRealify your Secret Idea with Lean Startup Methods
Realify your Secret Idea with Lean Startup MethodsKate Rutter
 
design_process
design_processdesign_process
design_processOlinvul
 
Managing Responsive Design Projects
Managing Responsive Design ProjectsManaging Responsive Design Projects
Managing Responsive Design ProjectsAndrew Smyk
 
Managing Responsive Design Projects
Managing Responsive Design ProjectsManaging Responsive Design Projects
Managing Responsive Design ProjectsFITC
 
Avoiding UI Mistakes - D2WC
Avoiding UI Mistakes - D2WCAvoiding UI Mistakes - D2WC
Avoiding UI Mistakes - D2WCDanielle Cooley
 
User Experience Design: It's about people
User Experience Design: It's about peopleUser Experience Design: It's about people
User Experience Design: It's about peopleEduardo Wydler
 
UXD / DNA - DesignMap, Inc.
UXD / DNA - DesignMap, Inc.UXD / DNA - DesignMap, Inc.
UXD / DNA - DesignMap, Inc.DesignMap
 
How to live up to what your products claim to deliver.

How to live up to what your products claim to deliver.
 How to live up to what your products claim to deliver.

How to live up to what your products claim to deliver.
 FrancescaTerzi
 
World Usability Day 2014: Engagement (Master Deck)
World Usability Day 2014: Engagement (Master Deck)World Usability Day 2014: Engagement (Master Deck)
World Usability Day 2014: Engagement (Master Deck)NYCUXPA
 
Startup Weekend Las Vegas : How to have a kick-ass experience! [August 9-11, ...
Startup Weekend Las Vegas : How to have a kick-ass experience! [August 9-11, ...Startup Weekend Las Vegas : How to have a kick-ass experience! [August 9-11, ...
Startup Weekend Las Vegas : How to have a kick-ass experience! [August 9-11, ...Kate Rutter
 

Similar to Top 6 ways developers mess up on User Experience (and how to avoid them) [SF Rails Meetup, Aug 01 2013, San Francisco] (20)

LUXr (Lean + UX)*Agile=awesome
LUXr (Lean + UX)*Agile=awesomeLUXr (Lean + UX)*Agile=awesome
LUXr (Lean + UX)*Agile=awesome
 
Building a better world through lean + design
Building a better world through lean + designBuilding a better world through lean + design
Building a better world through lean + design
 
LUXr Downtown Las Vegas Small Business 1-day workshop, July 11, 2013 [Las Vegas]
LUXr Downtown Las Vegas Small Business 1-day workshop, July 11, 2013 [Las Vegas]LUXr Downtown Las Vegas Small Business 1-day workshop, July 11, 2013 [Las Vegas]
LUXr Downtown Las Vegas Small Business 1-day workshop, July 11, 2013 [Las Vegas]
 
Design a passion project in three hours using Lean Start-up methods
Design a passion project in three hours using Lean Start-up methodsDesign a passion project in three hours using Lean Start-up methods
Design a passion project in three hours using Lean Start-up methods
 
Taking your Dev Team on the UX Journey
Taking your Dev Team on the UX JourneyTaking your Dev Team on the UX Journey
Taking your Dev Team on the UX Journey
 
process
processprocess
process
 
Want to Sell UX? Stop Talking UX!
Want to Sell UX? Stop Talking UX!Want to Sell UX? Stop Talking UX!
Want to Sell UX? Stop Talking UX!
 
Realify your Secret Idea with Lean Startup Methods
Realify your Secret Idea with Lean Startup MethodsRealify your Secret Idea with Lean Startup Methods
Realify your Secret Idea with Lean Startup Methods
 
design_process
design_processdesign_process
design_process
 
design_process
design_processdesign_process
design_process
 
Managing Responsive Design Projects
Managing Responsive Design ProjectsManaging Responsive Design Projects
Managing Responsive Design Projects
 
Managing Responsive Design Projects
Managing Responsive Design ProjectsManaging Responsive Design Projects
Managing Responsive Design Projects
 
Ux1
Ux1Ux1
Ux1
 
Avoiding UI Mistakes - D2WC
Avoiding UI Mistakes - D2WCAvoiding UI Mistakes - D2WC
Avoiding UI Mistakes - D2WC
 
User Experience Design: It's about people
User Experience Design: It's about peopleUser Experience Design: It's about people
User Experience Design: It's about people
 
UXD / DNA - DesignMap, Inc.
UXD / DNA - DesignMap, Inc.UXD / DNA - DesignMap, Inc.
UXD / DNA - DesignMap, Inc.
 
How to live up to what your products claim to deliver.

How to live up to what your products claim to deliver.
 How to live up to what your products claim to deliver.

How to live up to what your products claim to deliver.

 
World Usability Day 2014: Engagement (Master Deck)
World Usability Day 2014: Engagement (Master Deck)World Usability Day 2014: Engagement (Master Deck)
World Usability Day 2014: Engagement (Master Deck)
 
What is UX v1
What is UX v1What is UX v1
What is UX v1
 
Startup Weekend Las Vegas : How to have a kick-ass experience! [August 9-11, ...
Startup Weekend Las Vegas : How to have a kick-ass experience! [August 9-11, ...Startup Weekend Las Vegas : How to have a kick-ass experience! [August 9-11, ...
Startup Weekend Las Vegas : How to have a kick-ass experience! [August 9-11, ...
 

More from Kate Rutter

[Nature Journal] PageBREAKERS - 4 Quick Ways to 
Break the Ice 
on a 
blank j...
[Nature Journal] PageBREAKERS - 4 Quick Ways to 
Break the Ice 
on a 
blank j...[Nature Journal] PageBREAKERS - 4 Quick Ways to 
Break the Ice 
on a 
blank j...
[Nature Journal] PageBREAKERS - 4 Quick Ways to 
Break the Ice 
on a 
blank j...Kate Rutter
 
What's in my Nature Journaling Kit ~ Kate Rutter, 2020
What's in my Nature Journaling Kit ~ Kate Rutter, 2020What's in my Nature Journaling Kit ~ Kate Rutter, 2020
What's in my Nature Journaling Kit ~ Kate Rutter, 2020Kate Rutter
 
UX Foundations : Sketching UI
UX Foundations : Sketching UIUX Foundations : Sketching UI
UX Foundations : Sketching UIKate Rutter
 
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]Kate Rutter
 
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]Kate Rutter
 
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]Kate Rutter
 
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...Kate Rutter
 
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop] Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop] Kate Rutter
 
Let's Sketch Tech [Feb 2019]
Let's Sketch Tech [Feb 2019] Let's Sketch Tech [Feb 2019]
Let's Sketch Tech [Feb 2019] Kate Rutter
 
Sketchapalooza [UX Week 2018, August 2018]
Sketchapalooza [UX Week 2018, August 2018]Sketchapalooza [UX Week 2018, August 2018]
Sketchapalooza [UX Week 2018, August 2018]Kate Rutter
 
Informative Architecture [World IA Day 2017, San Francisco]
Informative Architecture [World IA Day 2017, San Francisco]Informative Architecture [World IA Day 2017, San Francisco]
Informative Architecture [World IA Day 2017, San Francisco]Kate Rutter
 
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...Kate Rutter
 
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...Measure What Matters: Making the Most of Metrics [True University 2017, mini-...
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...Kate Rutter
 
Finding the Narrative in Numbers: Making the Most of Metrics [UX Immersion 2...
Finding the Narrative in Numbers: Making the Most of Metrics  [UX Immersion 2...Finding the Narrative in Numbers: Making the Most of Metrics  [UX Immersion 2...
Finding the Narrative in Numbers: Making the Most of Metrics [UX Immersion 2...Kate Rutter
 
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016]
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016] Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016]
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016] Kate Rutter
 
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...Kate Rutter
 
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]Kate Rutter
 
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]Kate Rutter
 
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...Kate Rutter
 
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]Kate Rutter
 

More from Kate Rutter (20)

[Nature Journal] PageBREAKERS - 4 Quick Ways to 
Break the Ice 
on a 
blank j...
[Nature Journal] PageBREAKERS - 4 Quick Ways to 
Break the Ice 
on a 
blank j...[Nature Journal] PageBREAKERS - 4 Quick Ways to 
Break the Ice 
on a 
blank j...
[Nature Journal] PageBREAKERS - 4 Quick Ways to 
Break the Ice 
on a 
blank j...
 
What's in my Nature Journaling Kit ~ Kate Rutter, 2020
What's in my Nature Journaling Kit ~ Kate Rutter, 2020What's in my Nature Journaling Kit ~ Kate Rutter, 2020
What's in my Nature Journaling Kit ~ Kate Rutter, 2020
 
UX Foundations : Sketching UI
UX Foundations : Sketching UIUX Foundations : Sketching UI
UX Foundations : Sketching UI
 
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]
Mapping FTW! [Nature Journal Club Online Sketch Party April 11, 2020]
 
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
 
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]
Chunky Learning on Slender Timelines [ITX Beyond the Pixels, Portland OR 2019]
 
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...
Escaping the Stagnation Sandpit: Building a Continuous Learning Team [UX Lisb...
 
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop] Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]
Measure What Matters: Crafting UX Success Metrics [UX Lisbon 2019, workshop]
 
Let's Sketch Tech [Feb 2019]
Let's Sketch Tech [Feb 2019] Let's Sketch Tech [Feb 2019]
Let's Sketch Tech [Feb 2019]
 
Sketchapalooza [UX Week 2018, August 2018]
Sketchapalooza [UX Week 2018, August 2018]Sketchapalooza [UX Week 2018, August 2018]
Sketchapalooza [UX Week 2018, August 2018]
 
Informative Architecture [World IA Day 2017, San Francisco]
Informative Architecture [World IA Day 2017, San Francisco]Informative Architecture [World IA Day 2017, San Francisco]
Informative Architecture [World IA Day 2017, San Francisco]
 
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...
Escaping the Stagnation Sandpit - A culture of Continuous Learning [UX Immers...
 
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...Measure What Matters: Making the Most of Metrics [True University 2017, mini-...
Measure What Matters: Making the Most of Metrics [True University 2017, mini-...
 
Finding the Narrative in Numbers: Making the Most of Metrics [UX Immersion 2...
Finding the Narrative in Numbers: Making the Most of Metrics  [UX Immersion 2...Finding the Narrative in Numbers: Making the Most of Metrics  [UX Immersion 2...
Finding the Narrative in Numbers: Making the Most of Metrics [UX Immersion 2...
 
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016]
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016] Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016]
Sketchnotes-SF Meetup :: Round 24 :: People & Faces [Tue May 17, 2016]
 
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...
Sketchnotes-SF Meetup :: Round 21 :: Capture, Iterate, Refine [Wed Aug 19, 20...
 
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]
Sketchnotes-SF Meetup :: Round 20 :: Basic Practice [Wed Jul 16, 2015]
 
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]
Sketchnotes-SF Meetup :: Round 19 :: Down & Dirty Lettering [Tue Jun 16, 2015]
 
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...
Sketchnotes-SF Meetup :: Round 18 :: Talk w/a pen & Listen w/a pen [Wed May 2...
 
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]
Sketchnotes-SF Meetup :: Round 17 :: People & Faces [Wed Apr 29, 2015]
 

Recently uploaded

UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 

Recently uploaded (19)

UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 

Top 6 ways developers mess up on User Experience (and how to avoid them) [SF Rails Meetup, Aug 01 2013, San Francisco]

  • 1. Top ways developers mess up on User Experience (and how to avoid them) @ HEAVYBIT • AUGUST 1, 2013 SF Rails + 6
  • 2. LUXR.CO AUGUST 2013 @katerutter @luxrco Kate Rutter Co-Founder www.luxr.co TWEET!
  • 3. LUXR.CO AUGUST 2013 Luxr makes tools to help startups deliver products that people want, need & love to buy.
  • 5. LUXR.CO AUGUST 2013 “But the code validated!” “The design was brilliant. It just never launched.” “We made an amazing thing. But nobody wanted it.” Recognizing UX Failure
  • 6. LUXR.CO AUGUST 2013 “But the code validated!” “The design was brilliant. It just never launched.” “We made an amazing thing. But nobody wanted it.” Recognizing UX Failure FAIL
  • 7. LUXR.CO AUGUST 2013 “But the code validated!” “The design was brilliant. It just never launched.” “We made an amazing thing. But nobody wanted it.” Recognizing UX Failure waste
  • 8. LUXR.CO AUGUST 2013 what goes on the sub nav? those pesky questions single long page or many short pages? (scroll vs. click) how do we use data to make decisions? what button color is best? how many calls to action? what’s the best color palette? how do we keep users engaged? how do we maintain consistent design? what’s the best navigation flow? how do we get people to sign up quickly?
  • 9. LUXR.CO AUGUST 2013 what goes on the sub nav? those pesky questions single long page or many short pages? (scroll vs. click) how do we use data to make decisions? what button color is best? how many calls to action? what’s the best color palette? how do we keep users engaged? how do we maintain consistent design? what’s the best navigation flow? how do we get people to sign up quickly? how many calls to action? Answer: 1 primary per view
  • 10. LUXR.CO AUGUST 2013 what goes on the sub nav? those pesky questions single long page or many short pages? (scroll vs. click) how do we use data to make decisions? what button color is best? how many calls to action? what’s the best color palette? how do we keep users engaged? how do we maintain consistent design? what’s the best navigation flow? how do we get people to sign up quickly? Answer: Define & commit to design patterns http://ui-patterns.com/ http://developer.yahoo.com/ypatterns/ how do we maintain consistent design?
  • 11. LUXR.CO AUGUST 2013 what goes on the sub nav? those pesky questions single long page or many short pages? (scroll vs. click) how do we use data to make decisions? what button color is best? how many calls to action? what’s the best color palette? how do we keep users engaged? what’s the best navigation flow? how do we get people to sign up quickly? how do we maintain consistent design?
  • 14. LUXR.CO AUGUST 2013 6 things 3 things
  • 15. LUXR.CO AUGUST 2013 2 things UX > UI #1 Envision + Execute #2
  • 21. LUXR.CO AUGUST 2013 UX =a mindset focused on delivering value to people inspires the right kinds of ideas defines “good” guides decisions
  • 22. LUXR.CO AUGUST 2013 UX Stack Uses Mary can... Features Users Sketches, prototypes, wireframes, pixels Biz vision & purpose go here why what how Interactions Brand Voice User stories This Week Needs I need... I want... My goal is... UI goes here BUILD MEASURE LEARN
  • 23. LUXR.CO AUGUST 2013 UX = a clear story With _________, _______ can _________ and ___________, product name use #1 use #2{ using these features: ________ and __________feature #2 feature #1 { in a way thatʼs __________, __________, and __________. attribute #1 attribute #2 attribute #3{ Meet ________, a ___________.name user type { uses features product, brand & voice users needs & goals { ______ needs to ________ _______________. Name need (or goal)
  • 24. LUXR.CO AUGUST 2013 UX = a clear story Meet Erika, a socially engaged college student. Erika needs to feel closely connected with friends near and far, every day. using status updates on her “wall”, messages, comments and “likes” in a way thatʼs universal, clean, consistent, and fast. With Facebook, Erika can share her latest thoughts and see what her many friends are up to,
  • 25. LUXR.CO AUGUST 2013 UX = a clear story Meet Joe, a new startup entrepreneur. Joe needs to feel confident that his product design decisions really serve his customers. using hands-on materials and online video coaching in a way thatʼs simple to complete, warm & engaging, and fun. With Luxr Learning, Joe can practice interviewing customers and validate his assumptions,
  • 34. LUXR.CO AUGUST 2013 what went wrong? no clear cue to get online too much text nobody read hard to open the box, grrrr couldn’t see the drawing in the video video set looked boring too many pieces in the box couldn’t keep track of different guides no blank paper in box folded blank paper looked weird hard to set up video account tape kept falling out fixed band on journal was annoying belly band fell off impossible to open Yay box without a knife didn’t know how much time it would take to do stickynotes shouldn’t be wrapped supplies box not interesting quote was off-target casual design didn’t feel “real” velcro closure on band kept ripping off sticker on poster ripped paper where’s the candy? no easy way to post a photo to site too much text on login page confused by different brand on video site mobile app complete fail video instructions didn’t exactly match outcome mono audio on video was distracting wanted more related boxes clearer instructions on video step 5
  • 35. LUXR.CO AUGUST 2013 the Luxr story + 3 people x 20 days = PRODUCT
  • 36. LUXR.CO AUGUST 2013 no clear cue to get online too much text nobody read hard to open the box, grrrr couldn’t see the drawing in the video video set looked boring too many pieces in the box couldn’t keep track of different guides no blank paper in box folded blank paper looked weird hard to set up video account tape kept falling out fixed band on journal was annoying belly band fell off impossible to open Yay box without a knife didn’t know how much time it would take to do stickynotes shouldn’t be wrapped supplies box not interesting quote was off-target casual design didn’t feel “real” velcro closure on band kept ripping off sticker on poster ripped paper where’s the candy? no easy way to post a photo to site too much text on login page confused by different brand on video site mobile app complete fail video instructions didn’t exactly match oucome mono audio on video was distracting wanted more related boxes clearer instructions on video step 5 risk time MAKE release MEASURE BUILD LEARN MEASURE BUILD
  • 41. LUXR.CO AUGUST 2013 Create the full story, and use the entire stack as reference. #1 make the shift... by doing this.... Validate the story with 2 interviews with real people, each month.
  • 43. LUXR.CO AUGUST 2013 Development is an execution function #2 we think this... so we do this... Delegate the learning
  • 45. LUXR.CO AUGUST 2013 UX&Design Dev & Eng • blah blah blah blah blah blah blah blah PRODUCT IDEAS BALANCED TEAM Biz/PM
  • 46. LUXR.CO AUGUST 2013 Design + Development + Product Management = 1 product team
  • 47. LUXR.CO AUGUST 2013 Design + Development + Product Management = 1 product team mind
  • 48. LUXR.CO AUGUST 2013 DESIGN Empathizer-in-Chief Design Mind Understand the customer at an expert level. Translate high-value needs into product. Hone the craft. Key Responsibility Prioritize customer problems.
  • 49. LUXR.CO AUGUST 2013 DEVELOPMENT “Raise high the roof” Development Mind Envision the best possible solutions based on available technology. Commit to the outcome. Key Responsibility Recommend technologies Measure outcomes over time. •
  • 50. LUXR.CO AUGUST 2013 PM & BUSINESS Scales of Justice Business Mind Make fast, concrete decisions despite inadequate evidence and conflicting priorities. Identify the business value in customer needs. Key Responsibility Make the tough calls. Delegate decisions to the appropriate person.
  • 51. LUXR.CO AUGUST 2013 UX&Design Dev & EngBiz/PM executing & evaluating 70% understanding & envisioning20% deciding 10% SHARED RESPONSIBILITY
  • 52. LUXR.CO AUGUST 2013 Story Lumatic See the whole story as told at FailChat: http://www.slideshare.net/ellendunne/failchat-ux- comes-first-because-ux-is-everything-12883354 { }
  • 53. LUXR.CO AUGUST 2013 Dedicate 20% to understanding needs & exploring new & emerging solutions. #2 make the shift... by doing this.... Connect tech to specific user needs; measure outcomes with data.
  • 54. LUXR.CO AUGUST 2013 This way of working is hard.
  • 55. LUXR.CO AUGUST 2013 1 true design process 1. Define the problem you need to solve. 2. Define the as evidence of success. 3. Sketch many ideas. 4. Collaboratively pick the best bet. 5. Prototype it in the simplest, fastest, cheapest way you can. 6. Test it with real people. 7. Iterate it and test it again. 8. Release as often as possible. repeat
  • 56. LUXR.CO AUGUST 2013 “The (validated) code validated!” “The design is getting brilliant. We know because people use it more with each iteration.” “We made an amazing thing. Because our customers canʼt live without it.” Evidence you’ve made a shift
  • 57. LUXR.CO AUGUST 2013 Geek out & learn more }
  • 58. LUXR.CO AUGUST 2013 go be awesome.
  • 59. LUXR.CO AUGUST 2013 Luxr makes tools to help startups deliver products that people want, need & love to buy. Luxr.co • 3435 Cesar Chavez, San Francisco, CA • 94110 The Juhl, 353 E. Bonneville Ave., Las Vegas, NV • 89101 info@luxr.co • http://luxr.co • twitter: @luxrco • www.facebook.com/LUXrInc Images + credits • Ed Lea: http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal • Balanced Team model via Janice Fraser & Tim McCoy: http://www.slideshare.net/luxrco/a-new-model-of-product- ownership-12867461 • Photos used: http://2.bp.blogspot.com/-OBby1esVyyI/UWORa6t0M-I/AAAAAAAATDA/fELr7Je801I/s640/enjoying+a+big+bowl+of +Honey+Bunches+of+Oats.jpg http://blogs.messiah.edu/expressed/files/2009/12/Adele_cereal.jpg http://clearliferesults.com/wp-content/uploads/2011/09/man-eating-bowl-of-cereal.jpg http://blog.bobsredmill.com//wp-content/uploads/2013/04/black-border1.jpg http://cdn.madamenoire.com/wp-content/uploads/2012/01/Romaneio.png http://i.stpost.com/asolo-fsn-95-gore-tex-hiking-boots-waterproof-for-men-in-cendre-dark-brown~p~72552_72~1500.3.jpg http://www.ipanemaflipflops.co.uk/media/catalog/product/cache/1/image/2000x1200/9df78eab33525d08d6e5fb8d27136e95/s/u/ surf_temas_navy_mens_ipanema_flipflop_1.jpg http://thefashionabledentist.com/wp-content/uploads/2012/03/Men%E2%80%99s-shoes-for-work-and-play.jpg http://boxofficebuz.com/content/movies/249/stills/2010_our_family_wedding_002.jpg http://us.123rf.com/400wm/400/400/paulschlemmer/paulschlemmer1205/paulschlemmer120500042/13845542-young-man-in- orange-jacket-walking-hiking-outdoors-with-backpack-in-green-european-forest.jpg http://www.freakingnews.com/pictures/62500/Tsunami-Coming-Towards-People-on-Beach--62678.jpg • Lean book series via OʼReilly: http://oreilly.com/ * Slides available on slideshare: slideshare.net/intelleto