Allyson Mia Moore - FWD_Project4

June 25, 2014

Collins Catering & Events: Mobile & Tablet DesignAllyson Mia Moore

Figure 1

01

Mobile & Tablet Usage/Estimates

✤ Devices to overtake Internet access in 2014 (Bosomworth, 2014)

✤ Vital to have multiple versions of your site for different devices

✤ Unfriendly mobile sites will have negative impact on SEO (Ellins, 2014)

Figure 2

01

Figure 3

01

Impact onWeb Design

✤ Developers are creating multiple sites for various devices

✤ Streamlined website design

✤ Focus on the user

✤ Readjusting your perspective on transaction-oriented users (Wentworth, 2011)

Figure 4

01Figure 5

Accessibility On All Devices✤ Installation of mobile

plugins

✤ User Agent detection

✤ Enhance your navigation so that it is easy to understand

✤ Create clear content that is readable on a smaller screen

✤ Don’t rely on Flash or too many images/videos

Poor Examples of Device Design

01

Johns HopkinsLayout design is just as vital for mobile/device sites. Pages with too much content, disorganized content, and/or lacking in aesthetically pleasing elements will not hold a pleasing user experience.

01

JeepMobile content should always be resized to fit the frame of the device—especially promotional content.

Excellent Examples of Device Design

01

Food SenseFood Sense is a food blog that has taken the beauty and simplicity of their desktop site and mirrored this perfect balance within their mobile site. Streamlined design, beautiful imagery, not overwhelmed with content.

01

Virgin AmericaVirgin America’s mobile site is organized beautifully with equally efficient interactivity for booking flights with ease.

01

Your Mobile Site

✤ Why does Collins Catering & Events need a device-friendly site?

✤ Device usage growth

✤ Better user experience

✤ Conversion rates

✤ Modern = Relevant

Summary

✤ Device usage to lead in Internet access

✤ Continuing growth in mobile/tablet usage leads to development in device-friendly sites

✤ Keep your consumers by making their online experience, across the board, pleasing and simple

✤ A well-designed device site can only help Collins Catering & Events

Thank you!

Works Cited

✤ Bosomworth, Danyl. (2014). Mobile Marketing Statistics 2014. Smart Insights. Retrieved from: http://www.smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile-marketing-statistics/

✤ Ellins, Jonathan. (2014). Google Analytics: Desktop vs. Mobile vs. Tablet Metrics. Hallam Internet. Retrieved from: http://www.hallaminternet.com/2014/google-analytics-desktop-vs-mobile-vs-tablet-metrics/

✤ Faletski, Igor. (2009). 7 Tips To Make Your Web Site Mobile-friendly. Sitepoint. Retrieved from: http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile-friendly/

✤ Ketterman, Shane. (2013). How to Make Your Website Mobile Friendly (And Keep Your Readers Happy). CopyBlogger. Retrieved from: http://www.copyblogger.com/mobile-friendly-website/

✤ Provab Technosoft. (2014). Why mobile website (mobile browsers compatible) is indispensable to your business. WhaTech. Retrieved from http://www.whatech.com/mobile-apps/22486-why-mobile-website-mobile-browsers-compatible-is-indispensable-to-your-business

✤ Wentworth, Tom. (2011). Why Mobile Design Should Never Be an Afterthought. Mashable. Retrieved from: http://mashable.com/2011/08/05/mobile-design-priority/

Works Cited (images)✤ Figure 1. Responsive Design Kinetic Knowledge [Illustration]. (2013).

Retrieved June 25, 2014, from: http://kineticknowledge.com/wordpress-mobile-responsive-design/

✤ Figure 2. Zdravkovski, Nick. (Designer). (2014). Simply The Best! [Graphic]. Retrieved June 25, 2014, from: http://thezdravogroup.com/simply-the-best-dance-competition/

✤ Figure 3. What We Do With Our Smartphones [Illustration]. (2014). Retrieved June 25, 2014, from: http://www.nielsen.com/us/en/reports/2013/mobile-consumer-report-february-2013.html

✤ Figure 4. Zdravkovski, Nick. (Designer). (2014). Swiss Natural Mobile Design [Graphic]. Retrieved June 25, 2014, from: http://thezdravogroup.com/swiss-natural/

✤ Figure 5. Zdravkovski, Nick. (Designer). (2014). 720 King West - Green Council [Graphic]. Retrieved June 25, 2014, from: http://thezdravogroup.com/720access/