16
+ Mobile and Tablet Design Nancy Hernandez 05/05/2014

Hernandez nancy mobile_presentation

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Hernandez nancy mobile_presentation

+

Mobile and Tablet DesignNancy Hernandez05/05/2014

Page 2: Hernandez nancy mobile_presentation

+Mobile Internet Usage

Since 2009, the number of cell phone users who access the internet via their phones has doubled from 31%.

Of those, 21% use their phones as their primary method of accessing the internet.

Such mobile web usage is high among both young, tech savvy users, and minorities. (75% of African American and 68% of Hispanic phone users.)

91% of Americans own a cell phone, and over half of those phones are smart phones.

Page 3: Hernandez nancy mobile_presentation

+Mobile Internet Growth

According to Bloomberg.com, global smartphone usage is projected to reach 2 billion by 2015.

Mobile traffic has increased by 3.5% across all industries.

Local searches quadrupled in number in 2012 alone.

Desktop searches are projected to fall behind local mobile searches for the first time in 2015, by approximately 1.9 billion.

Page 4: Hernandez nancy mobile_presentation

+*Searches Lead to Action*

73% of mobile searches lead to follow-up action.

28% of mobile searches lead to conversions.

70% of mobile searches for specific services or products result in sales.*

Page 5: Hernandez nancy mobile_presentation

+Reasons to go Mobile

40% of searchers will move on to another result if a site is not mobile friendly

46% of those say that they are likely not to revisit a site that they cannot access via their mobile

34% of those would go to a competitor instead

Users are 24% more likely to “bounce” from a professional services site that is not optimized for mobile

Page 6: Hernandez nancy mobile_presentation

+Rethinking Design With

Mobile in Mind

Sites optimized for mobile are lean, mean, conversion machines

They are designed with function over form, rather than the opposite.

Such sites are user focused, prioritized, and easily navigable.

Page 7: Hernandez nancy mobile_presentation

+Myspace Mobile

Myspace mobile is a simple design, and appears to be easy to navigate.

The problem is that it does not render quickly and efficiently, due to the number of graphics on the page.

Page 8: Hernandez nancy mobile_presentation

+Outlook Mobile

Outlook is a great program, and an easy to use website, if you’re using their desktop site.

Unfortunately, the buttons on the mobile site are quite small, making for a frustrating experience for mobile users.

Page 9: Hernandez nancy mobile_presentation

+Amazon.com

Amazon’s mobile site is the perfect marriage of form and functionality. The navigation is simple, the buttons are large enough for easy tapping, and minimal graphics allow for quick page rendering.

Page 10: Hernandez nancy mobile_presentation

+Facebook Mobile Facebook mobile is another great example of form

meeting functionality in a beautiful way.

Navigation, images, and information are all easily accessible with a swipe or a tap.

Page 11: Hernandez nancy mobile_presentation

+If You Build it, They Will Come

There is quite a bit of technology available to help make the integration of a mobile site easier.

Among these is User Agent Detection and Mobile Analytics.

UAD automatically detects what type of device is being used to access a website, so that that person can be directed to either the desktop website, or the mobile site, accordingly.

Mobile Analytics tells you how often your site is accessed via a mobile device, as well as what type of mobile devices are used most often.

This allows you to optimize your site for the most used devices.

Page 12: Hernandez nancy mobile_presentation

+Designer Recommendations

Use Wix’s mobile site editor to pare down the site to make it more mobile friendly.

Link the mobile site to the full site.

Integrate and utilize mobile analytics and UAD to help increase visitor satisfaction, returns, and conversions.

Add fresh content often.

Page 13: Hernandez nancy mobile_presentation

+References

10 Ways Mobile Sites Are Different from Desktop Web Sites. (n.d.). :: UXmatters. Retrieved May 5, 2014, from http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-sites.php

50 Astonishing Mobile Search Statistics and Why You Should Care. (n.d.). Vocus Blog. Retrieved May 5, 2014, from http://www.vocus.com/blog/50-mobile-search-stats-and-why-you-should-care/

7 Tips To Make Your Web Site Mobile-friendly. (n.d.). SitePoint 7 Tips To Make Your Web Site Mobilefriendly Comments. Retrieved May 5, 2014, from http://blogs.sitepoint.com/7-tips-to-make-your-web-site-mobile-friendly/

Page 14: Hernandez nancy mobile_presentation

+References Continued

Creative Bloq. (n.d.). net magazine. Retrieved May 5, 2014, from http://www.netmagazine.com/features/mobile-first

Designing for the Mobile Web: Special Considerations. (n.d.). :: UXmatters. Retrieved May 5, 2014, from http://www.uxmatters.com/mt/archives/2011/01/designing-for-the-mobile-web-special-considerations.php

Kelly, H. (1970, January 1). Study: U.S. mobile Web use has doubled since 2009. CNN. Retrieved May 5, 2014, from http://www.cnn.com/2013/09/16/tech/mobile/phone-internet-usage/

Page 15: Hernandez nancy mobile_presentation

+References Continued

Mobile Technology Fact Sheet. (n.d.). Pew Research Centers Internet American Life Project RSS. Retrieved May 3, 2014, from http://www.pewinternet.org/fact-sheets/mobile-technology-fact-sheet/

Mobile Web Design: Best Practices - Six Revisions. (n.d.). Six Revisions RSS. Retrieved May 5, 2014, from http://sixrevisions.com/web-development/mobile-web-design-best-practices/

Mobility. (n.d.). 'Mobility'. Retrieved May 5, 2014, from http://blogs.keynote.com/mobility/page/2/

Page 16: Hernandez nancy mobile_presentation

+Image Credit

Rhee, E. (n.d.). Add a "+" to your Outlook.com address for instant aliases - CNET. CNET. Retrieved May 5, 2014, from http://www.cnet.com/how-to/add-a-to-your-outlook-com-address-for-instant-aliases/

What Amazon Can Teach Us About Mobile Website Design. (n.d.). The Daily Egg. Retrieved May 5, 2014, from http://blog.crazyegg.com/2012/01/30/amazon-mobile-website-design/

Why Mobile Design Should Never Be an Afterthought. (n.d.). Mashable. Retrieved May 5, 2014, from http://mashable.com/2011/08/05/mobile-design-priority/

APA formatting by BibMe.org.