Why go Mobile?
Mobile Usage is Growing
Mobile and Local Business
Every Market is Affected
How is This Affecting
 Website Design?
Good Design 101

 • 80% of Screen Space Lost
 • Design for What Matters Most
 • Know our Customers
 • Know our Business
Why Go Mobile
Why Go Mobile
Small Navigation   Image Heavy




                   Ads on Side
   Busy Text
Why Go Mobile
Easy Navigation
                   Clean Design



                  Targeted Mobile
Touch Friendly     User Content
Which Would You Rather Look At?
What Else do we
Need to Know with
    Mobile?
What To Avoid
What To Avoid

• NO Flash
• NO Fixed-Element Layouts
• NO Complex Navigation
 Paths
What to Use
•   “Less is more”

•   Touch and Swipe
    Interactivity

•   Vertical Navigation

•   HTML5

•   CSS3

•   JavaScript
Why do we need a
Separate Mobile Site?
A Separate Mobile Site


• Selection



• Accessibility
Design for Mobile
Design for Mobile
                         Interactive
  Keep                    Contact
  Logo
                             Keep

Consider
Revising
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 marketer's guide to HTML5. Retrieved from http://blog.hubspot.com/blog/tabid/6307/bid/5847/A-Marketer-s-Guide-to-
HTML5.aspx

CreaveDesigns. (Artist). (2011). Mobile websites infographic. [Web Graphic]. Retrieved from http://creavedesigns.com/?p=396

