Responsive Design and Why you should do it
•Descargar como PPTX, PDF•
0 recomendaciones•844 vistas
My presentation at Esri U on January 2013 regarding responsive design and why you should be doing it.
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (19)
Similar a Responsive Design and Why you should do it
Similar a Responsive Design and Why you should do it (20)
Último
Último (20)
Responsive Design and Why you should do it
- 4. What is the experience? • Desktop? • Tablet? • Smartphone?
- 6. Visits to esri.com July 2012 Metrics iPad – 41.5%, iPhone – 27.2%, All others under 5%
- 7. 884,231 Mobile Visits in 2012
- 8. Mobile Devices Used on esri.com - 2012
- 9. Comparison of 2011 to 2012
- 11. 2012 PC Sales Decline For the first time since 2001, PC sales declined from the previous year.
- 12. What Devices are People Buying? • Tablet sales are expected to exceed 100 million this year (2013). • According to Nielsen, the majority of mobile subscribers own smartphones, not feature phones.
- 13. How to Support all the Devices? • Mainstream news sites are receiving visits by more that 300,000 different mobile devices. • According to Tech Crunch, there will be over 10 billion mobile devices by 2016. Exceeding the world population!
- 14. Responsive Design Uses "media queries" to figure out what resolution of device it's being served on. Flexible images and fluid grids then size correctly to fit the screen.
- 16. Phone View: < 790 px • Landscape • Portrait
- 17. The Benefits? You build a website once, and it works seamlessly across thousands of different screens.
- 18. Exercise Time! • Wireframe a responsive design for a Smartphone, based off of the web design you worked on earlier.
Notas del editor
- Benefits: In order to improve the user experience, we need to understand what experience our users are having.How are they viewing the content.
- Tunnel Vision is when you are only looking through the eyes of a single of experience, a single device. Look at your analytics, who is your audience, how are they viewing your content?
- In July,Nearly 7% of traffic to Esri.com came from mobile devices.
- Nearly 4.5 % of total visits are on Mobile devices and it’s increasing rapidly.
- Mobile visits are increasing very rapidly
- From “Our Mobile Planet”
- For those of us who create websites and services, all this leads to a singular conclusion: A million screens have bloomed, and we need to build for all of them.There's no doubt that having mobile apps for the major platforms is better than having no apps at all, and yet how do you build for every app store? Let alone, support all the devices and screen sizes?
- The solution, is to make a website that works equally well on every device. Enter responsive web design.
- Show examples of emeauc.esri.com and a prototype of Events.
- Show how fluid shrinks for iPad and how the nav responds and adapts to smartphone screensizes
- The benefits are obvious: You build a website once, and it works seamlessly across thousands of different screens.
- http://mashable.com/2012/12/11/responsive-web-design/