Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Why Go Mobile

3,717 views

Published on

Why you need a separate mobile website:
- Growth
- Design Tips
- Things to Avoid
- Mobile Design Tool Set

Published in: Technology, Design
  • Be the first to comment

Why Go Mobile

  1. 1. Why go Mobile?
  2. 2. Mobile Usage is Growing
  3. 3. Mobile and Local Business
  4. 4. Every Market is Affected
  5. 5. How is This Affecting Website Design?
  6. 6. Good Design 101 • 80% of Screen Space Lost • Design for What Matters Most • Know our Customers • Know our Business
  7. 7. Small Navigation Image Heavy Ads on Side Busy Text
  8. 8. Easy Navigation Clean Design Targeted MobileTouch Friendly User Content
  9. 9. Which Would You Rather Look At?
  10. 10. What Else do weNeed to Know with Mobile?
  11. 11. What To Avoid
  12. 12. What To Avoid• NO Flash• NO Fixed-Element Layouts• NO Complex Navigation Paths
  13. 13. What to Use• “Less is more”• Touch and Swipe Interactivity• Vertical Navigation• HTML5• CSS3• JavaScript
  14. 14. Why do we need aSeparate Mobile Site?
  15. 15. A Separate Mobile Site• Selection• Accessibility
  16. 16. Design for Mobile
  17. 17. Design for Mobile Interactive Keep Contact Logo KeepConsiderRevising
  18. 18. Reference:Adobe Systems. (Artist). (2010). Desktop vs. mobile internet users. [Web Graphic]. Retrieved from http://www.futuristspeaker.com/2011/10/invasion-of-the-digital-body-cloud/Bodnar, K. (2010, April 14). A marketers guide to HTML5. Retrieved from http://blog.hubspot.com/blog/tabid/6307/bid/5847/A-Marketer-s-Guide-to-HTML5.aspxCreaveDesigns. (Artist). (2011). Mobile websites infographic. [Web Graphic]. Retrieved from http://creavedesigns.com/?p=396comScore. (Artist). (2011). Mobile media users growing in all markets. [Web Graphic]. Retrieved from http://www.onlinemarketing-trends.com/2011/03/global-mobile-internet-users-top-10.htmlDawson, A. (2010, August 18). Mobile web design: Best practices. Retrieved from http://sixrevisions.com/web-development/mobile-web-design-best-practices/DesignReviver. (2010, September 13). Why do we need CSS3 and HTML 5?. Retrieved from http://designreviver.com/articles/why-do-we-need-css3-and-html-5/Ma, S. (2011, March 21). 10 ways mobile sites are different from desktop web sites. Retrieved from http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-sites.php/mashable.com/2011/08/05/mobile-design-priority/Ma, S. (2011, January 17). Designing for the mobile web: Special considerations. Retrieved from http://www.uxmatters.com/mt/archives/2011/01/designing-for-the-mobile-web-special-considerations.phpNikeMediaGroup. (Photographer). (2011). Mobile websites. [Web Photo]. Retrieved from http://nikemediagroup.com/mobile-websitesPapczun, E. (2010, June 17). Why you should adopt HTML5—now. Retrieved from http://searchengineland.com/why-you-should-adopt-html5now-43879Surendra. (2011). Microsoft unveils Windows 8. [Print Graphic]. Retrieved from http://surendramahwa.wordpress.com/2011/06/20/microsoft-unveils-windows-8/windows-8-banner/Taylor, S. (Photographer). (2008). Mobile websites that work. [Web Photo]. Retrieved from http://www.gottagetamobilewebsite.com/why-conventional-sites-dont-work-for-mobile/Walsh, M. (2010, January 13). Gartner: Mobile to outpace desktop web by 2013. Retrieved from http://www.mediapost.com/publications/article/120590/Wentworth, T. (2011, August 5). Why Mobile Design Should Never Be an Afterthought, Retrieved from http://mashable.com/2011/08/05/mobile-design-priority/Wroblewski, L. (2011, March 15). Mobile first. Retrieved from http://www.netmagazine.com/features/mobile-first

×