SlideShare a Scribd company logo
1 of 80
Download to read offline
Methods, Tools and Hacks
GREAT PRODUCT
ROAD TO A
@mxbraud
users
product
you’re in charge of a
you have
you’re ready for the
next level
“If you want to be a

long-term success, 

build a great product“
Sam Altman, Y Combinator
What great is not
What great is not
• more features
• more settings
• more uses cases
covered
What great is
What great is
• less features
• easier to use
• more value 

for 80% of use cases
How?
1. Understand your users
2. Select a feature
3. Design loops!
4. UI and code
5. Roll-out and analyse
it’s not difficult :)

just follow the steps!
Understand your users
1
“You can’t manage what
you don’t measure“
Peter Drucker
NPS App Ratings Retention
We are going to measure 3 things
if your product is
an app!
NPS - App Ratings - Retention
NPS = Net Promoter Score
How likely are your users to
recommend your product to a friend ?
Implement it in your product
from scratch or use
NPS - App Ratings - Retention
use
check the ratings
for each release
to automate it!
NPS - App Ratings - Retention
How many of your users are still
here after 1 week?



After one month?

After three months?
NPS - App Ratings - Retention
Use or
NPS - App Ratings - Retention
to measure it
This is what you
should expect
after 3 months
NPS - App Ratings - Retention
Flurry
NPS - App Ratings - Retention
Some social media examples:
Retention at 90 days,
33%31% 48% 77% 98%
insane!
Flurry
Select a feature
2
Analyse your features’ usage
Do it with Amplitude or Mixpanel too!
% of App usage per feature
Map your features into 4 categories
Almost

every user
Few people
Rarely
Very often
Mapping of your features’ usage
Key feature of
your product
example:
requesting a ride in Lyft
Always make it better.
A slight positive change is a
huge plus for your product.
• easier to use
• delivers more value
• nicer design
Lyft tested designs every week to improve their main feature:
requesting a ride.
new CTA text and
color for higher
conversion
car and pickup info
to reassure user
less options to
show more map
more accurate cars
Feature a small
part of users
use a lot
example: 

selling and buying stuff on Facebook
Is there a discoverability problem?

Make sure your users
know this feature exists
“When Microsoft asked their users
what they wanted added to Office,
they found 90% of the requested
features were already there.“
Intercom on PM
’
Facebook is A/B testing Market offers

as a Tap Bar option on mobile
Newsfeed Friends Market Notifications
3 likes
Discover, explore, buy
Discover all the new things from
your sales groups and Fan Page
shops
Find new things to buy
More offers notifications
YOUR SALES GROUPS
Plus
Newsfeed Friends Market Notifications Plus
If users all know it but still
don’t use it, maybe you’re
building something for a

too small part of your target
Dangerous because someone
can make a more focused
product, better at your core
function, and take your users.
peach is an attempt of a
more focused FB
example: 

Snapchat Discover
A lot of users use
it, but not often
Will you benefit from users
using it more?
yes no
do nothingwork on your hook
ex: settings
see next slide :)
Here is the hook
Intercom
Hooked, Nir Eyal
used
to make users come back more often
focus on investment
make users come back to
your feature!
Snapchat now lets users
share and draw on
Discover stories
Snapchat used this hook to boost Discover usage
which is their main way to generate revenue
External Trigger:
headline in stories, pages
shared by friends
Internal Trigger:

boredom (no more stories)
Latest News (Self)
Entertainment (Self)
Swipe right to Discover page
Draw on pages
Annotate pages
Share pages
Feature nobody uses, ever.
Kill it. Now.
Don’t spend more time and money building
something nobody wants!
example: Evernote Chat
Do we really need to chat in Evernote?
Interface would be better with less buttons
New chatNew note in Maxime Braud’s notebook
New notebook Find
Search in…
Name Count DateOwner
Select one feature for the next step
oror
only one!
Design loops
3
1 feature only
1 week per loop
The loops make you iterate fast
to find the right feature,

before building anything
Google Ventures
4 steps
dig - draw - prototype - test
dig - draw - prototype - test
Gather all the
information you can on
the user perception

of the feature
Dig into:
support@ emails
app store reviews
tweets
dig - draw - prototype - test
Call or get a coffee
with a few users
dig - draw - prototype - test
Listen to their problems,

