Product Management for Mobile Startup, Session 2
description
Transcript of Product Management for Mobile Startup, Session 2
![Page 1: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/1.jpg)
04/09/2023 Yue Zhuge 1
Product Management @ Mobile Internet Start-up
Yue ZhugeCo-Founder/CEO Ivy Gallery
March 20, 2014Session 2
![Page 2: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/2.jpg)
A Four-session Series for Students at xlab, Tsinghua University
Session 1:
• Product management basics and skills
Session 2:
• From customer needs to quality product: requirements and design
Session 3:
• Project management and execution
Session 4:
• Product management at a start-up company
04/09/2023 Yue Zhuge 2
![Page 3: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/3.jpg)
Four Major Product Functions
Product Specification
User Understanding
Market Understanding
Product Design
04/09/2023 Yue Zhuge 3
![Page 4: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/4.jpg)
Three Inter-related Areas
Functions
UXUI
04/09/2023 Yue Zhuge 4
![Page 5: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/5.jpg)
04/09/2023 Yue Zhuge 5
Do not Listen to Your Customers: User Requirements to Product
Function
![Page 6: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/6.jpg)
Product Function Must Be
Valuable Usable
Feasible04/09/2023 Yue Zhuge 6
![Page 7: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/7.jpg)
Product Function Example: Ivy Auto-Grouping
04/09/2023 Yue Zhuge 7
![Page 8: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/8.jpg)
Product Function Example
• Why valuable?– Auto-grouping from multiple sources saves time for
organizing large amount of photos– It groups images naturally according to daily events just like
user would have done it manually• Why usable?– Auto-grouping needs no user actions– User can later label auto-grouped events
• Why feasible?– Can provide seamless experience within 5 sec of start time
with ≤50k photos on the cloud
04/09/2023 Yue Zhuge 8
![Page 9: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/9.jpg)
Spell out the Function in Details
• You may use a list of sentences start with “the user should be able to …” to spell out all the user facing changes due to this function
• Be aware of the impact to existing features
04/09/2023 Yue Zhuge 9
![Page 10: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/10.jpg)
Function Detail Example: Search
• The user should be able to search photos according to its labeling information– Date, location, event name, photo meta-data
• The search results will show up as a shrinking list with thumbnails while the user type
• The user should be able to jump the photo location in the dashboard from the search result
04/09/2023 Yue Zhuge 10
![Page 11: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/11.jpg)
Develop Multiple Functions for Product Releases
Follow a theme, or
Complete a user story
04/09/2023 Yue Zhuge 11
• MVP (Minimum Viable Product) to start with• Then, each release
![Page 12: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/12.jpg)
You do not Want a Headline Like This
“Citibank Releases Major App Update v6.0, and It’s a Mixed Bag”
04/09/2023 Yue Zhuge 12
![Page 13: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/13.jpg)
What’s in a Release Note
• Fab v6.4: – Added the ability to view videos– Added ability to see product full-screen
• Tango v 3.5.7– Comment on friend’s photos– Re-share pictures from the Newsfeed
• Prismatic v2.1– Save stories to read later
04/09/2023 Yue Zhuge 13
![Page 14: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/14.jpg)
Four Major Product Functions
Product Design
User Understanding
Market Understanding
Product Specification
04/09/2023 Yue Zhuge 14
![Page 15: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/15.jpg)
Design Tools for PM
Wireframe
• Illustrate the structure and components
Mockup
• Draft visual design to illustrate the effect
Prototype
• Semi-functional product that demonstrates the major functions and flow
04/09/2023 Yue Zhuge 15
![Page 16: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/16.jpg)
Example Wireframe
04/09/2023 Yue Zhuge 16Courtesy of sixrevisions.com
![Page 17: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/17.jpg)
Example Mockup
04/09/2023 Yue Zhuge 17Courtesy of jantipuesto.com
![Page 18: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/18.jpg)
Example Prototype
04/09/2023 Yue Zhuge 18Courtesy of smashingmagazine.com
![Page 19: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/19.jpg)
UX and UI
• Follow iOS HIG (Human Interface Guidelines)– https://developer.apple.com/library/ios/
documentation/userexperience/conceptual/MobileHIG/index.html
• Follow Android Design Guidelines– https://developer.android.com/design/get-
started/principles.html
04/09/2023 Yue Zhuge 19
![Page 20: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/20.jpg)
HIG has Many Good Suggestions
04/09/2023 Yue Zhuge 20
More important
Less important
![Page 21: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/21.jpg)
UX/UI Thinking #1: Audience
• Demographic• Device• Time spent• …• What do they care
most: Speed? Fun? Rich content? Privacy?
04/09/2023 Yue Zhuge 21
![Page 22: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/22.jpg)
Example: Design for the Details: Device
04/09/2023 Yue Zhuge 22
![Page 23: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/23.jpg)
UX/UI Thinking #2: App Focus• (e.g., banking, commerce) • Simple, light-weight designFunction focused
• (e.g., game)• Visually impressiveLeisure focused
• (e.g., news, photos)• Performance and content qualityContent focused
• (e.g., SNS)• Emphasis on people
Communication focused
• (e.g., contacts, to-do list)• Ease of useTools
04/09/2023 Yue Zhuge 23
![Page 24: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/24.jpg)
UX/UI Thinking #3: Structure
• Example: weather, diaryFlat
• Example: news by categoriesList/Tree
• Example: bankingTab
• Example: image browsing, gossip Net
• Example: e-commerceFlow
• Example: local business searchContent Driven
04/09/2023 Yue Zhuge 24
![Page 25: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/25.jpg)
How to Validate?
Method 1: User Study
Method 2: Data Analysis
04/09/2023 Yue Zhuge 25
![Page 26: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/26.jpg)
Break and User Study Exercise
04/09/2023 Yue Zhuge 26
![Page 27: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/27.jpg)
Simple User Study
Select a partner
Find an app on your phone that is okay to see by your partner,
but unfamiliar to him.
• Login if needed.
Let him play with the app for five minutes
• You cannot help him with anything
• Observe without interruption even if you think he is making mistakes
Answer the following questions
• What is the first button he pressed?
• How long did it take him to spot the most important function in your mind?
• Is there a good function that he did not discover?
• Did he make any mistakes?
• Was he confused at some point?
04/09/2023 Yue Zhuge 27
![Page 28: Product Management for Mobile Startup, Session 2](https://reader034.fdocuments.net/reader034/viewer/2022042813/5479c07ab479599f098b4833/html5/thumbnails/28.jpg)
Data Analysis Example: People’s Action in Edit Mode
04/09/2023 Yue Zhuge 28
Delete
Redo Move to
Share
Is this what you intended?