One of the hottest question people are asking when they want to build an App is : “should I go for an hybrid or a native App ?”. At first hybrid looks very promising as it theoretically allows you to write code only once and run it in all platforms : iOS, Android, etc… But the reality is different and hybrid Apps usually end up being bad, even very bad. In this 45min. workshop, Olivier Berni, co-founder and lead UX at Lunabee will give you 5 reasons why native are far superior and really worth writing a bit more code. Olivier designed all of Lunabee's Apps including oneSafe, focusing on every UX and UI details, since 2010. Olivier has run many “UX experiences" for Lunabee Apps, iterating to try to find the right recipes to increase retention.

1. NATIVE APP VS HYBRID APP
WHAT IS AT STAKE?
OLIVIER BERNI, CO-FOUNDER AT LUNABEE

2. TheFamily
code: lamifasisi
WIFIWIFI

3. SHARE LOVE ON TWITTER!
#TFWORKSHOP

4. #TFWORKSHOP
NATIVE APP VS HYBRID APP
WHAT IS AT STAKE?
OLIVIER BERNI,
CO-FOUNDER
AT LUNABEE

5. © http://lunabee.studio 2016
80%

6. © http://lunabee.studio 2016

7. © http://lunabee.studio 2016
2.5 M users

8. © http://lunabee.studio 2016
6 years ago…

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

10. © http://lunabee.studio 2016
Our drivers to choose a
technology

11. © http://lunabee.studio 2016
For our end-users
1.
Super UX, smooth &
efficient.

12. © http://lunabee.studio 2016
For our developers
2.
Great environment,
state-of-the-art

13. © http://lunabee.studio 2016
For our apps
3.
Be featured &
downloaded

14. © http://lunabee.studio 2016
What do I mean by
hybrid ?

15. © http://lunabee.studio 2016
Hybrid

16. © http://lunabee.studio 2016

17. © http://lunabee.studio 2016
+

18. © http://lunabee.studio 2016
Native = better user
experience
1

19. © http://lunabee.studio 2016
1.1 Performance matters
https://www.youtube.com/watch?v=PW0TvPa6ew4

20. © http://lunabee.studio 2016

21. © http://lunabee.studio 2016
youtu.be/we6poP0kw6E

22. © http://lunabee.studio 2016
React Native
10000 cells
Native Android
10000 cells
Ionic
10000 1000 cells

23. © http://lunabee.studio 2016
Users expect a very
fluid interface

24. © http://lunabee.studio 2016
1.2
OS Guidelines matter

25. © http://lunabee.studio 2016
Android

26. © http://lunabee.studio 2016
iO
S
10

27. © http://lunabee.studio 2016

28. © http://lunabee.studio 2016
Users want to feel at
home
Leverage development
frameworks
Try to mimic with
non native tech

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

30. © http://lunabee.studio 2016
Native = better leverage
on latest technologies
2

31. © http://lunabee.studio 2016
Android Instant Apps

32. © http://lunabee.studio 2016

33. © http://lunabee.studio 2016

34. © http://lunabee.studio 2016

35. © http://lunabee.studio 2016
Native = better
development
environment
3

36. © http://lunabee.studio 2016

37. © http://lunabee.studio 2016
Android Studio

38. © http://lunabee.studio 2016

39. © http://lunabee.studio 2016

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

41. © http://lunabee.studio 2016
Native = better relationship
with App Stores
4

42. © http://lunabee.studio 2016

43. © http://lunabee.studio 2016
Native
1. Better performance
2. Better user interface
3. Better leverage on latest technologies
4. Better development environment
5. Better visibility for your Apps

44. © http://lunabee.studio 2016
Thanks !

45. SEE YOU SOON!
LOVE.
THEFAMILY.CO
___

46. © http://lunabee.studio 2016
Start First iterations Maintenance Total
Native Hybrid

47. SEE YOU SOON!
LOVE.
THEFAMILY.CO