Weitere ähnliche Inhalte Kürzlich hochgeladen (20) Early Stage Web Product Management by Dan Olsen2. What You Wanted to Hear About
1 2 3 4 5 6 7 8 9 10
Usability
Understanding user
needs
Prioritizing features
Translating learnings
from metrics into
action
Maximizing ROI on
development
resources
Setting up and
tracking the right
metrics
UI design
Copyright © 2009 YourVersion
4. My Background
Education
BS, Electrical Engineering, Northwestern
MS, Industrial Engineering, Virginia Tech
MBA, Stanford
PHP, MySQL, JavaScript, XHTML, CSS, UI design
18 years of Product Management Experience
Managed submarine design for 5 years
5 years at Intuit, led Quicken Product Management
Led Product Management at Friendster
Olsen Solutions LLC, PM consultant for startups
CEO & Founder of YourVersion, real‐time discovery startup
Copyright © 2009 YourVersion
8. Product Management is
Critical Link in Value Creation
Market Product Development
• Current Management Team
customers
• Prospective
customers
• Competitors
Copyright © 2009 YourVersion
9. The Product Manager’s Job:
A Successful Product
Be the expert on the market and the customer
Translate business objectives and customer
needs into product requirements
Be the clearinghouse for all product ideas
Work with team to design & build great product
Define and track key metrics
Identify, plan & prioritize product ideas to
maximize ROI on engineering resources
Copyright © 2009 YourVersion
10. What’s the Formula
for a Winning Product?
A product that:
Meets customers’ needs
Is better than other alternatives
Is easy to use
Has a good value/price
Copyright © 2009 YourVersion
11. Problem Space vs. Solution Space
Problem Space Solution Space
A customer problem, A specific
need, or benefit that the implementation to
product should address address the need or
A product requirement product requirement
Example:
Ability to write in space NASA: space pen
(zero gravity) ($1 M R&D cost)
Russians: pencil
Copyright © 2009 YourVersion
12. Problem Space vs. Solution Space
Product Level
Problem Space Solution Space
(user benefit) (product)
Pen and
Prepare paper
my taxes
TurboTax
File my
taxes
TaxCut
Copyright © 2009 YourVersion
13. Problem Space vs. Solution Space
Feature Level
Problem Space Solution Space
(user benefit) (feature)
Gmail
Make it easy importer
to share a
link with my
friends
Design Design Design
#1 #2 #3
Preview with User can edit
Allow me to Design checkboxes before import
reuse my
email #1 No No
contacts #2 Yes No
#3 Yes Yes
Copyright © 2009 YourVersion
15. The Customer Benefits “Ladder”
…which means one less thing to
Higher‐level
worry about in my hectic life
benefit
(more abstract)
…which makes me feel more in
control of my finances
…which gives me a clear picture
of how much money I have
Lower‐level Quicken makes it easy for me
benefit to balance my checkbook
(more specific)
Copyright © 2009 YourVersion
16. How Do You Prioritize User Benefits
and Product Features?
Need a framework for prioritization
Which user benefits should you address?
Which product features to build (or improve)?
Importance vs. Satisfaction
Importance of user need (problem space)
Satisfaction with how well a product meets the
user’s need (solution space)
Opportunity =
High Importance need with low Satisfaction
Copyright © 2009 YourVersion
18. Importance vs. Satisfaction
Ask Users to Rate for Each Feature
100 98
Great
95
84 87
90
Bad 86
85 79 84
55 70
80
Importance
80
75 72
80
70
75
65
60
55
41
50
40 50 60 70 80 90 100
Satisfaction
Recommended reading: “What
Customers Want” by Anthony Ulwick Copyright © 2009 YourVersion
19. Kano Model: User Needs & Satisfaction
User Satisfaction
Delighter (wow)
Performance
(more is better)
Need Need
not met fully met
Must Have
Needs & features
migrate over time
User Dissatisfaction Copyright © 2009 YourVersion
20. Olsen’s Hierarchy of Web User Needs
(adapted from Maslow)
Customer’s Perspective What does it mean to us?
How easy to use is it? Usability & Design
Satisfaction
Increasing
Does the functionality
Feature Set
meet my needs?
Does the functionality work?
Absence of Bugs
Dissatisfaction
Decreasing
Is the site fast enough?
Page Load Time
Is the site up when I want to use it?
Uptime
Copyright © 2009 YourVersion
22. Have to Prioritize Across Multiple
Dimensions At The Same Time
Ease of Use
Customer Value
Quality
Functionality
Customer
Understanding
Time
Copyright © 2009 YourVersion
23. Prioritizing Product Ideas by ROI
?
Return (Value Created)
4
Idea D
3
Idea A Idea B
2
Idea C
1
Idea F
1 2 3 4
Investment (developer‐weeks)
Copyright © 2009 YourVersion
25. The Design Gap at Most Start‐ups
Level Define Design Code
1 Product Mgmt Engineering
2 Product Mgmt Engineering
Product Mgmt Engineering
3 PM Eng
UI
4 PM Eng
Copyright © 2009 YourVersion
26. The UI Design Iceberg
What most
people see
and react to Visual
Design What good
PMs and
Designers
Interaction think about
Design
Information
Architecture
Conceptual
Design
Recommended reading: Jesse James Garrett’s
“Elements of User Experience” chart, free at www.jjg.net Copyright © 2009 YourVersion
27. Elements of User Interface Design
Consists of Three Distinct Elements:
Information Architecture
Structure and layout at both site and page level
How site is structured (sitemap)
How site information is organized (site layout)
How each page is organized (page layout)
Interaction Design
How user and product interact with one another
User flows (e.g., navigation across multiple pages)
User input (e.g., controls and form design)
Visual Design
“How it looks” vs. “What it is”, often called “chrome”
Fonts, colors, graphical elements
Copyright © 2009 YourVersion
28. Information Architecture
Documents used
Sitemap
Show how sections of website are organized
Show major navigation patterns
Wireframes
Show the layout of components on a page
Does NOT focus on visual design
Black & White
No graphics
Templates for overall website and individual pages
Tools: Visio, OmniGraffle, Axure, Powerpoint, Word,
Excel, Photoshop, Balsamiq, WriteMaps, whiteboard
Copyright © 2009 YourVersion
33. Interaction Design
Documents used
Flowchart
Combination of Wireframes & Flowcharts
Tools: Visio, OmniGraffle, Powerpoint,
Photoshop, whiteboard
May build prototype using HTML, jQuery,
Ruby on Rails, Flash, or paper
Usability testing can help find problems
Copyright © 2009 YourVersion
44. Dos & Don’ts of Conducting Usability
Do
Explain to the user:
Their usability test will help improve the product
Not to worry about hurting your feelings
“Think Aloud Protocol”
Ask user to attempt the task, then be a fly on the wall
Ask non‐leading, open‐ended questions
Take notes and review them afterwards for take‐aways
Don’t
Ask leading questions
“Help” the user or explain the UI (e.g., “click over here”)
Respond to user frustration or questions (until test is over)
Get defensive
Blame the user
Copyright © 2009 YourVersion
46. Expedia:
Only One Airport Combo at a Time
• Have to
manually
check all 9
combos
•3 clicks to
change airport
•Then wait for
new results
•24 clicks +
8 page reloads
to see all 9
combos
Copyright © 2009 YourVersion
48. Travelocity:
Can only view results 1 combo at a time
• Clicking button brings up
results for this combo
•Problem: browser Back
button loses other
airports!
•Have to go through
‘Change Search’ process =
9 clicks + 4 page reloads
for each combo
•72 clicks + 32 page loads
to see other 8 combos
Copyright © 2009 YourVersion
51. Options for Sorting Flight Results
Website
Can Sort By Expedia Travelocity Orbitz
Airline Y
Departure Time Y Y Y
Arrival Time Y Y
Travel Time Y Y Y
Price Y Y Y
Copyright © 2009 YourVersion
52. Summary Comparison of Travel Sites
User Benefit Expedia Travelocity Orbitz
Ability to include other
Yes Yes Yes
nearby airports
Ability to pick specific High High
Low
nearby airports (by changing) (can pre‐select)
Ease of seeing results
Med Low High
for multiple airports
Ease of trading off
Low High Med
airport combos vs. price
Airline vs. Number of
Yes Yes Yes
Connections Price Grid
Flight Results Sorting
Med High Low
Options
Overall ability to easily
Med Low High
find best airport combo
Copyright © 2009 YourVersion
54. Approaching Business as an
Optimization Exercise
Given reality as it exists today,
optimize our business results
subject to our resource constraints.
Copyright © 2009 YourVersion
55. Define the Equation of your Business
“Peeling the Onion”
Advertising Business Model:
Profit = Revenue ‐ Cost
Unique Visitors x Ad Revenue per Visitor
Impressions/Visitor x Effective CPM / 1000
Visits/Visitor x Pageviews/Visit x Impressions/PV
New Visitors + Returning Visitors
Invited Visitors + Uninvited Visitors
# of Users Sending Invites x Invites Sent/User x Invite Conversion Rate
Copyright © 2009 YourVersion
56. Equation of your Business
Subscription Business Model
Profit = Revenue ‐ Cost
Paying Users x Revenue per Paying User
New Paying Users + Repeat Paying Users
Trial Users x Conv Rate Previous Paying Users x ( 1 – Cancellation Rate )
( SEO Visitors + SEM Visitors + Viral Visitors ) x Trial Conversion Rate
Copyright © 2009 YourVersion
57. How to Track Your Metrics
Track each metric as daily time series
Unique Page Ad New User
…
Date Visitors views Revenue Sign‐ups
4/24/08 10,100 29,600 25 490
4/25/08 10,500 27,100 24 480
…
Create ratios from primary metrics: X / Y
Example: How good is your registration page?
Okay: # of registered users per day
Better: registration conversion rate =
# registered users / # uniques to reg page
Copyright © 2009 YourVersion
58. Sample Signup Page Yield Data
Daily Signup Page Yield vs. Time
New Registered Users divided by Unique Visitors to Signup Page
100%
90%
80%
Daily Signup Page Yield
70%
60%
50%
40%
30% Started requiring
registration
20%
Changed Added questions
messaging to signup page
10%
0%
1/31 2/14 2/28 3/14 3/28 4/11 4/25 5/9 5/23 6/6 6/20 7/4 7/18 8/1 8/15 8/29 9/12 9/26 10/1
0
Copyright © 2009 YourVersion
59. Identifying the “Critical Few” Metrics
What are the metrics for your business?
Where is current value for each metric?
How many resources to “move” each metric?
Developer‐hours, time, money
Which metrics have highest ROI opportunities?
Metric A Metric B Metric C
Good ROI Bad ROI Great ROI
Return
Return
Return
Investment Investment Investment
Copyright © 2009 YourVersion
60. Using Web Analytics Tools to
Understand Your Users
Tracking visitors and traffic
Seeing where users are clicking
Measuring key conversions
Monitoring user feedback
Copyright © 2009 YourVersion
61. Basic Tracking of Traffic:
Google Analytics
•Unique
visitors
•New vs.
returning
•Pageviews
•Time on site
•Top referrers
•Top geos
Copyright © 2009 YourVersion
62. Seeing Where Users are Clicking:
CrazyEgg Heatmap
•Shows Click
Density
•Color indicates
% of clicks
•See which links
perform best
•See impact of
UI changes
Copyright © 2009 YourVersion
63. Measuring Key Conversions:
Conversion Funnel
•Tie user actions to
business goals
•Instrument key steps in
user flow
•See where users are
dropping off
•Quantify improvement
from changes
Copyright © 2009 YourVersion
64. Monitoring User Feedback
Quantitatively with Kampyle
Unobtrusive
Solicitation Average Grade over time
Simple popup
Average Grade
for each page
on your site
Copyright © 2009 YourVersion
67. Put Key Conversion Actions Above The Fold
Landing Page A Landing Page B
The Fold
Key conversion action
is above the fold
Key conversion action
is below the fold
Copyright © 2009 Olsen Solutions LLC
Copyright © 2009 YourVersion
68. The Fold Isn’t Binary Either
768 px
The chrome steals
% of Users
about 170 pixels
600 px 1024 px
Data courtesy of ClickTale
Free trial at www.clicktale.com Copyright © 2009 YourVersion
69. Analyze User Screen Height Distribution
to Select Design Height for Key Pages
100%
600, 100% 768, 92%
90%
% of Users with Given (or Higher) Screen Height
80%
70%
Going above
60%
768 px = big drop
50%
40%
772, 38%
864, 29%
30%
807, 29% 1024, 20%
866, 25%
20%
1000, 20%
10%
1030, 5%
0%
600 650 700 750 800 850 900 950 1000 1050 1100
Page Design Height (pixels)
Monitor Screen Height (pixels)
Copyright © 2009 YourVersion
73. Case Study 1: Quicken Brokerage
Optimizing Sign In/Registration Flow
100%
100%
Biggest
80%
drop
% of Users
62.3%
58.8%
60%
50.9%
40% 34.4% 32.7%
20%
0%
Sign in / Account Cash vs. 5 Partner 3 Partner
Registration Type Margin Pages Pages
Copyright © 2009 YourVersion
74. Mapping the Flow to See Where
Users Were Dropping Off
Open
Account
55%
44% Register Registration (24% of Total)
Process
45% drop off
64%
(20% of total)
of Total Account
36% overall Selection
83% 30% drop off for
56% (46% of Total) (14% of Total) this step
Sign in
Forget 70% Change 80%
Password (32% of Total) Password (26% of Total)
17% drop off 20% drop off
(10% of total) (6% of total)
Copyright © 2009 YourVersion
76. Case Study 2: Friendster
Optimizing Viral Growth
% of users
sending = 15% Invites per Invite
invites sender = 2.3 click-through rate
Active Invite Prospective Click Registration Fail
Users Users Process
% of users
who are Succeed
Don’t
active Click Conversion
rate = 85%
Users
• Multiplied together, these metrics determine your viral ratio
• Which metric has highest ROI opportunity?
Copyright © 2009 YourVersion
77. The Upside Potential of a Metric
?
100% 100%
85%
15% 2.3
0 0 0
Registration % of users sending Avg # of invites
Process Yield invitations sent per sender
Max possible
0.15 / 0.85 = 18% 0.85 / 0.15 = 570% ? / 2.3 = ?%
improvement
Copyright © 2009 YourVersion
81. Adding Metrics and Optimization to
your Product Process
Site Level
Business Product Prioritized
Plan Objectives Objectives Feature List
Scoping Feature
Level
Requirements
Design & Design
Code Test Launch
Develop
Metrics & User
Optimize Feedback
Copyright © 2009 YourVersion
82. Optimization through Iteration:
Continuous Improvement
Measure
the metric
Analyze
Learning the metric
Gaining knowledge:
• Market Identify top
• Customer opportunities
to improve
• Domain
• Usability Design & develop
the enhancement
Launch the
enhancement
Copyright © 2009 YourVersion
83. Early Stage Product Management
Cheat Sheet
Truly understand your customer needs
Ruthlessly prioritize and launch v1
Talk with users 1‐on‐1 and get feedback
Define equation of your business
Identify and track key metrics
Identify opportunities & prioritize by ROI
Launch, learn, and iterate
Copyright © 2009 YourVersion