Uploaded byMobiento
Mobile Thirst - Mobile First
The document discusses the rise of mobile technology and emphasizes the shift towards a 'mobile first' approach, highlighting that mobile internet has become the primary internet. It stresses the importance of designing for mobile users who have different contexts and needs compared to traditional desktop users. The conclusion promotes the strategies of focusing on context, touch, and responsive web design to accommodate the growing mobile user base.
Mobile Thirst - Mobile First
- 1. Hello Friends, Let’stalk Mobile First 2012.04.13 Monday, 16 April, 2012
- 2. IF YOU THOUGHT MOBILE WAS BIG... © 2 MOBIENTO Monday, 16 April, 2012
- 3. Y-Y-Y-Y-Y-Y-Y-Y- YOU AIN’TSEEN NOTHING YET! © 3 MOBIENTO Monday, 16 April, 2012
- 4. NOW, IT’S MOBILE FIRST BABY © 4 MOBIENTO Monday, 16 April, 2012
- 5. Mobile platforms © 5 MOBIENTO Monday, 16 April, 2012
- 6. ‘Made in USA’Smartphone Operating Systems = Mobile platforms 64% Share from 5% Five Years Ago Smartphone Operating System Market Share, 2005 vs. 2011E Market Share of Smartphone OS 100% 80% Other OS 60% iOS Android Windows Mobile 40% BlackBerry OS Linux Nokia Symbian 20% 0% 2005 2011E Source: Morgan Stanley Research, Gartner. Copyright 2011. All rights reserved. 45 © 6 MOBIENTO Monday, 16 April, 2012
- 7. Mobile use Aftonbladet, GP, other news sites About 1/3 mobile traffic © 7 MOBIENTO Monday, 16 April, 2012
- 8. Mobile use The Golden Hour © 8 MOBIENTO Monday, 16 April, 2012
- 9. Mobile search © 9 MOBIENTO Monday, 16 April, 2012
- 10. Mobile vs theother guys © 10 MOBIENTO Monday, 16 April, 2012
- 11. Mobile surpasses desktop- it WILL happen Mobil! 2015?! 2014?! Desktop! 2013?! Source: Morgan Stanley, Forrester, Strategy Analytics © 11 MOBIENTO Monday, 16 April, 2012
- 12. MOBILE INTERNET = PERSONAL INTERNET = PRIMARY INTERNET © 12 MOBIENTO Monday, 16 April, 2012
- 13. THE BIGGEST THINGTO HAPPEN TO THE INTERNETSINCETHE INTERNET © MOBIENTO 13 Monday, 16 April, 2012
- 14. So we endup here © 14 MOBIENTO Monday, 16 April, 2012
- 15. The question becomes DOES IT WORK HERE? © 15 MOBIENTO Monday, 16 April, 2012
- 16. The question becomes OR HERE? © 16 MOBIENTO Monday, 16 April, 2012
- 17. Mobile users aredifferent. They have different CONTEXTS NEEDS PERSPECTIVES © 17 MOBIENTO Monday, 16 April, 2012
- 18. SO WHAT DOWE DO? © 18 MOBIENTO Monday, 16 April, 2012
- 19. The father of‘Mobile First’ Luke Wroblewski author of ‘Mobile First’ © 19 MOBIENTO Monday, 16 April, 2012
- 20. © 20 MOBIENTO Monday, 16 April, 2012
- 21. Last vs First © 21 MOBIENTO Monday, 16 April, 2012
- 22. Focus first © 22 MOBIENTO Monday, 16 April, 2012
- 23. Touch first © 23 MOBIENTO Monday, 16 April, 2012
- 24. Touch first © 23 MOBIENTO Monday, 16 April, 2012
- 25. Context first © 24 MOBIENTO Monday, 16 April, 2012
- 26. So, what isthe solution? HTML5 CSS3 PROGRESSIVE BUZZ RESPONSIVE ENHANCEMENT WORDS WEB ONE WEB © 25 MOBIENTO Monday, 16 April, 2012
- 27. The father of‘Responsive Web’ Ethan Marcotte designer of Boston Globe © 26 MOBIENTO Monday, 16 April, 2012
- 28. The father of‘Responsive Web’ 1. Flexible layout 2. Flexible content 3. Media queries © 27 MOBIENTO Monday, 16 April, 2012
- 29. Responsive Web example © 28 MOBIENTO Monday, 16 April, 2012
- 30. Responsive Web example © 29 MOBIENTO Monday, 16 April, 2012
- 31. PERFECT! ALL OF OUR PROBLEMS ARE SOLVED.... © MOBIENTO 30 Monday, 16 April, 2012
- 32. Not so fast! HOLD YOUR HORSES! © 31 MOBIENTO Monday, 16 April, 2012
- 33. Responsive Web WHEN DO WE USE IT? • Continuous updates (news, blogs and similar) • Less complex sites • When users expect same or similar content © 32 MOBIENTO Monday, 16 April, 2012
- 34. Responsive Web CHALLENGES • Technical challenges • Limited handset support • Mobile needs can sometimes be different http://www.webdesignshock.com/responsive-design-problems/! © 33 MOBIENTO Monday, 16 April, 2012
- 35. Another log onthe fire... - Mobile users are different - Make a separate mobile site - Optimize for mobile needs Jakob Nielsen Usability Expert © 34 MOBIENTO Monday, 16 April, 2012
- 36. The best $15you will spend © 35 MOBIENTO Monday, 16 April, 2012
- 37. SOME EXAMPLES © MOBIENTO Monday, 16 April, 2012 36
- 38. Responsive Web -but made mobile first © 37 MOBIENTO Monday, 16 April, 2012
- 39. © 38 MOBIENTO Monday, 16 April, 2012
- 40. © 39 MOBIENTO Monday, 16 April, 2012
- 41. SF Bio shoulduse their app as the starting point for their website © 40 MOBIENTO Monday, 16 April, 2012
- 42. Tesco - acontext study http://www.youtube.com/watch?v=oPM4Ui6Sjfk © 41 MOBIENTO Monday, 16 April, 2012
- 43. RECAP 1.Mobile Internet = the primary Internet 2.Mobile First is a sustainable strategy 3.Think: Focus, Context & Touch © MOBIENTO Monday, 16 April, 2012
- 44. Thank you &speak soon! Emil Salonen emil.salonen@mobiento.com @emilsalonen © MOBIENTO Monday, 16 April, 2012