This year is celebrating the tenth anniversary of the iPhone. What does it mean, a smartphone, in our lives in 2017-18? As ex-Apple designer, let me show you few ideas that I've been talking and sharing in Leicester, Cracovia, Nantes...

1. Future of
MOBILE
The
THE SUI smart user interfaces
johanAdda.com
🤠

2. @johanAdda
ALL DAY LONG

3. Present
is
SOCIAL
The

4. @johanAdda
5.5bn
ADULTS
5bn
MOBILE PHONES
2.3bn
SMARTPHONES

5. 0
1
2
3
4
5
6
1985 1990 1995 2000 2005 2010 2015
billions
Source: http://ben-evans.com/benedictevans/2016/12/8/mobile-is-eating-the-world
Population
Mobile
Smartphones
PCs

6. PCs
Source: http://ben-evans.com/benedictevans/2016/12/8/mobile-is-eating-the-world
Mobile
Crazy idea
Enthusiasm
Scaling
Maturity
Creation Deployment
From Creation to Deployment

7. @johanAdda

8. Businesses SharingBetter
products
Social by design
Rewards/Profits
65M
@johanAdda

9. Age 18-34 Digital Audience Penetration
Millennials spend
15 hours per month on Facebook,
6.5h on Instagram and Snapchat
Source:ComScore 2017 US Cross Platform
100%
50
60
70
80
90
40%
Guess where to advertise?
@johanAdda

10. Present
is
VIDEO
The

11. Mobile traffic by application category per month
Source: Ericsson Mobility Report 2016
2016
50%
video
8.5 ExaBytes
In 2022, video will account for
around 75% of mobile data traffic
Video
Audio
Web browsing
Social Network
Software download
Other
File sharing
69 ExaBytes
2022
@johanAdda

12. with subtitles
111K px
and stop landscape
70K px
Design for portrait
250k px

14. ADAPTIVE
Present is
The

15. • Location detection: GPS, WiFi, cell towers
• Orientation: direction from a digital compass
• Device positioning & motion: from an accelerometer
• Audio: input from a microphone; output to speaker
• Video & Image: Capture/input from a camera
• Device connections: through Bluetooth between devices
• Proximity: device closeness to physical objects
• Ambient Light: light/dark environment awareness
• RFID reader: identify & track objects with broadcasts identifiers
• Multi-touch sensors
• Haptic feedback: “feel” different surfaces on a screen
• Biometrics: retinal, fingerprint, etc
• Push: real-time notifications “instant” to user
What is a mobile?
Source: LukeW - Mobile Conf 2016

16. @johanAdda
RESPONSIVE

17. ADAPTIVE
Responsive design is one technique
in an adaptive web design strategy
Ergonomics, touch capability,
geolocation, SVG support, and the
myriad other features that can be
detected
Adaptive design
@johanAdda
RESPONSIVE

18. Laptops + Tablets
web
responsive
Smartphones
web
Smartphones
app
adaptive
React
React is a JavaScript library. It’s not a framework.
Source: Yes, React is taking over front-end development. The question is why.

19. ADAPTIVE
The present is
VIDEO
SOCIAL

20. my Mission
@johanAdda
“I give back some free time to PEOPLE”

21. FUTURE
@johanAdda

22. @johanAdda

23. @johanAdda

24. @johanAdda

25. Touch ID
Facial Recognition
Walking
Typing
Biometrics
@johanAdda

26. A.I.
Assistive Agentive
Synchronous Asynchronous
ChatBot
App
e-commerce
Google
Apple
Facebook
@johanAdda

27. @johanAdda
Take my phone. Use the camera/AR
Coffee recognition. Web tag. Buy.
A.R.

30. @johanAdda
🤖ChatBot

31. 160 questions
4 heures
20 mins

32. @johanAdda
HUMANS

39. THANKS
johanAdda.com
Learn more, come to my workshop 🤠