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.
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.
Notes de l'éditeur
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.