Adaptive, Responsive, Mobile. A liquid web.
1 like444 views
The document discusses responsive, adaptive, and mobile web design. It provides an overview of the differences between responsive and adaptive approaches. It notes that context is changing as mobile usage increases and discusses tools and techniques for liquid, responsive design including visual frameworks, prototyping tools, and testing on real devices. The document recommends embracing this changing context by measuring user behavior across devices and taking a different approach to data analysis and content delivery.
Adaptive, Responsive, Mobile. A liquid web.
- 1. Cristiano Rastelli - Consumer Team Adaptive, Responsive, Mobile. A liquid web.
- 2. Index • Premises • Responsive. Adaptive. Mobile. • Liquid web. Numbers. • Tools & Techs. • VisualDNA.
- 3. WEB We are talking about + + * but not only *
- 14. The RWD effect
- 16. futurefriend.ly
- 19. The RWD limits
- 20. markboulton.co.uk/journal/gridset-and-the-red-pill Responsive design is time-consuming. Not just writing the code, but all the way back to content requirements, typography, layout, managing client needs and expectations, Q.A and bug testing. Making websites this way adds time. In some cases, too much. Or rather, we’re spending time on the wrong things. Mark Boulton
- 21. If you’re making websites, chances are you’ve given some thought to what constitutes a responsive-friendly design process — and you’ve probably found that adding a mockup for every breakpoint isn’t a sustainable approach. www.alistapart.com/articles/responsive-comping-obtaining-signoff-with-mockups/
- 22. Using a predefined grid seems to make as much sense as using a predefined colour scheme. www.alistapart.com/articles/the-infinite-grid/
- 24. one design fits all sizes
- 25. www.zeldman.com/2011/12/29/state-of-the-web-of-apps-devices-and-breakpoints/ Zeldman Responsive design is not dead; it has only begun. It is not a panacea but was never intended to be. It is simply the beginnings of an approach.
- 26. Why Liquid?
- 27. web
- 33. user
- 35. PC vs. Smartphone Shipments Source: Canalys 2011
- 36. Global Mobile vs. Desktop Internet Users Source: Morgan Stanley 2011 overtaking this year?
- 38. Where are people using mobile devices? Source: Compete's Quarterly Smartphone Report 84% 80% 76% 69% 64% 62% 47% at home during miscellaneous downtime throughout the day waiting in lines of waiting for appointments while shopping at work while watching TV during commute in to work
- 39. twitter.com/gluca/status/312849923466985472 Gianluca Diegoli I realized that it's the mobile experience that determines what then I use in my desktop. For example, Pinterest for iOS is lousy, and then…
- 47. Money. Not only user-experience!
- 48. CONTEXT A shift in the of web usage
- 49. we
- 51. Test with real devices!
- 54. others
- 62. Tools & Techs
- 76. Testing Tools LiveView For Mac, iPhone & iPad zambetti.com/projects/liveview/
- 77. NO!
- 78. VisualDNA
- 79. • Context is changing. We must embrace it. • Measure/track users in specific devices. • Different approach to quiz & data analysis.
- 81. Cristiano Rastelli - Consumer Team THANK YOU