comScore. (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.html

Dawson, 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.php

NikeMediaGroup. (Photographer). (2011). Mobile websites. [Web Photo]. Retrieved from http://nikemediagroup.com/mobile-websites

Papczun, E. (2010, June 17). Why you should adopt HTML5—now. Retrieved from http://searchengineland.com/why-you-should-adopt-html5now-43879

Surendra. (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

More Related Content

PPT
Responsive web design
PDF
Jessica scott week 4 presentation
PDF
Mobile Apps MPI DFW Camp Wisdom
PPT
Tips for mobile website design
PPTX
Do’s and don’ts for a successful UX design
PDF
Mobile Apps for Events
PPTX
Getting involved in Augmented Reality - CVISION
PDF
GUIDE_Series_Mobilize_Your_Nonprofit
Responsive web design
Jessica scott week 4 presentation
Mobile Apps MPI DFW Camp Wisdom
Tips for mobile website design
Do’s and don’ts for a successful UX design
Mobile Apps for Events
Getting involved in Augmented Reality - CVISION
GUIDE_Series_Mobilize_Your_Nonprofit

What's hot (20)

PDF
Why Does a UI Matters?
PDF
The Dangers of the Wrong Mobile Strategy
PDF
Mobile Apps for Events - PCMA Heartland
PDF
Interaction Design L01 - Mobile Constraints
PDF
Gup web mobilegis
PPTX
Technical seminar
PPTX
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
PDF
Mobile Monday
PPT
Local/Mobile - Hendison - Pubcon Vegas 2012
PDF
2013-09-24: Online Marketing
PPT
Branding SharePoint for Evolving Internet Devices
PDF
5 Web Design Trends for 2015
PDF
Responsive Design And You
PDF
Mobile Culture - Natural History Museum
PPTX
Ux ui presentation2
PPTX
Salomon katherine mobile_presentation2
PPTX
Spinlab - Technology for Small Businesses
PPTX
Responsive web design
PDF
Flatworld Edge Brochure
PPTX
Beyond Branding SharePoint - SharePoint and Today's Web
Why Does a UI Matters?
The Dangers of the Wrong Mobile Strategy
Mobile Apps for Events - PCMA Heartland
Interaction Design L01 - Mobile Constraints
Gup web mobilegis
Technical seminar
How To Be A Good Guide: Crafting Navigation Experiences (Push Conference 2016)
Mobile Monday
Local/Mobile - Hendison - Pubcon Vegas 2012
2013-09-24: Online Marketing
Branding SharePoint for Evolving Internet Devices
5 Web Design Trends for 2015
Responsive Design And You
Mobile Culture - Natural History Museum
Ux ui presentation2
Salomon katherine mobile_presentation2
Spinlab - Technology for Small Businesses
Responsive web design
Flatworld Edge Brochure
Beyond Branding SharePoint - SharePoint and Today's Web
Ad

Viewers also liked (6)

PPT
Zaprosi
PPTX
SQL Azure
PDF
Overview SQL Server 2012
PPTX
Introduction to Windows Azure and Windows Azure SQL Database
PPTX
Windows Azure Caching
PPTX
SQL Azure Overview
Zaprosi
SQL Azure
Overview SQL Server 2012
Introduction to Windows Azure and Windows Azure SQL Database
Windows Azure Caching
SQL Azure Overview
Ad

Similar to Why Go Mobile (20)

PPTX
Understanding & Designing for the Mobile Web
PDF
Mobile Presentation
PDF
10 Tips To A Great Mobile Website By Wayne Chen
KEY
Designing for mobile devices
KEY
Beyond the Desktop: Sites and Apps for Phones and Tablets
PPTX
Mobile_Presentation
PPTX
Project 4: Mobile and Tablet Design for Collins Catering & Events
PPTX
Johnson stephanie mobile_presentation
KEY
Hoke cheri project4
PDF
Workshop 11: Trendy web designs & prototyping
PPTX
Understanding the Complex Mobile Landscape
PDF
Responsive Webdesign - UXtour Microsoft
PDF
Responsive webdesign
PPTX
Shawn Terry - Mobile Presentation
PDF
Siruna session at Drupalcon Paris 2009
PPT
Mobile and Tablet Design for Business
PPTX
How To Be an HTML5 Mobile Cloud Champion
PDF
Get Mobile | Mobile & Digital Marketing | Crystal Olig | Upward | Oxiem
PPT
Mobile and Tablet Design for Business
PPT
Hawkins bedeyah mobile_presentation2
Understanding & Designing for the Mobile Web
Mobile Presentation
10 Tips To A Great Mobile Website By Wayne Chen
Designing for mobile devices
Beyond the Desktop: Sites and Apps for Phones and Tablets
Mobile_Presentation
Project 4: Mobile and Tablet Design for Collins Catering & Events
Johnson stephanie mobile_presentation
Hoke cheri project4
Workshop 11: Trendy web designs & prototyping
Understanding the Complex Mobile Landscape
Responsive Webdesign - UXtour Microsoft
Responsive webdesign
Shawn Terry - Mobile Presentation
Siruna session at Drupalcon Paris 2009
Mobile and Tablet Design for Business
How To Be an HTML5 Mobile Cloud Champion
Get Mobile | Mobile & Digital Marketing | Crystal Olig | Upward | Oxiem
Mobile and Tablet Design for Business
Hawkins bedeyah mobile_presentation2

Recently uploaded (20)

PDF
4 layer Arch & Reference Arch of IoT.pdf
PDF
Accessing-Finance-in-Jordan-MENA 2024 2025.pdf
PDF
Advancing precision in air quality forecasting through machine learning integ...
PPTX
Build Your First AI Agent with UiPath.pptx
PDF
Improvisation in detection of pomegranate leaf disease using transfer learni...
PDF
INTERSPEECH 2025 「Recent Advances and Future Directions in Voice Conversion」
PDF
giants, standing on the shoulders of - by Daniel Stenberg
PPTX
Custom Battery Pack Design Considerations for Performance and Safety
PDF
5-Ways-AI-is-Revolutionizing-Telecom-Quality-Engineering.pdf
PDF
sbt 2.0: go big (Scala Days 2025 edition)
PDF
NewMind AI Weekly Chronicles – August ’25 Week IV
PDF
Lung cancer patients survival prediction using outlier detection and optimize...
PPTX
Training Program for knowledge in solar cell and solar industry
PPTX
Module 1 Introduction to Web Programming .pptx
PDF
Dell Pro Micro: Speed customer interactions, patient processing, and learning...
PDF
“A New Era of 3D Sensing: Transforming Industries and Creating Opportunities,...
PDF
Enhancing plagiarism detection using data pre-processing and machine learning...
PDF
Transform-Your-Streaming-Platform-with-AI-Driven-Quality-Engineering.pdf
PDF
Early detection and classification of bone marrow changes in lumbar vertebrae...
PDF
CXOs-Are-you-still-doing-manual-DevOps-in-the-age-of-AI.pdf
4 layer Arch & Reference Arch of IoT.pdf
Accessing-Finance-in-Jordan-MENA 2024 2025.pdf
Advancing precision in air quality forecasting through machine learning integ...
Build Your First AI Agent with UiPath.pptx
Improvisation in detection of pomegranate leaf disease using transfer learni...
INTERSPEECH 2025 「Recent Advances and Future Directions in Voice Conversion」
giants, standing on the shoulders of - by Daniel Stenberg
Custom Battery Pack Design Considerations for Performance and Safety
5-Ways-AI-is-Revolutionizing-Telecom-Quality-Engineering.pdf
sbt 2.0: go big (Scala Days 2025 edition)
NewMind AI Weekly Chronicles – August ’25 Week IV
Lung cancer patients survival prediction using outlier detection and optimize...
Training Program for knowledge in solar cell and solar industry
Module 1 Introduction to Web Programming .pptx
Dell Pro Micro: Speed customer interactions, patient processing, and learning...
“A New Era of 3D Sensing: Transforming Industries and Creating Opportunities,...
Enhancing plagiarism detection using data pre-processing and machine learning...
Transform-Your-Streaming-Platform-with-AI-Driven-Quality-Engineering.pdf
Early detection and classification of bone marrow changes in lumbar vertebrae...
CXOs-Are-you-still-doing-manual-DevOps-in-the-age-of-AI.pdf

Why Go Mobile

  • 2. Mobile Usage is Growing
  • 3. Mobile and Local Business
  • 4. Every Market is Affected
  • 5. How is This Affecting Website Design?
  • 6. Good Design 101 • 80% of Screen Space Lost • Design for What Matters Most • Know our Customers • Know our Business
  • 9. Small Navigation Image Heavy Ads on Side Busy Text
  • 11. Easy Navigation Clean Design Targeted Mobile Touch Friendly User Content
  • 12. Which Would You Rather Look At?
  • 13. What Else do we Need to Know with Mobile?
  • 15. What To Avoid • NO Flash • NO Fixed-Element Layouts • NO Complex Navigation Paths
  • 16. What to Use • “Less is more” • Touch and Swipe Interactivity • Vertical Navigation • HTML5 • CSS3 • JavaScript
  • 17. Why do we need a Separate Mobile Site?
  • 18. A Separate Mobile Site • Selection • Accessibility
  • 20. Design for Mobile Interactive Keep Contact Logo Keep Consider Revising
  • 21. 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 marketer's guide to HTML5. Retrieved from http://blog.hubspot.com/blog/tabid/6307/bid/5847/A-Marketer-s-Guide-to- HTML5.aspx CreaveDesigns. (Artist). (2011). Mobile websites infographic. [Web Graphic]. Retrieved from http://creavedesigns.com/?p=396 comScore. (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.html Dawson, 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.php NikeMediaGroup. (Photographer). (2011). Mobile websites. [Web Photo]. Retrieved from http://nikemediagroup.com/mobile-websites Papczun, E. (2010, June 17). Why you should adopt HTML5—now. Retrieved from http://searchengineland.com/why-you-should-adopt-html5now-43879 Surendra. (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

Editor's Notes

  • #2: \n
  • #3: Gartner, the world’s leading information technology research and advisory company, projects that “by 2013, more people will access websites through mobile phones than through desktop computers” (Wentworth, 2011).\n
  • #4: Concerning Mobile’s impact on the local business market, 50% of all local searches are performed on mobile devices; and of those searches, 61% of users called the business and 59% visited them.\n
  • #5: Gartner also estimates that, by 2014, “3 billion of the world’s adult population will be able to conduct transactions via mobile or Internet technology” (Walsh, 2010).\nThis expansive growth of the use of mobile, for searching the Internet, is world wide. \n
  • #6: How is this affecting website design?\n
  • #7: Most mobile phones allow for only 20% of the screen space we are used to with a normal desktop computer. “That means 80% of the content, navigation, promotions and interactions you could fit on the desktop needs to go” (Wroblewski, 2011). Though this may sound scary and a little overwhelming at first, it’s important to recognize that designing for mobile forces you to “know what matters most. In order to do that you need to really know your customers and you business. Which is good design 101” (Wroblewski, 2011).\n\n
  • #8: Consider these two sites, as viewed by an iPhone. Notice the differences. Notice which one is easier to view on a screen of this size. \nThese are both the same site; one is simply designed to be viewed on a mobile device.\n
  • #9: Viewing a standard website, within the limited screen of a mobile phone, is frustrating. The text is small and the navigation isn’t designed for touchscreens. Space is taken up by ads on the side, and an image heavy site results in slower download speeds. "According to Aberdeen, a one-second delay in page response can result in a 7% reduction in conversion" (Wentworth, 2011). We don't want our visitors leaving, before they've even viewed our page, because it took to long to load.\n
  • #10: Viewing a standard website, within the limited screen of a mobile phone, is frustrating. The text is small and the navigation isn’t designed for touchscreens. Space is taken up by ads on the side, and an image heavy site results in slower download speeds. "According to Aberdeen, a one-second delay in page response can result in a 7% reduction in conversion" (Wentworth, 2011). We don't want our visitors leaving, before they've even viewed our page, because it took to long to load.\n
  • #11: Viewing a standard website, within the limited screen of a mobile phone, is frustrating. The text is small and the navigation isn’t designed for touchscreens. Space is taken up by ads on the side, and an image heavy site results in slower download speeds. "According to Aberdeen, a one-second delay in page response can result in a 7% reduction in conversion" (Wentworth, 2011). We don't want our visitors leaving, before they've even viewed our page, because it took to long to load.\n
  • #12: Viewing a standard website, within the limited screen of a mobile phone, is frustrating. The text is small and the navigation isn’t designed for touchscreens. Space is taken up by ads on the side, and an image heavy site results in slower download speeds. "According to Aberdeen, a one-second delay in page response can result in a 7% reduction in conversion" (Wentworth, 2011). We don't want our visitors leaving, before they've even viewed our page, because it took to long to load.\n
  • #13: Viewing a standard website, within the limited screen of a mobile phone, is frustrating. The text is small and the navigation isn’t designed for touchscreens. Space is taken up by ads on the side, and an image heavy site results in slower download speeds. "According to Aberdeen, a one-second delay in page response can result in a 7% reduction in conversion" (Wentworth, 2011). We don't want our visitors leaving, before they've even viewed our page, because it took to long to load.\n
  • #14: Viewing a standard website, within the limited screen of a mobile phone, is frustrating. The text is small and the navigation isn’t designed for touchscreens. Space is taken up by ads on the side, and an image heavy site results in slower download speeds. "According to Aberdeen, a one-second delay in page response can result in a 7% reduction in conversion" (Wentworth, 2011). We don't want our visitors leaving, before they've even viewed our page, because it took to long to load.\n
  • #15: Viewing a standard website, within the limited screen of a mobile phone, is frustrating. The text is small and the navigation isn’t designed for touchscreens. Space is taken up by ads on the side, and an image heavy site results in slower download speeds. "According to Aberdeen, a one-second delay in page response can result in a 7% reduction in conversion" (Wentworth, 2011). We don't want our visitors leaving, before they've even viewed our page, because it took to long to load.\n
  • #16: Viewing a standard website, within the limited screen of a mobile phone, is frustrating. The text is small and the navigation isn’t designed for touchscreens. Space is taken up by ads on the side, and an image heavy site results in slower download speeds. "According to Aberdeen, a one-second delay in page response can result in a 7% reduction in conversion" (Wentworth, 2011). We don't want our visitors leaving, before they've even viewed our page, because it took to long to load.\n
  • #17: “In 2009, over one million touchscreen phones were sold per day” (Wroblewski, 2011). With mobile, we need a clean, touch friendly design. “Research has shown that during a typical day: 84% of people will use their smartphone at home, 80% during miscellaneous times...74% waiting in lines, and 64% at work...[which means], designing for mobile amounts to designing something that can be used all the time.” (Wroblewski, 2011). \n\n
  • #18: “In 2009, over one million touchscreen phones were sold per day” (Wroblewski, 2011). With mobile, we need a clean, touch friendly design. “Research has shown that during a typical day: 84% of people will use their smartphone at home, 80% during miscellaneous times...74% waiting in lines, and 64% at work...[which means], designing for mobile amounts to designing something that can be used all the time.” (Wroblewski, 2011). \n\n
  • #19: “In 2009, over one million touchscreen phones were sold per day” (Wroblewski, 2011). With mobile, we need a clean, touch friendly design. “Research has shown that during a typical day: 84% of people will use their smartphone at home, 80% during miscellaneous times...74% waiting in lines, and 64% at work...[which means], designing for mobile amounts to designing something that can be used all the time.” (Wroblewski, 2011). \n\n
  • #20: “In 2009, over one million touchscreen phones were sold per day” (Wroblewski, 2011). With mobile, we need a clean, touch friendly design. “Research has shown that during a typical day: 84% of people will use their smartphone at home, 80% during miscellaneous times...74% waiting in lines, and 64% at work...[which means], designing for mobile amounts to designing something that can be used all the time.” (Wroblewski, 2011). \n\n
  • #21: “In 2009, over one million touchscreen phones were sold per day” (Wroblewski, 2011). With mobile, we need a clean, touch friendly design. “Research has shown that during a typical day: 84% of people will use their smartphone at home, 80% during miscellaneous times...74% waiting in lines, and 64% at work...[which means], designing for mobile amounts to designing something that can be used all the time.” (Wroblewski, 2011). \n\n
  • #22: “In 2009, over one million touchscreen phones were sold per day” (Wroblewski, 2011). With mobile, we need a clean, touch friendly design. “Research has shown that during a typical day: 84% of people will use their smartphone at home, 80% during miscellaneous times...74% waiting in lines, and 64% at work...[which means], designing for mobile amounts to designing something that can be used all the time.” (Wroblewski, 2011). \n\n
  • #23: “In 2009, over one million touchscreen phones were sold per day” (Wroblewski, 2011). With mobile, we need a clean, touch friendly design. “Research has shown that during a typical day: 84% of people will use their smartphone at home, 80% during miscellaneous times...74% waiting in lines, and 64% at work...[which means], designing for mobile amounts to designing something that can be used all the time.” (Wroblewski, 2011). \n\n
  • #24: “In 2009, over one million touchscreen phones were sold per day” (Wroblewski, 2011). With mobile, we need a clean, touch friendly design. “Research has shown that during a typical day: 84% of people will use their smartphone at home, 80% during miscellaneous times...74% waiting in lines, and 64% at work...[which means], designing for mobile amounts to designing something that can be used all the time.” (Wroblewski, 2011). \n\n
  • #25: Take another look. Which one would you rather have on your mobile device? Which one are you more likely to use?\n
  • #26: What else do we need to know with mobile?\n
  • #27: Stay away from using Flash; many mobile devices don’t support it, and error messages will only serve to annoy your visitors. (You can use HTML5 instead; more on this later).\nAvoid using fixed-element layouts. With the explosion of the mobile market, there are varied screen sizes. A fluid-element layout will allow for your text to wrap and fit within the screen of any device, without the user having to side scroll-which is a huge faux pax.\nAbandon complex navigation; you don’t want your user’s getting lost in your site. Try to keep the content, that is most important to you mobile user, on or near the homepage. Also, it’s important to have a search feature, so your visitors can easily find those things that might normally be several links away.\n\n
  • #28: Stay away from using Flash; many mobile devices don’t support it, and error messages will only serve to annoy your visitors. (You can use HTML5 instead; more on this later).\nAvoid using fixed-element layouts. With the explosion of the mobile market, there are varied screen sizes. A fluid-element layout will allow for your text to wrap and fit within the screen of any device, without the user having to side scroll-which is a huge faux pax.\nAbandon complex navigation; you don’t want your user’s getting lost in your site. Try to keep the content, that is most important to you mobile user, on or near the homepage. Also, it’s important to have a search feature, so your visitors can easily find those things that might normally be several links away.\n\n
  • #29: Stay away from using Flash; many mobile devices don’t support it, and error messages will only serve to annoy your visitors. (You can use HTML5 instead; more on this later).\nAvoid using fixed-element layouts. With the explosion of the mobile market, there are varied screen sizes. A fluid-element layout will allow for your text to wrap and fit within the screen of any device, without the user having to side scroll-which is a huge faux pax.\nAbandon complex navigation; you don’t want your user’s getting lost in your site. Try to keep the content, that is most important to you mobile user, on or near the homepage. Also, it’s important to have a search feature, so your visitors can easily find those things that might normally be several links away.\n\n
  • #30: Take the “less is more” approach. Mobile sites should be simple, touch-friendly, and easy to navigate.\n“Transition from a point-click mentality to a touch-and-swipe practice. Mobile devices present new, simpler ways to interact with content, so take full advantage” (Wentworth, 2011).\nVertical navigation allows all selection to be seen on a small screen, without having to side-scroll.\n“HTML5 makes video a native browser experience for users and publishers” (Bodnar, 2010). Which means that there is no need for a browser plugin, like Flash; and the video can be sized as easily as an image. “HTML5 enables more web-friendly graphics and greater interactivity…[with] instantaneous playback on all-access video and low power consumption, while drag-and-drop capabilities enable users to customize their experience” (Papczun, 2010).\nCSS3 provides rounded corners, multiple background, direct web fonts, wrapping to the text...2D transformation to the object, animations, gradients, opacity...box-resizing, box-shadow, top-right-bottom-left navigation, attribute selector...” (DesignReviver, 2010) and more.\nJavaScript supplies the interactivity of it all.\nDon’t worry if you didn’t catch that all - the point is to know that there are tools available to overcome the previously mentioned difficulties. HTML5, CSS3, and JavaScript will be your toolset.\n\n\n
  • #31: You may be wondering, "Don't mobile devices today have the ability to view our existing site? Why do we need a separate site designed for mobile? Can't I make my existing site work for both?\nGreat Questions!\n
  • #32: Mobile users have different needs than desktop users. It’s not just about making things more readable, it’s about making them more accessible. \n“Designing to encourage selection instead of typing can greatly ease the pain of typing on a mobile device. Even when there is a long list of option[s]” (Ma, 2011).\nAlso, when accessing a website from a mobile phone, a user should be able to touch the contact information, and have the phone automatically dial the number listed on the website. \nYou may even take it one step further and consider “the idea of developing an app for your service which can function both offline and online ” (Dawson, 2010).\nEither way, by developing a separate mobile site, “you can create an experience specifically for your mobile users without taking away from the experience of desktop users.” (Dawson, 2010).\n
  • #33: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #34: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #35: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #36: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #37: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #38: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #39: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #40: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #41: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #42: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #43: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #44: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #45: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #46: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #47: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #48: With all of the changes in building a mobile site, you still want your visitors to feel a symmetry with your desktop site. This familiarity helps your visitors feel a sense of trust when viewing your site between different formats. A good way to do this is to continue using your logo in all formats. \nAs mentioned before, you will want to get rid of any unnecessary graphics and sidebars. Keep the most pertinent information, to the mobile user, on the homepage. For this site, that would include links to Donate Vehicles Online (renamed “Donate Vehicle”), Car Donation Process (renamed “How it Works”), About Us, FAQ’s, and Contact Us. The Contact button should be interactive, to take advantage of the one-touch dialing, available on mobile phones.\nThe step-by-step process provides an easy visual aid which is ideal for mobile. It’s certainly worth considering some revisions and then placement on a secondary page.\nFor sites starting out, it may be easier to consider building for mobile first. However, if you understand you customers and business well, you can quickly determine which of your existing content is useful to your mobile customers and which is best left to the desktop.\n
  • #49: \n