• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Jones connor project4
 

Jones connor project4

on

  • 607 views

Presentation on Mobile

Presentation on Mobile

Statistics

Views

Total Views
607
Views on SlideShare
552
Embed Views
55

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 55

http://connorjones13.wordpress.com 55

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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 & 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 Jones connor project4 Presentation Transcript

  • By Connor Jones
    introducingUniversity Fan Shop: Mobile Edition
  • Presentation Outline
    1
    3
    2
    Mobile and Tablet Usage
    Mobile Site Examples
    Websites on All Devices
  • Mobile and Tablet Usage
    1
    • 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.
    Mobile and Tablet Usage Increasing Dramatically
  • -Mobile Apple devices do not support Flash, which is leading to further development of HTML5
    -HTML5 videos will be better indexed by robots to help increase SEO
    Mobile/Tablet Usage Impacts Web Design
    Google Chrome on a Tablet
  • 2
    Websites on All Devices
  • - Alt text in images
    • Long descriptions for pie charts/graphs
    • Closed-captioning for videos
    Using technology to make websites accessible on all devices
  • 3
    Mobile Site Examples
    • Small text
    • Links were small and close together, easy to click the wrong thing on touchscreen
    Websites that do not work well on mobile/tablet devices
    • TigerDirect
    www.tigerdirect.com
    • Large buttons that are easily clickable
    • Vertical navigation
    • No excess information
    Websites that do work well on mobile/tablet devices
    • Logo and search bar on top
    • Vertical navigation
    • Give the user what they need and nothing more
    My recommendations for going mobile
    • http://www.nfusion.com/blog/design-trend-tablet-inspired-web-design
    • http://www.marketwatch.com/story/tablet-growth-expected-to-explode-beyond-ipad-2010-11-15
    • http://www.readwriteweb.com/biz/2011/04/how-people-use-smartphones-to-purchase-products.php
    • http://www.dailywireless.org/2008/11/05/smartphone-growth-metrics/
    • http://www.marketingcharts.com/direct/smartphone-data-usage-grows-rapidly-18012/
    • http://searchengineland.com/why-you-should-adopt-html5now-43879
    • http://sixrevisions.com/web-development/mobile-web-design-best-practices/
    • http://www.uxmatters.com/mt/archives/2011/01/designing-for-the-mobile-web-special-considerations.php
    • http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile-friendly/
    • http://www.netmagazine.com/features/mobile-first
    • http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-sites.php
    References