Your SlideShare is downloading. ×
Is Your Website Mobile Ready?
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Is Your Website Mobile Ready?

1,085

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,085
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • The rise in mobile device usage is having a major impact on the way websites are designed and how people access those websites.
  • The rise in mobile device usage is having a major impact on the way websites are designed and how people access those websites.
  • According to the Gartner study, it is estimated that by 2013 the number of mobile and tablet users will be greater than the number of pc users and there will be a rise in number transactions made using mobile devices by the year 2014.
  • With this kind of growth in mobile and tablet usage, it is important to understand the changes in web design to ensure that your site is accessible on these mobile devices.
  • Designing websites for mobile devices requires the site’s content to be minimalized to the most essential functions and features or in other words, focused. The site’s content must also be presented in a user-friendly way, to compensate for the smaller screen sizes and smaller keyboard layouts that are on mobile devices.
  • The site’s content should adhere to these simple web design rules when thinking about what content you should be added to your mobile site. The standard screen size for mobile phones is 320 x 480 pixels and tablets require a fluid design.
  • Using a vertical navigation instead of a horizontal navigation allows for a more accurate click and using bars, tabs, and buttons for hypertext gives the user precision. Text and graphics for mobile devices should be optimized for their lightest file size.
  • HTML 5 is the current technology that can be used to make your website accessible on all devices.HTML5 has added new elements like section tags, article tags and video tags to its language and has added search engine optimization to those tags. One of the limitations of HTML 5 is that not all browsers support it. This revision of the html language is currently in the draft stage.
  • Websites that do work well on mobile/tablet devices are sites that understand limitations of mobile user experience. They are websites that present its visitors with the most relevant information in a user-friendly way.
  • Websites that do work well on mobile/tablet devices are sites that understand limitations of mobile user experience. They are websites that present its visitors with the most relevant information in a user-friendly way.
  • Websites that do not work well on mobile/tablet devices are sites that are not optimized for mobile devices. Sites that are not optimized for mobile devices can give the user a bad user experience.
  • Transcript

    • 1. Mobile / TabletImpact On Web Design & The Need For YourBusiness To Be Sure Your Site Is Accessible.
    • 2. The rise in mobile device usage is having a major impact on the way websitesare designed and how people access those websites.Mobile device usage on a rise.
    • 3. Mobile / Tablet Users and PC User Transactions Made Using Mobileby 2013 Devices by 20141.84 41.82 3 1.8 21.78 11.76 0 Mobile / PC Users Transactions Tablet Users Column1 Column2It is estimated that by 2013 the number of mobile and tablet users will be greater than the number ofpc users and there will be a rise in number transactions made using mobile devices by the year 2014.Gartner Study Estimated Mobile / Tablet Usage(“Gartner: Mobile to Outpace Desktop Website by 2013,” 2010)
    • 4. With this kind of growth in mobile and tablet usage, it is important tounderstand the changes in web design to ensure that your site is accessible onthese mobile devices.Changes in Web Design
    • 5. Designing websites for mobile devices requires the site’s content to beminimalized to the most essential functions and features.Content should be presented in auser-friendly way.
    • 6. Mobile Screen Size Desktop Screen Size• 320 x 480 pixels • 1024 x 768 pixelsMobile devices require content to bereformatted for their smaller screens.
    • 7. To ensure your site is accessible on mobile devices, include thefollowing principles in your mobile web design:• Use vertical navigation instead of horizontal navigation• Use bars, tabs, and buttons for hypertext• Optimize text and graphics• Use global navigation instead of contextual navigation• Use only the most important information in footer• Include a link to full size websiteGive your visitors the user-friendlyexperience they are looking for.
    • 8. HTML5 is enabling open, cross-platform rich-media standards that will help brands’and agencies’ display advertising achieving the compelling and creative and reachacross mobile devices they have been seeking.HTML5 is the current technology enablingwebsite accessibility on all mobile devices.(“How HTML5 is Changing the Face of Mobile,” 2011)
    • 9. Northeastern University Collegeof Business Administration Mobile MergerWebsites that do work well on mobile/tablet devices are sites that understand limitationsof mobile user experience. They also understand that they must present their visitorswith the most relevant information in a user-friendly way.Websites that work well on mobile devices.
    • 10. Retail Systems Research Mobile MergerWebsites that work well on mobile devices.
    • 11. Expresso Carwash Cafe BayView RadiologyWebsites that do not work well on mobile/tablet devices are sites that are not optimizedfor mobile devices. Sites that are not optimized for mobile devices can give the user abad user experience.Websites that don’t work well mobile devices.
    • 12. References“Gartner: Mobile to outpace desktop website by 2013”. Retrieved November 21, 2011 fromhttp://www.mediapost.com/publications/article/120590/“How html5 is changing the face of mobile”. Retrieved November 21, 2011 fromhttp://www.mobilemarketer.com/cms/news/software-technology/9314.htmlhttp://www.practicalecommerce.com/uploads/images/0001/3778/Amazon_Screenshot.pnghttp://media.smashingmagazine.com/wp-content/uploads/2010/04/amazon.jpghttp://www.w3.org/html/logo/downloads/HTML5_sticker.pnghttp://www.bluetrainmobile.com/blog/wp-content/uploads/2011/07/NEUCBA2.pnghttp://www.bluetrainmobile.com/includes/images/image-showcase-mobilemerger.jpghttp://www.helpalocalbusiness.com/images/local-mobile-website-design-services.jpg
    • 13. Referenceshttp://www.pulse.me/media/images/products/iphone-ipad-android-dee4247003255374a29e323bc2c7e6ff6d49322e.pnghttp://www.wbur.org/files/2010/04/0403_jpad2.jpghttp://multivu.prnewswire.com/mnr/cnn/47767/images/47767-hi-first.jpghttp://www.silverscape.com/documents/image/blog_artwork/winterwyman.pnghttp://www.bluetrainmobile.com/blog/wp-content/uploads/2011/07/showcase-rsr.jpghttp://www.bluetrainmobile.com/includes/images/image-showcase-dpbrook.jpghttp://www.buzzy.mobi/wp-content/uploads/2011/07/espressocarwashcafe-ip-compare.png

    ×