This document discusses the shift towards mobile and tablet usage and its impact on web design. It notes that more businesses are focusing their efforts on social media sites rather than their own websites. It also discusses how in 2010 many sites started creating mobile versions designed for small screens like smartphones. The use of these "mobified" sites has grown significantly and more sites will need mobile versions. It provides some examples of technologies that can make sites accessible on different devices and cites both good and bad examples of current mobile site design. Finally, it references several sources on trends in mobile and tablet usage and web design.

1. THE MOBILE/TABLET MANIFESTATION
Presented by Omi Dreamer

2. Social Media Convergence
The pattern of brands and businesses focusing their efforts on
social media sites (rather than their own independent sites).
Instead of individual domains, we’re beginning to see more and
more businesses moving to strategies that either are based on
sites like Facebook, or are at the very least integrating social
features in a way that is 100% reliant upon the social media sites.
This is something that consumers feel more comfortable at.

3. Mobile Tablet Usage
In 2010 we have seen a huge push towards entire sub-sites that
are designed specifically to be viewed on small, handheld
screens. Many will thank iPhone for starting this trend, but in my
opinion iPhone only made it easier and popular while Windows
were the first smart mobile device. The wave of “mobified” sites
has been spreading like wildfire, and come this same time next
year, I’m sure you’ll be hard-pressed to find a major publishing
site without a mobile companion site.

4. Technologies that can be used to make
websites accessible.
Devices

5. How mobile and tablet usage
has impacted web design
%

6. Growth and estimated future
usage
By Millions

7. Growth and estimated future
usage
Age %

8. Bad examples of websites that don’t work
well on mobile/tablet devices
Currently Flash sites could never be made to work well on any
touchscreen device, and this cannot be solved by Apple, Adobe,
or magical new hardware. It’s because of the hover or mouseover
problem.
Animation website

9. Good examples of websites that do work well
on mobile/tablet devices
Financial Institutions
YouTube
New York Times
McDonalds

10. References
http://mashable.com/2011/08/05/mobile-design-priority/
http://www.uxmatters.com/mt/archives/2011/03/10-ways-
mobile-sites-are-different-from-desktop-web-sites.php
http://www.netmagazine.com/features/mobile-first
http://na.isobar.com/2011/forrester-predicts-huge-tablet-
growth-%E2%80%93-what-that-means-for-designers/
http://www.uxmatters.com/mt/archives/2011/01/designing-
for-the-mobile-web-special-considerations.php
http://webdesign.tutsplus.com/articles/design-theory/the-
state-of-web-design-trends-2011-annual-edition/