By Connor Jones

introducing

University Fan Shop: Mobile Edition

Presentation Outline

1Mobile and Tablet Usage

2Websites on

All Devices

3Mobile Site

Examples

Mobile and Tablet Usage1

- Smartphones and Tablets are increasing in popularity very quickly.- It is estimated that by 2013, heavy mobile data users will triple to one

billion.- Nearly 80% of smartphone owners use their phones for shopping. - The iPad was released in April, and by September there were already

7.5 million purchased.

Mobile and Tablet Usage Increasing Dramatically

Mob

ile/T

able

t Usa

ge Im

pact

s W

eb D

esig

n

Google Chrome on a Tablet

-Mobile Apple devices do not support Flash, which is leading to further development of HTML5 -HTML5 videos will be better indexed by robots to help increase SEO

2 Websites on All Devices

- Alt text in images- Long descriptions for pie charts/graphs- Closed-captioning for videos

Using technology to make websites accessible on all devices

3 Mobile Site Examples

» Small text

» Links were small and close together, easy to click the wrong thing on touchscreen

Websites that do not work well on mobile/tablet devices

» TigerDirect www.tigerdirect.com

- Large buttons that are easily clickable

- Vertical navigation- No excess information

Websites that do work well on mobile/tablet devices

- Logo and search bar on top

- Vertical navigation

- Give the user what they need and nothing more

My recommendations for going mobile

- http://www.nfusion.com/blog/design-trend-tablet-inspired-web-design

- http://www.marketwatch.com/story/tablet-growth-expected-to-explode-beyond-ipad-2010-11-15

- http://www.readwriteweb.com/biz/2011/04/how-people-use-smartphones-to-purchase-products.php

- http://www.dailywireless.org/2008/11/05/smartphone-growth-metrics/

- http://www.marketingcharts.com/direct/smartphone-data-usage-grows-rapidly-18012/

- http://searchengineland.com/why-you-should-adopt-html5now-43879

- http://sixrevisions.com/web-development/mobile-web-design-best-practices/

- http://www.uxmatters.com/mt/archives/2011/01/designing-for-the-mobile-web-special-considerations.php

- http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile-friendly/

- http://www.netmagazine.com/features/mobile-first

- http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-

sites.php

References