Mobile and Tablet DesignRhonda Potts

Student #0004628032

November 23, 2014

Fundamentals of Web Design - Online

IMK241-O, Theresa Weber

•Mobile usage has increased by five times as much as in 2009 !•Equal time spent on mobile devices as on desktops and laptops !

•Mobile phone use expected to reach over 4 billion worldwide in 2014 !

•Smartphone usage to increase from 59.5% to 70.5% !!!!

Growth of mobile usage and estimated future usage

•Tablet shipments far outweighed PC shipments in 2013 !

•Tablet sales to be at over 16% by 2017 !•Apple to control half of tablet market share by 2015 !

•Businesses will be responsible for 18% of tablet purchases !!!!

Growth of tablet usage and estimated future usage

• Less use of graphics and images, even for navigation, some mobile device platforms do not support graphics and images

!• Content is prioritized by what is essential !

• Mouse versus finger usage !

• Phone function integration

Mobile usage and web design impact

• Mouse versus finger usage, tabs and buttons bigger than on mobile devices, but still size appropriate

!• Paint a portrait or paint a landscape !

• Just the right size typography !

• Scrolling with finger and not the wheel of a mouse

Tablet usage and web design impact

• Tabs and buttons to ensure precise navigation !

• Reduced hierarchy !

• Resize images !

• Use adaptive design !

• Responsive design, an affordable solution

Technologies that help mobile site accessibility

• Links are not indicated with tabs or buttons !

• Home page is not efficient !

• Image inconsistency

Example of a bad mobile site

• Critical information easily available !

• Links clearly indicated !

• Images consistent on all pages

Example of a good mobile site

• Links clearly indicated

!• Images consistent

and clear !

• Forms load easily !

Example of a good mobile site

Recommendation for Collins Catering

• Online calendar/forms • Buttons clearly indicated for different menus • Image gallery consistency • Phone functionality for venues

!

references!Arthur, C. (2011, September 22). IPad to dominate tablet sales until 2015 as growth explodes, says Gartner. Retrieved November 23, 2014, from http://www.theguardian.com/technology/2011/sep/22/tablet-forecast-gartner-ipad !!Columbus, L. (2013, September 9). IDC: 87% Of Connected Devices Sales By 2017 Will Be Tablets And Smartphones. Retrieved November 23, 2014, from http://www.forbes.com/sites/louiscolumbus/2013/09/12/idc-87-of-connected-devices-by-2017-will-be-tablets-and-smartphones/ !Danova, T. (2013, September 9). This Is What The Massive Growth Of Mobile Media Consumption Means For The Mobile Industry. Retrieved November 23, 2014, from http://www.businessinsider.com/what-the-massive-growth-of-mobile-media-consumption-means-for-the-mobile-industry-2013-8 !!Faletski, I. (2009, November 18). 7 Tips To Make Your Web Site Mobile-friendly. Retrieved November 23, 2014, from http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile-friendly/ !Findlay Schenck, B. (2013, May 6). How to Make Your Website More Mobile-Friendly. Retrieved November 23, 2014, from http://www.entrepreneur.com/article/226575 !Ma, S. (2011, March 21). 10 Ways Mobile Sites Are Different from Desktop Web Sites. Retrieved November 23, 2014, from http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-sites.php !Rajan, D. (2013, July 2). How the touch screen revolution is impacting ux. Retrieved November 23, 2014, from http://www.webdesignerdepot.com/2013/07/how-the-touch-screen-revolution-is-impacting-ux/ !Smartphone Users Worldwide Will Total 1.75 Billion in 2014. (2014, January 16). Retrieved November 23, 2014, from http://www.emarketer.com/Article/Smartphone-Users-Worldwide-Will-Total-175-Billion-2014/1010536 !Tofel, K. (2014, July 7). Despite slowing growth, tablet sales expected to overtake PCs next year. Retrieved November 23, 2014, from https://gigaom.com/2014/07/07/despite-slowing-growth-tablet-sales-expected-to-overtake-pcs-next-year/ !Turnbull, C. (2011, March 11). How the iPad (and Tablets) Are Driving New Web Design Trends. Retrieved November 23, 2014, from http://webdesign.tutsplus.com/articles/how-the-ipad-and-tablets-are-driving-new-web-design-trends--webdesign-2428

references photos

!http://3oneseven.com/typography-16/ !http://appsforipads.net !http://bgr.com/2013/12/20/tablet-versus-pc-use/ !http://blog.dudamobile.com/four-mobile-web-design-tips-you-should-apply-to-your-mobile-website/ !http://cao-tech.com/responsive-web-design-in-nh/ !http://epiceraleaders.com/mobile-devices-2015/ !http://incharged.com/blog/2014/02/25/cell-phone-charging-stations-at-concerts-events/ !https://itunes.apple.com/us/app/evite/id431685286?mt=8 !http://www.longevitygraphics.com/blog/top-5-mobile-seo-strategies-that-work/ !https://www.odesk.com/blog/2014/02/5-great-responsive-website-examples/ !http://www.sandiegocountynews.com/2011/12/13/orbitz-unveils-powerful-new-mobile-website/ !http://www.thefullsignal.com/products/7831/touchscreen-lowdown-capacitive-vs-resistive !http://www.turncyclesolutions.com/blog/2014/09/16/3-tips-for-taking-better-smartphone-photos/ !http://www.usabilityfirst.com/glossary/portrait-and-landscape/ !