SlideShare ist ein Scribd-Unternehmen logo
1 von 21
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
Small Navigation   Image Heavy




                   Ads on Side
   Busy Text
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

Weitere ähnliche Inhalte

Was ist angesagt?

Mobile Apps for Events - PCMA Heartland
Mobile Apps for Events - PCMA HeartlandMobile Apps for Events - PCMA Heartland
Mobile Apps for Events - PCMA Heartland
Jessica Levin
 
Branding SharePoint for Evolving Internet Devices
Branding SharePoint for Evolving Internet DevicesBranding SharePoint for Evolving Internet Devices
Branding SharePoint for Evolving Internet Devices
Eric Overfield
 
Mobile Culture - Natural History Museum
Mobile Culture - Natural History MuseumMobile Culture - Natural History Museum
Mobile Culture - Natural History Museum
James Cameron
 
Ux ui presentation2
Ux ui presentation2Ux ui presentation2
Ux ui presentation2
GeneXus
 
Spinlab - Technology for Small Businesses
Spinlab - Technology for Small BusinessesSpinlab - Technology for Small Businesses
Spinlab - Technology for Small Businesses
joeclo
 
Beyond Branding SharePoint - SharePoint and Today's Web
Beyond Branding SharePoint - SharePoint and Today's WebBeyond Branding SharePoint - SharePoint and Today's Web
Beyond Branding SharePoint - SharePoint and Today's Web
Eric Overfield
 

Was ist angesagt? (20)

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

Andere mochten auch

Andere mochten auch (6)

Zaprosi
ZaprosiZaprosi
Zaprosi
 
SQL Azure
SQL AzureSQL Azure
SQL Azure
 
Overview SQL Server 2012
Overview SQL Server 2012Overview SQL Server 2012
Overview SQL Server 2012
 
Introduction to Windows Azure and Windows Azure SQL Database
Introduction to Windows Azure and Windows Azure SQL DatabaseIntroduction to Windows Azure and Windows Azure SQL Database
Introduction to Windows Azure and Windows Azure SQL Database
 
Windows Azure Caching
Windows Azure CachingWindows Azure Caching
Windows Azure Caching
 
SQL Azure Overview
SQL Azure OverviewSQL Azure Overview
SQL Azure Overview
 

Ähnlich wie Why Go Mobile

Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
auexpo Conference
 
Responsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web AppResponsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web App
Pamela Ireri
 
Web UI Design Examples.pdf
Web UI Design Examples.pdfWeb UI Design Examples.pdf
Web UI Design Examples.pdf
Ayesha Siddika
 
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
affilinet
 
Web topic 25 mobile optimized website
Web topic 25  mobile optimized websiteWeb topic 25  mobile optimized website
Web topic 25 mobile optimized website
CK Yang
 

Ähnlich wie Why Go Mobile (20)

Mobile Web site options by Reactive
Mobile Web site options by ReactiveMobile Web site options by Reactive
Mobile Web site options by Reactive
 
digital marketing[1].pdf
digital marketing[1].pdfdigital marketing[1].pdf
digital marketing[1].pdf
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
 
MobileWebAppsDesign
MobileWebAppsDesignMobileWebAppsDesign
MobileWebAppsDesign
 
Top Trend To Design in Website Development and Design
Top Trend To Design in Website Development and DesignTop Trend To Design in Website Development and Design
Top Trend To Design in Website Development and Design
 
Mobile and Responsive Design
Mobile and Responsive DesignMobile and Responsive Design
Mobile and Responsive Design
 
Responsive Web Designs.pdf
Responsive Web Designs.pdfResponsive Web Designs.pdf
Responsive Web Designs.pdf
 
Mobile first ux
Mobile first uxMobile first ux
Mobile first ux
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10
 
Defining strategies from the value of website
Defining strategies from the value of websiteDefining strategies from the value of website
Defining strategies from the value of website
 
Responsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web AppResponsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web App
 
Web UI Design Examples.pdf
Web UI Design Examples.pdfWeb UI Design Examples.pdf
Web UI Design Examples.pdf
 
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
 
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
Striking Gold! How Mobile Marketing Pioneers are Winning the Hearts & Minds o...
 
Front end developer responsibilities what does a front-end developer do?
Front end developer responsibilities  what does a front-end developer do?Front end developer responsibilities  what does a front-end developer do?
Front end developer responsibilities what does a front-end developer do?
 
Shamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trendsShamit Khemka describes Top 5 web designing trends
Shamit Khemka describes Top 5 web designing trends
 
Web topic 25 mobile optimized website
Web topic 25  mobile optimized websiteWeb topic 25  mobile optimized website
Web topic 25 mobile optimized website
 
Unveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docxUnveiling Mobile Mastery Crafting Seamless User Experiences.docx
Unveiling Mobile Mastery Crafting Seamless User Experiences.docx
 
5 Reasons to go Responsive
5 Reasons to go Responsive5 Reasons to go Responsive
5 Reasons to go Responsive
 

Kürzlich hochgeladen

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 

Kürzlich hochgeladen (20)

Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 

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
  • 7.
  • 8.
  • 9. Small Navigation Image Heavy Ads on Side Busy Text
  • 10.
  • 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

Hinweis der Redaktion

  1. \n
  2. 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
  3. 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
  4. 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
  5. How is this affecting website design?\n
  6. 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
  7. 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
  8. 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
  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. “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
  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. Take another look. Which one would you rather have on your mobile device? Which one are you more likely to use?\n
  25. What else do we need to know with mobile?\n
  26. 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
  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. 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
  30. 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
  31. 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
  32. 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
  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. \n