lean + ux = awesome (and ux is not ui) [growtalks, aug 22 2012, vancouver]

Lean + UX = Awesome

WED, AUGUST 22, 2012

+Using UX & lean approaches to make epic progress

LUXR.CO GROWtalks • AUGUST 2012 • VANCOUVER, BC

Kate Rutter, Co-Founder & Principal

@katerutter@luxrco

TWEET!


How do I know it

doesn’t suck?

so...

I have a product.


UX ! UI


Product


UI


UX = mmmmmm


UX =• a mindset• focused on delivering value• inspires the right kinds of ideas• guides decisions


Who will use this?

cold-sweat questionsWhy will they care?

What can it do that people will pay for?

What features

are most

important?How does everything fit together?


Who is it for?

UX = start points

Why does it matter to them?

What can they do that they couldnʼt do before?

What features do they need to do that?

How do those features fit together?

usersneeds & goalsusesfeatures

��

��

product, brand & voice

�


damn. That’s a lot of stuff.


UX = a simple stackusersneeds & goalsusesfeaturesproduct, brand & voice

��

�� Features

Product

Users

UsesMary can...

NeedsI need...I want...My goal is...


UX = a simple stack

sketches, prototypes,

pixels

Vision & values

usersneeds & goalsusesfeaturesproduct, brand & voice

��

�� Features

Product

Users

UsesMary can...


UI goes here�


UX = a simple stack


pixels

Vision & values

Features

Product

Users

UsesMary can...



UX + Lean = <3 BUILD

MEASURELEARN


pixels

Vision & values

Features

Product

Users

UsesMary can...


Customer developmentor...user research

Sketches & prototypesbefore UI. Before code.

Experiments, MVPs, Metricsand...usability testing


UX = a clear story

{{{

{

usesfeaturesproduct, brand & voice

usersneeds & goals {


UX = a clear story

With _________, _______ can _________ and ___________,

product nameuse #1 use #2{

using these features: ________ and __________feature #2

feature #1{in a way thatʼs __________, __________, and __________.

attribute #1attribute #2 attribute #3{

Meet ________, a ___________.name user type{

usesfeaturesproduct, brand & voice

usersneeds & goals { ______ needs to ________

_______________.Name need

(or goal)


UX = a clear storyMeet 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,


UX = a clear storyMeet Bob, a new startup entrepreneur.

Bob 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-in-a-box, Bob can learn to interview customers and validate his assumptions,


UX Design Mindsetstarts!

• Ask important questions.• How confident are you in your answers?

stack! • Identifies gaps.• Use it to stay focused.

story!• Tells the story so your team can rally to it.

• Use it to decide what “good” is.


Get ready for roll-on


Go be awesome.


LUXrʼs mission is to educate early-stage entrepreneurs on effective practices to deliver products that customers want, need and love to buy.

About LUXr

Residency WorkshopsCore Curriculum Advising

10 weeks to awesome forearly-stage teams.

Learning products for accelerators & startup teams.

Core concepts and hands-on activities for everyone.

Coaching & guidance for teams going at lightspeed.

LUXr • 3435 Cesar ChavezSan Francisco, CA • [email protected] • http://luxr.co twitter: @luxrco • www.facebook.com/LUXrInc

Janice Fraser, Founder & CEO [[email protected] • @clevergirl ]Jason Fraser, Co-Founder & Operations Lead [[email protected] ]Kate Rutter, Co-Founder & Designer [[email protected] • @katerutter ]

image credits• via Ed Lea: http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal • http://blog.westendmotorsports.com/2012/04/19/50-safety-tips-and-riding-pointers/• http://www.motorcycledaily.com/2010/03/30march10lanesplitting/• http://www.flickr.com/photos/pompien/6160278603/