not their solutions!
dig - draw - prototype - test
Draw your solution on paper
dig - draw - prototype - test
or use Keynote
No Photoshop or Sketch at this point!
Focus on content, flows and
interactions, not on colors
dig - draw - prototype - test
Get inspired 

by the best flows
uxarchive.com
littlebigdetails.com
visit
dig - draw - prototype - test
A prototype is something users
can experiment, not just look at
dig - draw - prototype - test
Create a prototype of
your feature
Design directly in the browser

by using front-end frameworks
such as
dig - draw - prototype - test
this requires some basic coding skills
Designing in the browser
is awesome because you:
• test a realistic experience w/ interactions
• use real content
• iterate fast using SCSS variables
• can test on different devices (mobile,
tablet, desktop) and browsers
• can re-use your code in production
dig - draw - prototype - test
or use a prototyping tool like
convenient for animation-heavy apps or
if you can’t code
dig - draw - prototype - test
1) Test first among your
coworkers and friends
dig - draw - prototype - test
2) Organize a user test session
dig - draw - prototype - test
Invite 4 people
• Ideally targeted users, still ok if they’re not
• Find them among your extended network or on public FB groups
• Offer them some free rides (if you’re Uber), or a gift card
dig - draw - prototype - test
1. Welcome (4min)
2. Questions to the user (3min)
3. Give context (3min)
4. User tries feature (30min)
5. Summary and questions (5min)
this book explains the process very well
Typical User Test Session (45min)

One user at a time
dig - draw - prototype - test
Make the users tell out loud
what they’re thinking.
Focus on what they don’t
understand.
dig - draw - prototype - test
Outsource the test 

if you can’t spend a day organizing it
dig - draw - prototype - test
are two cool solutions
But don’t skip it!
&
Make a list of the top 5 problems
users encountered.
dig - draw - prototype - test
Go back to the draw
step to fix them.
dig - draw - prototype - test
but remove what makes your
feature complex instead.
Try not to add things
a message that explains Y
a message that explains X
a message that explains Z
another option
an arrow to show the user
but remove what makes your
feature complex instead.
Try not to add things


until your feature is easy to
use and people see value in it
Repeat loops
4
UI and code
That’s where you need
a good UI designer
and some talented
developers
Make the design pretty and code a
clean version of the feature!
5
Roll-out and Analyse
Roll-out your feature gradually


first to 1% of users
then to 5%
then to 20%
then to 50%
finally to 100%
Tell your developers to visit featureflags.io to see how to do it
Facebook tests most new
features in New Zealand
(2M users) before rolling
out globally.
Features’ usage should go like this
Almost

every user
Few people
Rarely
Very often
every week, if performance is good
Roll out to
more users
Check your NPS and Retention
It’s not a success if the overall
performance of the product is worse !
Congratulations!
Your product made a big step towards greatness
Do it again for another feature
oror
Remember the process
1. Understand your users
2. Select a feature
3. Design loops!
4. UI and code
5. Roll-out and analyse
These books and blogs are great:
I used them to write these slides :)
YC 

Startup Class
CSS Wizardy
wanna talk about your product ?
Maxime Braud
THANK YOU
@mxbraud
mx.braud@gmail.com

More Related Content

Viewers also liked

Tinder Pitch Deck
Tinder Pitch DeckTinder Pitch Deck
Tinder Pitch DeckRyan Gum
 
Pendo Series B Investor Deck External
Pendo Series B Investor Deck ExternalPendo Series B Investor Deck External
Pendo Series B Investor Deck ExternalTodd Olson
 
500’s Demo Day Batch 16 >> Podozi
500’s Demo Day Batch 16 >>  Podozi500’s Demo Day Batch 16 >>  Podozi
500’s Demo Day Batch 16 >> Podozi500 Startups
 
Zenpayroll Pitch Deck Template
Zenpayroll Pitch Deck TemplateZenpayroll Pitch Deck Template
Zenpayroll Pitch Deck TemplateJoseph Hsieh
 
AdPushup Fundraising Deck - First Pitch
AdPushup Fundraising Deck - First PitchAdPushup Fundraising Deck - First Pitch
AdPushup Fundraising Deck - First Pitchadpushup
 
