Email
Like
Liked ×
Save
Private Content
Embed
Loading embed code…
We have emailed the verification/download link to "".
Login to your email and click the link to download the file directly.

To request the link at a different email address, update it here. Close
Validation messages. Success message. Fail message.

Check your bulk/spam folders if you can't find our mail.
Loading

+ Follow

Jones connor project4

by connorjones13

354 views

Presentation on Mobile

Accessibility

View text version

Upload Details

Uploaded via SlideShare as Microsoft PowerPoint

Usage Rights

File a copyright complaint

1 Embed 51

http://connorjones13.wordpress.com

Statistics

Likes: 0
Downloads: 1
Comments: 0
Embed Views: 51
Views on SlideShare: 303
Total Views: 354

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 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

Jones connor project4

by connorjones13

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 51

Statistics

Jones connor project4 Presentation Transcript