sex up your apps: how to increase your retention rate by olivier berni from lunabee
TRANSCRIPT
SEX-UP YOUR APPS: HOW TO INCREASE YOUR RETENTION RATES?
#TFWORKSHOP
1
TheFamily
code: lamifasisi
WIFIWIFI
DISAGREE ON TWITTER!
#TFWORKSHOP
OLIVIER BERNI CO-FOUNDER AT LUNABEE
@OLIVIER_BERNI
THE 7 RULES TO INCREASE YOUR RETENTION RATE
#TFWORKSHOP
© Lunabee 2015
Sex up your Apps
with Animations and Prototypes
© Lunabee 2015
30%It’s tough to create an App
© Lunabee 2015
Lunabee
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
What makes a great interface
© Lunabee 2015
Respond to interactions, as quickly as possiblefrequently
Respond in an expected way
1. Natural
© Lunabee 2015
Static interfaces suck
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
Respond in an expected way
© Lunabee 2015
© Lunabee 2015
Sometimes, it gets more serious…
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
TableView
© Lunabee 2015
© Lunabee 2015
Not natural Bof
Recommended Recommended
Easing
© Lunabee 2015
1. Natural• Responsive • Behave as we expect • Alive
© Lunabee 2015
2. TrustworthyRespect user’s “free will”
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
10 000 views / days
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
• Don’t be (too) intrusive • Allow customisation
2. Trustworthy
© Lunabee 2015
Straight to the point. Clear and simple.
3. Focus
© Lunabee 2015
Pareto’s principle
80 / 20
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
2. Flexible
3. Focus
1. Natural
© Lunabee 2015
© Lunabee 2015
Prototyping
© Lunabee 2015
What’s a prototype?
Anything that can “fake” your App
© Lunabee 2015
© Lunabee 2015
Reasons for prototyping
1.Test your ideas Quickly implement them & save time and money.
2.Get new ideas When showing your prototype to future users.
© Lunabee 2015
User’s tests1. Do you know how to ____________?
2. Is it natural to ____________?
3. How can we make this better?
Don’t argue or defend
© Lunabee 2015http://www.cooper.com/prototyping-tools
© Lunabee 2015
Check interface consistency
Are the concepts clear, simple, intuitive?
© Lunabee 2015
Prepare screens
Sujets Discussions Ajouter un sujet
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
© Lunabee 2015
Do everything else with Keynote
© Lunabee 2015
Test your “custom” animations
© Lunabee 2015
Prepare your screens for InVision
© Lunabee 2015
Demo
© Lunabee 2015
About “code-enable” prototyping tools
Xcode
© Lunabee 2015
Summary
1. Static interfaces suck
Good interfaces are natural, flexible and focused
2. Animations should be right
3. Prototyping is easy & save a lot of time and money
© Lunabee 2015
ContactOlivier Berni
@olivier_berni
www.lunabee.com
© Lunabee 2015
Thanks!
SEE YOU SOON!
LOVE.
THEFAMILY.CO
___