This document discusses the growing importance of mobile devices and tablets for internet usage. It notes that mobile internet usage now accounts for 10% of all usage, up from 1% in 2009. 29% of US adults now own a tablet, up from 2% in 2009. The document recommends that websites adapt to the smaller screen sizes of mobile devices by removing unnecessary content, using responsive design, focusing on core calls to action, and building both mobile-optimized websites and dedicated apps. It provides examples of how Gmail and Facebook have successfully adapted and provides recommendations for how (ur)biz can build for mobile.

1. MOBILE/TABLET IMPORTANCE
Prepared for: (ur)biz
Prepared by: William Fay

2. MOBILE GROWTH
• Mobile Internet usage accounts for 10% of all Internet usage.
(Up from 1% in 2009)1
• 29% of U.S. Adults own a tablet computer.
(Up from 2% in 2009)1
Source:
1. Meeker, M., & Wu, L. (2012) . 2012 Internet Trends . Kleiner Perkins Caufield & Byers. Retrieved November 19, 2012, from http://
www.kpcb.com/insights/2012-internet-trends

3. HOW HAS THIS CHANGED
THINGS?
• Smaller Resolutions
• Sites
must have a razor sharp focus. No more fluff, only
meat and potatoes.
• It’s all about having a better, more fluid, layout.
• Goodbye Web-Apps, Hello Device Specific Apps
• Sites need to be adaptive to fit thousands of different devices.

4. HOW CAN WE ADAPT?
PART 1
• We can use adaptive CSS to make our site fluid.
• Remove confusing aspects from the site. Make sure every page
has a definable Call to Action.
• Construct different sites for different types of technologies.
(i.e. Smartphones, Tablets, and Desktop Computers)

5. HOW CAN WE ADAPT?
PART 2
• Design Apps that handle our most common processes quickly
and easily.
• UseHTML5 and CSS3 to ensure all of our multimedia
content is available across the most possible devices.
• Focus on content more than anything else.

6. SITES TO EMULATE

7. SITES TO EMULATE
• Gmail
• Resizes itself automatically based on window size.
• Multiple versions for different devices.
• Apps for iOS and Android to make checking your mail even easier.
• Facebook
• Apps for all the major Smartphone OS’.
• Mobile version that looks almost exactly like their Apps. Consistency helps when people switch
device types.
• Different Apps for different styles of users. Helps capture more of the market.

8. RECOMMENDATIONS FOR
(UR)BIZ
• Build for mobile first. (28% of Internet users use only their phone
for accessing the Web.1)
• Use HTML5 and CSS3 to design for the broadest set of devices
possible.
• Avoid fixed styling elements and embrace responsive design.
• Keep content simple, relevant, and with a sharp focus on site
goals.
Source:
1. Smith, Aaron. Smartphone Adoption and Usage. Pew Internet & American Life Project, July 11, 2011, http://pewinternet.org/Reports/
2011/Smartphones/Section-2/Smartphones-as-an-internet-appliance.aspx, accessed on November 19, 2012