Page 1
NATIVE APP VS HYBRID APP WHAT IS AT STAKE?
OLIVIER BERNI, CO-FOUNDER AT LUNABEE
Page 2
TheFamily
code: lamifasisi
WIFIWIFI
Page 3
SHARE LOVE ON TWITTER!#TFWORKSHOP
Page 4
#TFWORKSHOP
NATIVE APP VS HYBRID APP WHAT IS AT STAKE?
OLIVIER BERNI, CO-FOUNDER AT LUNABEE
Page 5
© http://lunabee.studio 2016
80%
Page 6
© http://lunabee.studio 2016
Page 7
© http://lunabee.studio 2016
2.5 M users
Page 8
© http://lunabee.studio 2016
6 years ago…
Page 9
© http://lunabee.studio 2016
7 rules to sex-up your App
1. Respond to scroll
2. Native - not hybrid
3. Avoid interruptions
4. “Push” is not the default
5. Prototype custom animations with Keynote
6. Too many pixels moving = too complicated
7. Too many words = too complicated
Page 10
© http://lunabee.studio 2016
Our drivers to choose a technology
Page 11
© http://lunabee.studio 2016
For our end-users1.
Super UX, smooth & efficient.
Page 12
© http://lunabee.studio 2016
For our developers
2.Great environment,
state-of-the-art
Page 13
© http://lunabee.studio 2016
For our apps3.
Be featured & downloaded
Page 14
© http://lunabee.studio 2016
What do I mean by hybrid ?
Page 15
© http://lunabee.studio 2016
Hybrid
Page 16
© http://lunabee.studio 2016
Page 17
© http://lunabee.studio 2016
+
Page 18
© http://lunabee.studio 2016
Native = better user experience
1
Page 19
© http://lunabee.studio 2016
1.1 Performance matters
https://www.youtube.com/watch?v=PW0TvPa6ew4
Page 20
© http://lunabee.studio 2016
Page 21
© http://lunabee.studio 2016 youtu.be/we6poP0kw6E
Page 22
© http://lunabee.studio 2016
React Native10000 cells
Native Android10000 cells
Ionic10000 1000 cells
Page 23
© http://lunabee.studio 2016
Users expect a very fluid interface
Page 24
© http://lunabee.studio 2016
1.2OS Guidelines matter
Page 25
© http://lunabee.studio 2016
Android
Page 26
© http://lunabee.studio 2016
iOS 10
Page 27
© http://lunabee.studio 2016
Page 28
© http://lunabee.studio 2016
Users want to feel at home
Leverage development frameworks
Try to mimic with non native tech
Page 29
© http://lunabee.studio 2016
“I think the biggest mistake that we made as a company is betting too much on HTML5 as opposed to native. (…) We just never were able to get the quality we wanted [from the HTML5 apps we were building]… We burned two years. That’s really painful.”
Mark Zuckerberg @ Disrupt SF 2012
Page 30
© http://lunabee.studio 2016
Native = better leverage on latest technologies
2
Page 31
© http://lunabee.studio 2016
Android Instant Apps
Page 32
© http://lunabee.studio 2016
Page 33
© http://lunabee.studio 2016
Page 34
© http://lunabee.studio 2016
Page 35
© http://lunabee.studio 2016
Native = better development environment
3
Page 36
© http://lunabee.studio 2016
Page 37
© http://lunabee.studio 2016
Android Studio
Page 38
© http://lunabee.studio 2016
Page 39
© http://lunabee.studio 2016
Page 40
© http://lunabee.studio 2016
By experience, Cordova is super painful for what concerns the maintenance. And Xamarin increases the complexity of the configuration and the maintenance of the Apps, which is rarely compensated by the code factorization.
This is the hidden part of the iceberg: maintenance is a nightmare!
François G. @ Apple WWDC 2016
Page 41
© http://lunabee.studio 2016
Native = better relationship with App Stores
4
Page 42
© http://lunabee.studio 2016
Page 43
© http://lunabee.studio 2016
Native1. Better performance
2. Better user interface
3. Better leverage on latest technologies
4. Better development environment
5. Better visibility for your Apps
Page 44
© http://lunabee.studio 2016
Thanks !
Page 45
SEE YOU SOON!
LOVE.
THEFAMILY.CO
___
Page 46
© http://lunabee.studio 2016
Start First iterations Maintenance Total
Native Hybrid
Page 47
SEE YOU SOON! LOVE. THEFAMILY.CO