jones connor project4
DESCRIPTION
Presentation on MobileTRANSCRIPT
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