Intercom's first pitch deck!
Intercom's first pitch deck!Intercom's first pitch deck!
Intercom's first pitch deck!Eoghan McCabe
 
AppVirality.com - Investor Pitch Deck
AppVirality.com - Investor Pitch DeckAppVirality.com - Investor Pitch Deck
AppVirality.com - Investor Pitch DeckLaxman Papineni
 
The 10 most interesting slides that helped our SaaS company raise 9 million
The 10 most interesting slides that helped our SaaS company raise 9 millionThe 10 most interesting slides that helped our SaaS company raise 9 million
The 10 most interesting slides that helped our SaaS company raise 9 millionGoCanvas
 
How Wealthsimple raised $2M in 2 weeks
How Wealthsimple raised $2M in 2 weeksHow Wealthsimple raised $2M in 2 weeks
How Wealthsimple raised $2M in 2 weeksWealthsimple
 
Fittr Pitch Deck
Fittr Pitch DeckFittr Pitch Deck
Fittr Pitch Decknolanperk
 
Mattermark 2nd (Final) Series A Deck
Mattermark 2nd (Final) Series A DeckMattermark 2nd (Final) Series A Deck
Mattermark 2nd (Final) Series A DeckDanielle Morrill
 
Swipes pitch deck for Beta Pitch 2013 Finals in Berlin
Swipes pitch deck for Beta Pitch 2013 Finals in BerlinSwipes pitch deck for Beta Pitch 2013 Finals in Berlin
Swipes pitch deck for Beta Pitch 2013 Finals in BerlinSwipes App
 
The deck we used to raise $270k for our startup Castle
The deck we used to raise $270k for our startup CastleThe deck we used to raise $270k for our startup Castle
The deck we used to raise $270k for our startup Castleentercastle
 

Viewers also liked (17)

Tinder Pitch Deck
Tinder Pitch DeckTinder Pitch Deck
Tinder Pitch Deck
 
Growth Hacking
Growth HackingGrowth Hacking
Growth Hacking
 
Pendo Series B Investor Deck External
Pendo Series B Investor Deck ExternalPendo Series B Investor Deck External
Pendo Series B Investor Deck External
 
500’s Demo Day Batch 16 >> Podozi
500’s Demo Day Batch 16 >>  Podozi500’s Demo Day Batch 16 >>  Podozi
500’s Demo Day Batch 16 >> Podozi
 
SteadyBudget's Seed Funding Pitch Deck
SteadyBudget's Seed Funding Pitch DeckSteadyBudget's Seed Funding Pitch Deck
SteadyBudget's Seed Funding Pitch Deck
 
Zenpayroll Pitch Deck Template
Zenpayroll Pitch Deck TemplateZenpayroll Pitch Deck Template
Zenpayroll Pitch Deck Template
 
AdPushup Fundraising Deck - First Pitch
AdPushup Fundraising Deck - First PitchAdPushup Fundraising Deck - First Pitch
AdPushup Fundraising Deck - First Pitch
 
Intercom's first pitch deck!
Intercom's first pitch deck!Intercom's first pitch deck!
Intercom's first pitch deck!
 
Front series A deck
Front series A deckFront series A deck
Front series A deck
 
AppVirality.com - Investor Pitch Deck
AppVirality.com - Investor Pitch DeckAppVirality.com - Investor Pitch Deck
AppVirality.com - Investor Pitch Deck
 
The 10 most interesting slides that helped our SaaS company raise 9 million
The 10 most interesting slides that helped our SaaS company raise 9 millionThe 10 most interesting slides that helped our SaaS company raise 9 million
The 10 most interesting slides that helped our SaaS company raise 9 million
 
How Wealthsimple raised $2M in 2 weeks
How Wealthsimple raised $2M in 2 weeksHow Wealthsimple raised $2M in 2 weeks
How Wealthsimple raised $2M in 2 weeks
 
Fittr Pitch Deck
Fittr Pitch DeckFittr Pitch Deck
Fittr Pitch Deck
 
Square Pitch Deck
Square Pitch DeckSquare Pitch Deck
Square Pitch Deck
 
Mattermark 2nd (Final) Series A Deck
Mattermark 2nd (Final) Series A DeckMattermark 2nd (Final) Series A Deck
Mattermark 2nd (Final) Series A Deck
 
