Growing Up a Desktop App in a Mobile World
•
3 recomendaciones•1,030 vistas
Let's face it, not everyone has the luxury of starting their app from scratch and being able to build it for the multiple devices and contexts that it needs to be in, to successfully reach their users. Most companies have found themselves having to step back and look at how they can turn their desktop designed experience into a mobile application. Erik Loehfelm discusses his experiences in turning desktop apps into mobile magic. He will also review the options out there for peeling back the layers of complexity built into desktop-based services, and how to successfully transition those into a mobile experiences.
Recomendados
Recomendados
Más contenido relacionado
Último
Último (20)
Destacado
Destacado (20)
Growing Up a Desktop App in a Mobile World
- 1. UniversalMind™ UniversalMind™ Future Insights LIVE Growing Up a Desktop App in a Mobile World Monday, May 6, 13
- 2. UniversalMind™ :)- Erik Loehfelm EVP of User Experience, Universal Mind @eloehfelm erik.loehfelm@universalmind.com www.universalmind.com Monday, May 6, 13
- 3. UniversalMind™ Let’s talk about apps... UniversalMind™ Monday, May 6, 13
- 12. UniversalMind™ UniversalMind™ how to catch up? Monday, May 6, 13
- 14. UniversalMind™ focus on context. UniversalMind™ Monday, May 6, 13
- 15. UniversalMind™ focus on context. UniversalMind™ Monday, May 6, 13
- 16. UniversalMind™ UniversalMind™ focus on content. Monday, May 6, 13
- 17. UniversalMind™ UniversalMind™ content is KEY! contextually relevant content is KEY-ER!! Monday, May 6, 13
- 18. UniversalMind™ UniversalMind™ ...which brings us back to people. Understand user’s needs and you’ll understand what they need in their individual context Monday, May 6, 13
- 19. UniversalMind™ UniversalMind™ sidebar... SoLoMo! The integration of social networks with inherent mobile location features Monday, May 6, 13
- 20. UniversalMind™ So Lo Mo Monday, May 6, 13
- 21. UniversalMind™ where do I start? UniversalMind™ Monday, May 6, 13
- 22. UniversalMind™ UniversalMind™ start with people. Monday, May 6, 13
- 23. UniversalMind™ UniversalMind™ watch and learn. Monday, May 6, 13
- 25. UniversalMind™ UniversalMind™ macro / micro Monday, May 6, 13
- 27. UniversalMind™ UniversalMind™ 1. understand people, content and context Monday, May 6, 13
- 28. UniversalMind™ UniversalMind™ 2. document their journey Monday, May 6, 13
- 30. UniversalMind™ bullshit... kinda’! • Agile UX could / should be the goal but... • ‘Don’t fly a plane without wings.’ • Opportunity for ‘cornering’ and ‘redo’ is great at this stage • “Any fidelity wireframe is the right fidelity wireframe.” • Communication tool Monday, May 6, 13
- 45. UniversalMind™ UniversalMind™ 4. graphic and interaction design Monday, May 6, 13
- 47. UniversalMind™ fluidui.com EXCELLENT on-device wireframe and prototyping tool! Monday, May 6, 13
- 50. UniversalMind™ screen shots of fluid Monday, May 6, 13
- 51. UniversalMind™ UniversalMind™ 6. test and iterate! Monday, May 6, 13
- 52. UniversalMind™ UniversalMind™ things to consider with this macro perspective: • research is your friend • analytics are your friend • hardware specific features, might not be your friend • many delivery options Monday, May 6, 13
- 53. UniversalMind™ UniversalMind™ delivery options: • Mobile Web vs. Desktop Web • Responsive Web vs. Mobile Web • Web App vs. Native App • Wrapped Web vs. Native App Monday, May 6, 13
- 54. UniversalMind™ rich functionality basic functionality cheap expensive Mobile Web Desktop Web inflexible flexible Responsive Web Web App Native App Wrapped Web Monday, May 6, 13
- 58. UniversalMind™ UniversalMind™ content for mobility MUST be contextually relevant! Monday, May 6, 13
- 60. UniversalMind™ UniversalMind™ how? web to mobile techniques to consider: 1. Graceful Degredation... 2. Progressive Enhancement... 1. Adaptive Design 2. Responsive Design Monday, May 6, 13
- 61. UniversalMind™ UniversalMind™ 1. graceful degredation • popular based on needs • ‘backward’ approach (?) • work in a responsive manner Monday, May 6, 13
- 62. UniversalMind™ UniversalMind™ 2. progressive enhancement • build up an experience from the baseline • work in an responsive manner • target sizes (and content) not devices* Monday, May 6, 13
- 64. UniversalMind™ UniversalMind™ Responsive inside-out: patterns, content and art direction. Monday, May 6, 13
- 65. UniversalMind™ UniversalMind™ Francisco Inchauste Creative Director, Universal Mind http://www.getfinch.com/ @iamfinch Smashing Magazine Monday, May 6, 13
- 76. UniversalMind™ Mostly Fluid Column Drop Images courtesy www.lukew.com Monday, May 6, 13
- 81. UniversalMind™ 1 2 3 5 4 6 7 8 9 10 11 12 13 14 15 2 3 5 64 7 8 9 10 11 12 13 15 14 1 2 Monday, May 6, 13
- 82. UniversalMind™ 2 3 5 64 7 8 9 10 11 12 13 15 14 1 2 1 15 2 7-10 11 8 12 13 Monday, May 6, 13
- 83. UniversalMind™ 2 3 5 64 7 8 9 10 11 12 13 15 14 1 2 1 15 2-6 7 14 11 8 12 9 13 10 Monday, May 6, 13
- 84. UniversalMind™ Desktop - “Bird’s Eye View” of Adobe content Products Creative Cloud Photoshop CS6 Navigation/Promotional Image supporting content Content Monday, May 6, 13
- 85. UniversalMind™ Products Creative Cloud Photoshop CS6 Navigation/Promotional Image supporting content Content Monday, May 6, 13
- 86. UniversalMind™ Products Photoshop CS6 Navigation/Promotional Image supporting content Content Monday, May 6, 13
- 90. UniversalMind™ UniversalMind™ take aways: • Web to mobile content is not one-to-one • Web to mobile art direction is not one-to-one • Define and leverage design patterns Monday, May 6, 13
- 96. UniversalMind™ UniversalMind™ take aways: • Design challenge is big... tech challenge not as big • Focus on users • Focus on context • Focus on content • Responsive from the inside out • Test, and iterate! Monday, May 6, 13
- 97. UniversalMind™ :)- Erik Loehfelm Exec VP of User Experience, Universal Mind @eloehfelm erik.loehfelm@universalmind.com www.universalmind.com Monday, May 6, 13
- 98. UniversalMind™ We just won a Webby! Monday, May 6, 13