By Connor Jones<br />introducingUniversity Fan Shop: Mobile Edition<br />
Presentation Outline<br />1<br />3<br />2<br />Mobile and Tablet Usage<br />Mobile Site Examples<br />Websites on All Devi...
Mobile and Tablet Usage<br />1<br />
<ul><li>Smartphones and Tablets are increasing in popularity very quickly.
It is estimated that by 2013, heavy mobile data users will triple to one billion.
Nearly 80% of smartphone owners use their phones for shopping.
The iPad was released in April, and by September there were already 7.5 million purchased.</li></ul>Mobile and Tablet Usag...
-Mobile Apple devices do not support Flash, which is leading to further development of HTML5 <br />-HTML5 videos will be b...
2<br />Websites on All Devices<br />
-     Alt text in images<br /><ul><li>Long descriptions for pie charts/graphs
Closed-captioning for videos</li></ul>Using technology to make websites accessible on all devices<br />
3<br />Mobile Site Examples<br />
Upcoming SlideShare
Loading in...5
×

Jones connor project4

568

Published on

Presentation on Mobile

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

  • Be the first to like this

No Downloads
Views
Total Views
568
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • In this presentation we will be discussing the following:Mobile and Tablet UsageWebsites on All DevicesandMobile Website Examples
  • Let’s take a look at how mobile and tablet usage continues to grow and why it may be important to create a working mobile-friendly version of your website.
  • Everyday more and more people are using smartphones or tablets to shop on the Internet. A study conducted by Google showed that nearly 80% of smartphone owners use their phones for shopping. This does not necessarily mean that they went to a website on their phone and made a purchase, but that they used their phones to help research a product which led to a purchase later whether in a retail store or online. Tablet usage is also expected to see a dramatic increase over the next few years according to Oppenheimer &amp; Co. who predict that tablet devices will increase from 15.1 million units this year to 115 million units in 2014.References:http://www.readwriteweb.com/biz/2011/04/how-people-use-smartphones-to-purchase-products.phphttp://www.dailywireless.org/2008/11/05/smartphone-growth-metrics/http://www.marketwatch.com/story/tablet-growth-expected-to-explode-beyond-ipad-2010-11-15
  • Currently, Apple is dominating the Tablet market and they have decided not to support Flash content on their mobile devices. In doing so they have basically forced to advancement of HTML5 which allows for videos to be directly embedded in HTML5 code. These videos should also run better on mobile devices and allow for robots to index them more extensively which in return will yield better search engine optimization for the websites. While it is fairly easy to view normal websites on Tablet devices we have to keep in mind that not everyone’s eyesight is as good as ours and we do not want to discourage viewers from looking at our site because they are not as tech-savvy with the zoom functions as some of us. References:http://searchengineland.com/why-you-should-adopt-html5now-43879
  • Websites can be made accessible on all devices through proper use of HTML and CSS coding. In cases of screen readers it is good practice to include alt text in images as well as long descriptions for images of pie charts and graphs. Also adding closed-captioning for videos will help. It is probably a good idea to avoid using Flash unless your website is composed of Flash games, as Flash is not supported on many mobile devices. Any normal website will be accessible on mobile devices, but it may not be simple to use unless you have created a mobile format of your website.References:http://www.lynda.com/home/Player.aspx?lpk4=61896
  • I found that most mobile websites do work well on mobile devices because there are not too many different designs that companies are trying from the 100 or so websites that I investigated. The only website that I had a problem viewing on my smartphone was CNN (www.cnn.com). The text was a little small for comfortable reading and the links to click on were also small and close together.
  • TigerDirect is a good example of a website that works well on mobile/tablet devices. It has a simple look and feel to it that gives the user everything they need and nothing more. It is easy to navigate on a mobile device and users can still find what they looking for quickly. I believe that a mobile layout similar to that of TigerDirect would be an excellent layout for University Fan Shop since they are both ecommerce websites.
  • I would recommend creating a mobile site for University Fan Shop to look almost identical to that of TigerDirect. It is the most common layout used by ecommerce mobile websites and it works well. It gives the user what they need without all of the excess found on a regular website. Technology is changing rapidly and it is always good to try and stay caught up. Mobile devices may soon become one of the most popular ways of shopping on the Internet and I would advise that all ecommerce companies create mobile versions of their websites.
  • Jones connor project4

    1. 1. By Connor Jones<br />introducingUniversity Fan Shop: Mobile Edition<br />
    2. 2. Presentation Outline<br />1<br />3<br />2<br />Mobile and Tablet Usage<br />Mobile Site Examples<br />Websites on All Devices <br />
    3. 3. Mobile and Tablet Usage<br />1<br />
    4. 4. <ul><li>Smartphones and Tablets are increasing in popularity very quickly.
    5. 5. It is estimated that by 2013, heavy mobile data users will triple to one billion.
    6. 6. Nearly 80% of smartphone owners use their phones for shopping.
    7. 7. The iPad was released in April, and by September there were already 7.5 million purchased.</li></ul>Mobile and Tablet Usage Increasing Dramatically<br />
    8. 8. -Mobile Apple devices do not support Flash, which is leading to further development of HTML5 <br />-HTML5 videos will be better indexed by robots to help increase SEO<br />Mobile/Tablet Usage Impacts Web Design<br />Google Chrome on a Tablet<br />
    9. 9. 2<br />Websites on All Devices<br />
    10. 10. - Alt text in images<br /><ul><li>Long descriptions for pie charts/graphs
    11. 11. Closed-captioning for videos</li></ul>Using technology to make websites accessible on all devices<br />
    12. 12. 3<br />Mobile Site Examples<br />
    13. 13. <ul><li>Small text
    14. 14. Links were small and close together, easy to click the wrong thing on touchscreen</li></ul>Websites that do not work well on mobile/tablet devices<br />
    15. 15. <ul><li>TigerDirect </li></ul>www.tigerdirect.com<br /><ul><li>Large buttons that are easily clickable
    16. 16. Vertical navigation
    17. 17. No excess information</li></ul>Websites that do work well on mobile/tablet devices<br />
    18. 18. <ul><li>Logo and search bar on top
    19. 19. Vertical navigation
    20. 20. Give the user what they need and nothing more</li></ul>My recommendations for going mobile<br />
    21. 21. <ul><li>http://www.nfusion.com/blog/design-trend-tablet-inspired-web-design
    22. 22. http://www.marketwatch.com/story/tablet-growth-expected-to-explode-beyond-ipad-2010-11-15
    23. 23. http://www.readwriteweb.com/biz/2011/04/how-people-use-smartphones-to-purchase-products.php
    24. 24. http://www.dailywireless.org/2008/11/05/smartphone-growth-metrics/
    25. 25. http://www.marketingcharts.com/direct/smartphone-data-usage-grows-rapidly-18012/
    26. 26. http://searchengineland.com/why-you-should-adopt-html5now-43879
    27. 27. http://sixrevisions.com/web-development/mobile-web-design-best-practices/
    28. 28. http://www.uxmatters.com/mt/archives/2011/01/designing-for-the-mobile-web-special-considerations.php
    29. 29. http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile-friendly/
    30. 30. http://www.netmagazine.com/features/mobile-first
    31. 31. http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-sites.php</li></ul>References<br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×