15.053 Network Simplex Animations Network Simplex Animations.
Sex-up your Apps using animations & prototype
Transcript of Sex-up your Apps using animations & prototype
© 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. FlexibleRespect 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. Flexible
© 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!