Swipes pitch deck for Beta Pitch 2013 Finals in Berlin
Swipes pitch deck for Beta Pitch 2013 Finals in BerlinSwipes pitch deck for Beta Pitch 2013 Finals in Berlin
Swipes pitch deck for Beta Pitch 2013 Finals in Berlin
 
The deck we used to raise $270k for our startup Castle
The deck we used to raise $270k for our startup CastleThe deck we used to raise $270k for our startup Castle
The deck we used to raise $270k for our startup Castle
 

Recently uploaded

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
 
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
 
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
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
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
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
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
 
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
 
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
 
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
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
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
 
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
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
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
 
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
 

Recently uploaded (19)

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...
 
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...
 
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
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
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
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
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
 
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
 
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
 
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
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
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
 
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
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
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
 
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
 

Road to a Great Product - Methods, Tools and Hacks

  • 1. Methods, Tools and Hacks GREAT PRODUCT ROAD TO A @mxbraud
  • 2. users product you’re in charge of a you have you’re ready for the next level
  • 3. “If you want to be a
 long-term success, 
 build a great product“ Sam Altman, Y Combinator
  • 5. What great is not • more features • more settings • more uses cases covered
  • 7. What great is • less features • easier to use • more value 
 for 80% of use cases
  • 9. 1. Understand your users 2. Select a feature 3. Design loops! 4. UI and code 5. Roll-out and analyse
  • 10. it’s not difficult :)
 just follow the steps!
  • 12. “You can’t manage what you don’t measure“ Peter Drucker
  • 13. NPS App Ratings Retention We are going to measure 3 things if your product is an app!
  • 14. NPS - App Ratings - Retention NPS = Net Promoter Score How likely are your users to recommend your product to a friend ?
  • 15. Implement it in your product from scratch or use NPS - App Ratings - Retention
  • 16. use check the ratings for each release to automate it! NPS - App Ratings - Retention
  • 17. How many of your users are still here after 1 week?
 
 After one month?
 After three months? NPS - App Ratings - Retention
  • 18. Use or NPS - App Ratings - Retention to measure it
  • 19. This is what you should expect after 3 months NPS - App Ratings - Retention Flurry
  • 20. NPS - App Ratings - Retention Some social media examples: Retention at 90 days, 33%31% 48% 77% 98% insane! Flurry
  • 22. Analyse your features’ usage Do it with Amplitude or Mixpanel too! % of App usage per feature
  • 23. Map your features into 4 categories Almost
 every user Few people Rarely Very often Mapping of your features’ usage
  • 24. Key feature of your product example: requesting a ride in Lyft
  • 25. Always make it better. A slight positive change is a huge plus for your product. • easier to use • delivers more value • nicer design
  • 26. Lyft tested designs every week to improve their main feature: requesting a ride. new CTA text and color for higher conversion car and pickup info to reassure user less options to show more map more accurate cars
  • 27. Feature a small part of users use a lot example: 
 selling and buying stuff on Facebook
  • 28. Is there a discoverability problem?
 Make sure your users know this feature exists
  • 29. “When Microsoft asked their users what they wanted added to Office, they found 90% of the requested features were already there.“ Intercom on PM
  • 30. ’ Facebook is A/B testing Market offers
 as a Tap Bar option on mobile Newsfeed Friends Market Notifications 3 likes Discover, explore, buy Discover all the new things from your sales groups and Fan Page shops Find new things to buy More offers notifications YOUR SALES GROUPS Plus Newsfeed Friends Market Notifications Plus
  • 31. If users all know it but still don’t use it, maybe you’re building something for a
 too small part of your target
  • 32. Dangerous because someone can make a more focused product, better at your core function, and take your users. peach is an attempt of a more focused FB
  • 33. example: 
 Snapchat Discover A lot of users use it, but not often
  • 34. Will you benefit from users using it more? yes no do nothingwork on your hook ex: settings see next slide :)
  • 35. Here is the hook Intercom Hooked, Nir Eyal used to make users come back more often
  • 36. focus on investment make users come back to your feature!
  • 37. Snapchat now lets users share and draw on Discover stories
  • 38. Snapchat used this hook to boost Discover usage which is their main way to generate revenue External Trigger: headline in stories, pages shared by friends Internal Trigger:
 boredom (no more stories) Latest News (Self) Entertainment (Self) Swipe right to Discover page Draw on pages Annotate pages Share pages
  • 39. Feature nobody uses, ever. Kill it. Now. Don’t spend more time and money building something nobody wants!
  • 40. example: Evernote Chat Do we really need to chat in Evernote? Interface would be better with less buttons New chatNew note in Maxime Braud’s notebook New notebook Find Search in… Name Count DateOwner
  • 41. Select one feature for the next step oror only one!
  • 42. Design loops 3 1 feature only 1 week per loop
  • 43. The loops make you iterate fast to find the right feature,
 before building anything Google Ventures
  • 44. 4 steps dig - draw - prototype - test
  • 45. dig - draw - prototype - test Gather all the information you can on the user perception
 of the feature
  • 46. Dig into: support@ emails app store reviews tweets dig - draw - prototype - test
  • 47. Call or get a coffee with a few users dig - draw - prototype - test
  • 48. Listen to their problems,
 not their solutions! dig - draw - prototype - test
  • 49. Draw your solution on paper dig - draw - prototype - test or use Keynote
  • 50. No Photoshop or Sketch at this point! Focus on content, flows and interactions, not on colors dig - draw - prototype - test
  • 51. Get inspired 
 by the best flows uxarchive.com littlebigdetails.com visit dig - draw - prototype - test
  • 52. A prototype is something users can experiment, not just look at dig - draw - prototype - test Create a prototype of your feature
  • 53. Design directly in the browser
 by using front-end frameworks such as dig - draw - prototype - test this requires some basic coding skills
  • 54. Designing in the browser is awesome because you: • test a realistic experience w/ interactions • use real content • iterate fast using SCSS variables • can test on different devices (mobile, tablet, desktop) and browsers • can re-use your code in production dig - draw - prototype - test
  • 55. or use a prototyping tool like convenient for animation-heavy apps or if you can’t code dig - draw - prototype - test
  • 56. 1) Test first among your coworkers and friends dig - draw - prototype - test
  • 57. 2) Organize a user test session dig - draw - prototype - test
  • 58. Invite 4 people • Ideally targeted users, still ok if they’re not • Find them among your extended network or on public FB groups • Offer them some free rides (if you’re Uber), or a gift card dig - draw - prototype - test
  • 59. 1. Welcome (4min) 2. Questions to the user (3min) 3. Give context (3min) 4. User tries feature (30min) 5. Summary and questions (5min) this book explains the process very well Typical User Test Session (45min)
 One user at a time dig - draw - prototype - test
  • 60. Make the users tell out loud what they’re thinking. Focus on what they don’t understand. dig - draw - prototype - test
  • 61. Outsource the test 
 if you can’t spend a day organizing it dig - draw - prototype - test are two cool solutions But don’t skip it! &
  • 62. Make a list of the top 5 problems users encountered. dig - draw - prototype - test
  • 63. Go back to the draw step to fix them. dig - draw - prototype - test
  • 64. but remove what makes your feature complex instead. Try not to add things a message that explains Y a message that explains X a message that explains Z another option an arrow to show the user
  • 65. but remove what makes your feature complex instead. Try not to add things
  • 66. 
 until your feature is easy to use and people see value in it Repeat loops
  • 68. That’s where you need a good UI designer and some talented developers
  • 69. Make the design pretty and code a clean version of the feature!
  • 71. Roll-out your feature gradually 
 first to 1% of users then to 5% then to 20% then to 50% finally to 100% Tell your developers to visit featureflags.io to see how to do it
  • 72. Facebook tests most new features in New Zealand (2M users) before rolling out globally.
  • 73. Features’ usage should go like this Almost
 every user Few people Rarely Very often
  • 74. every week, if performance is good Roll out to more users
  • 75. Check your NPS and Retention It’s not a success if the overall performance of the product is worse !
  • 76. Congratulations! Your product made a big step towards greatness
  • 77. Do it again for another feature oror
  • 78. Remember the process 1. Understand your users 2. Select a feature 3. Design loops! 4. UI and code 5. Roll-out and analyse
  • 79. These books and blogs are great: I used them to write these slides :) YC 
 Startup Class CSS Wizardy
  • 80. wanna talk about your product ? Maxime Braud THANK YOU @mxbraud mx.braud@gmail.com