Sex up your apps: how to increase your retention rate by Olivier Berni from lunabee

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

Demo

© 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@lunabee.com

@olivier_berni

www.lunabee.com

© Lunabee 2015

Thanks!

SEE YOU SOON!

LOVE.

THEFAMILY.CO

___