PRESTON SMALLEY WHY DESIGN MATTERS P&G EXECUTIVE SUMMIT 29 APRIL 2010 1
Jan 28, 2015
PRESTON SMALLEY
WHY DESIGN
MATTERSP&G EXECUTIVE SUMMIT
29 APRIL 2010
1
PRESTON SMALLEY
What we’re going to discuss…
• Why does design matter?
• What’s “User Centered Design”?How can companies embrace design?
• How can top management remove barriers?What role can IT professionals play?
2
PRESTON SMALLEY
Profitability from creating new mkts
Business Launch
Revenue Impact
Profit Impact
86% 14%
62% 38%
39% 61%
Red ocean launches Blue ocean launches
BOOKBlue Ocean Strategy (Kim & Mauborgne)
PRESTON SMALLEY 4
Swiffer (P&G)Customer Insight:
To clean up spilled coffee grounds the customer didn’t use the broom or vacuum.
Instead she used a paper towel.
Swiffer launched in 1999 and created the “quick-clean” market.
As of 2005—had a market share of 75% representing $750M.
PRESTON SMALLEY 5
Personal JukeBox (PJB100)by Compaq Research / HanGo
Release: - Oct 1999Features: - 5GB storage (100 CDs)
- 10 hours battery life- Playlists, Tracks, etc
Advantages: - 2 year head start on Apple- Lots of advanced features
iPod (1st Generation)by AppleVS.
Release: - Oct 2001Features: - 5GB storage (100 CDs)
- 10 hours battery life- Playlists, Tracks, etc
Advantages: - Fast & Easy CD Import SW- UI Design (Click wheel)- Branding and Marketing
PRESTON SMALLEY
DESIGNING THE EBAY IPHONE APP
6
PRESTON SMALLEY
Results for the eBay iPhone App
• $27M in sales per week* and accelerating to triple sales in 2010 (over previous year)
• 8M total downloads* and is consistently in Top 100 most downloaded list
• Top rated by our customers:
• 1 item purchased every 2 seconds
7
* Results as of March 2010
PRESTON SMALLEY
So what isuser centered design?
How can I embrace it?
8
PRESTON SMALLEY
1. CUSTOMER INSIGHTS
9
PRESTON SMALLEY
How we gather customer insights
10
Usability Studies(Lab Based)
Survey-basedResearch
“Follow-me-home”(Ethnographic)
Net Promoter Scoreand “verbatims”
QuantitativeQualitative
Focu
sed
Op
en E
nd
ed
+ Customer Support is often a great source of top customer pain points
PRESTON SMALLEY
2. DISCOVERY MIND
11
PRESTON SMALLEY
EX: Product Discovery
• Product Discovery is a way to insert the “thinking” part into our process that enables us to come up with big ideas and right solutions to the right problems, before we rush into implementation.
• How we made this happen…– Introduced formal Discovery phase within timeline
– Cross functional ownership (Customer, BU, Technology)
– Drove cultural changes - Delaying judgments, Saying NO
PRESTON SMALLEY
But first, you have to ask the right questions
Execution delivers the right answers…
Execution
Discovery
PRESTON SMALLEY
?
right
wrong
rightwrong
Example provided by
Chris Conley (IIT Professor)
Discovery
Execution
PRESTON SMALLEY
?
right
wrong
rightwrong
Discovery
Execution
Example provided by
Chris Conley (IIT Professor)
PRESTON SMALLEY
Key Discovery Questions
• What are the unmet needs of our customers?
• What’s the problem that we are trying to solve?
• Who are we solving it for?
• Do you and the stakeholders have a common understanding of the problem?
16
BOOKSubject to ChangeMerholz and Schauer
PRESTON SMALLEY
3. SKETCHING
17
PRESTON SMALLEY
Building Sketching as a Core Competency
18
INFORMAL FORMAL
Lots of Pens& Paper
Part of JobProfessional tools
Sketch as Deliverable(scanned / wireframes)
Software: Comic Life
PRESTON SMALLEY
EX: Visualizing User Experiences
19
• Integrated dozens of plans across org to create one vision
• Leverage comic sketching to communicate actual fidelity
• Shared with VPs across corp.and 600 employee all hands
PRESTON SMALLEY
How to get started with sketching
Bill Buxtonbillbuxton.com
Sketching User Experiences (Book)How sketching and prototyping can save a company time and money
Dan Roamdigitalroam.com
The Back of the Napkin (Book, Workshop)How to visualize problems and info to be easily understood
Kevin Chengkevnull.com
See What I Mean (Book due in 2010)How comics can bring user experiences to life and place us in the customers shoes
Balsamiqbalsamiq.com
Balsamiq Mockups (Software)Enables anyone to create simple wireframe sketches and light weight prototypes
Comic Lifeplasq.com/comiclife
Comic Life (Software)Enables anyone to create comic storyboards to illustrate how customers use the product.
20
PRESTON SMALLEY
4. PROTOTYPING
21
PRESTON SMALLEY
Prototyping
22
LOW FIDELITY HIGH FIDELITY
StoryboardsMockups
Linked TogetherInteractivePrototype
LimitedRelease
CO
ST
PRESTON SMALLEY
5. CRITIQUE
23
PRESTON SMALLEY
Why candid feedback is important
On design critiques:
1. Leader must want the input
2. No one has the authority to tell the leader what to do
“ It’s better to fix problems later than to try and prevent them ”
24
Source: Economist April 2010 interview with Ed Catmull (President of Pixar Studio)
Ed Catmull
PRESTON SMALLEY
So what are thebarriers to design?
25
PRESTON SMALLEY
What are the common barriers?
• Complexity
• Process
• Technology Platforms
• Culture of “Blessing”
26
PRESTON SMALLEY
How we avoid complexity
PRESTON SMALLEY
How we made process work for usFormer – Discovery is fragmented and spread out
Concept Requirements (PRD) Dev/QA LaunchLess than OptimalProduct
Scope, PRD date, Launch Date, Booking
CRs
Now - Discovery phase (Mitigate risk, maximize rewards by delaying judgments)
Biz Opp PRD Dev/QADiscoveryProduct that
makes an impact
Scope validation, Launch Date, Booking
Launch
GO, Scope, PRD date
Discovery
PRESTON SMALLEY
Conventional Development Approach
Source: Process Diagram by Marty Cagan, SVPG
29
PRESTON SMALLEY
Agile Development Approach
Source: Process Diagram by Marty Cagan, SVPG
30
PRESTON SMALLEY 32
EX: LEVERAGING A DESIGN SYSTEM
PRESTON SMALLEY
Required cultural changeTeams:
Receive opportunity, problem statement.
Get time to think, explore
Leverage cross-functional team power
Regular guidance from the leaders
Push back with strong recommendations
What they do: Ownership
Accountability Productivity
Happiness
Execs/Leaders:
Provide opportunity.
Ask open ended questions
Delay judgments on scope and launch date
Guide the teams on regular intervals
Trust the teams and take push back
What they do: Unleash the talent
Get big ideas
Customer focus
Business results
PRESTON SMALLEY
How IT & Engineers can embrace design
34
• Understand your customer’s pain points and agree on the opportunity as a team before starting
• Build solutions for the core problem in first version and prototype early and often
• Openly critique solutions to seek improvements
• Seek out input from your customers not just at the end or the beginning but throughout
• Pull in professional designers into the process and consider establishing it as a function if it isn’t
PRESTON SMALLEY
Summary
Core to Design:
1. Customer Insights
2. Discovery Mind
3. Sketching
4. Prototyping
5. Design Critiques
35
Watch outs:• Complexity• Process• Tech Platforms• Culture of “Blessing”
PRESTON SMALLEY
APPENDIX
37
PRESTON SMALLEY 38
bizstonehttp://www.flickr.com/photos/biz/3832028740/
wha’ppenhttp://www.flickr.com/photos/whappen/1366664930/
desireedelgadohttp://www.flickr.com/photos/desireedelgado/3199587450/
PHOTO REFERENCES
BOOK REFERENCES
Subject to ChangeMerholz and Schauer
Sketching User ExperiencesBuxton
The Art of InnovationKelly
The Back of the NapkinRoam
Thoughts on Interaction DesignKolko
Blue Ocean StrategyKim and Mauborgne
maunzyhttp://www.flickr.com/photos/maunzy/383963004/
canvyhttp://www.flickr.com/photos/canvy/97739827/
PRESTON SMALLEY
Where to go for great designers
• Carnegie MellonHuman Computer Interaction InstitutePittsburgh, PA
• UC BerkeleySchool of InformationBerkeley, CA
• StanfordD SchoolPalo Alto, CA
• Savannah College of Art and DesignInteraction DesignSavannah, GA
39
PRESTON SMALLEY
Technology Design
My Background
40
Business
PM – Mac ProductsInternet Explorer & Instant Messenger
MBAProduct Management
DesignerSearch & Buyer Experience
Interaction Design
Design DirectorInteraction / Visual Design
Content, UI Engineering& Research
Software Eng.Human Computer Interaction