Mobile Web Presentation

10
Tablet & Mobile Usage & Design By:Justin Yates

Transcript of Mobile Web Presentation

Page 1: Mobile Web Presentation

Tablet & MobileUsage & Design

B y : J u s t i n Y a t e s

Page 2: Mobile Web Presentation

2011 Mobile Trends

Allot, a leading provider of service optimization and revenue generation, reports the following trends for 2011.

77% growth in mobile data bandwidth use.

93% increase in video streaming, which is 39% of all mobile data usage.

Use of Twitter on mobile devices has risen 297%, Facebook use has risen 166%

A l l o t . ( 2 0 1 1 , J u l y 2 6 ) . A l l o t m o b i l e t r e n d s r e p o r t s h o w s s i g n i f i c a n t 7 7 % g r o w t h i n m o b i l e d a t a b a n d w i d t h u s a g e i n h 1 , 2 0 11 . R e t r i e v e d f r o m h t t p : / / w w w. a l l o t . c o m /i n d e x . a s p x ? i d = 3 7 9 7 & i t e m I D = 6 5 4 1 5

Page 3: Mobile Web Presentation

Mobile Internet Growth70% of the worlds population now have mobile

phones, that equals out to 5 billion mobile users.

Google’s Android OS is now activating 160,000 devices a day.

In places like the United States 9 out of 10 people use a mobile device.

Kids today are more likely to own a mobile device (85%) then a book (73%).

86% of mobile users use their device while watching TV.

A d e n , H . ( 2 0 1 0 , N o v e m b e r 2 1 ) . S t a t i s t i c s : t h e g r o w t h o f m o b i l e i n t o 2 0 11 . R e t r i e v e d f r o m h t t p : / / w w w. d i g i t a l b u z z b l o g . c o m /m o b i l e - s t a t i s t i c s - 2 0 1 1 - g r o w t h - o f - m o b i l e /

Page 4: Mobile Web Presentation

The Future of MobileIt is predicted that mobile sales will increase 89%

each year from 2011 to 2015. Reaching 187 million units sold.

Mobile devices, USB cards and tablets makes up 89% of those devices.

It’s estimated that 2.4% of mobile broadband devices sold in 2011 with be on shared data plans,

by 2015 that number is estimated to be 15.4%.

70% of all mobile searches result in action within an hour.

Page 5: Mobile Web Presentation

Mobile Commerce

In 2010 mobile commerce was a $3 billion dollar industry, by 2016 it’s expected to reach $31 billion.

Thats a big pie, why not have a piece.

In 2010 mobile commerce was 1% of all eCommerce, by 2016 mobile commerce is expected to rise up to

7% of all eCommerce.

Mobile commerce is predicted to have a growth rate of 39% annually.

P a u l , M . ( 2 0 1 1 , J u n e 2 2 ) . M o b i l e c o m m e r c e g r o w t h p r e d i c t e d . R e t r i e v e d f r o m h t t p : / / w. t v t e c h n o l o g y. c o m /a r t i c l e / 1 2 1 9 9 4

Page 6: Mobile Web Presentation

Mobiles Affect on DesignMany recent websites are leaning toward simple designs, this makes

viewing easier on small mobile screens.

Many websites are also adopting a single page design with only the most important and basic info shown, making pages load much

faster.

Many sites also choose to create an original website and a mobile version along side it.

Designers need to be sure mobile optimized sites are touch screen friendly as smart phones and tablets are becoming highly popular.

Any companies not adopting some sort of mobile site option will miss out on a large part of the population.

J o h n , T. ( 2 0 1 1 , M a y 2 1 ) . Wi l l m o b i l e d e v i c e s c h a n g e t h e f u t u r e o f w e b d e s i g n ? . R e t r i e v e d f r o m h t t p : / / w w w. m o d e r n s t r e e t . c o m / w e b -d e s i g n / w i l l - m o b i l e - d e v i c e s - c h a n g e - t h e - f u t u r e - o f - w e b - d e s i g n /

Page 7: Mobile Web Presentation

Website accessibility HTML5 allows graphics and video to be added to

pages without browser plugins.

HTML5 allows for the browser to handle more page elements without using javascript, making pages

load faster and smoother.

HTML5 allows designers to provide a rich experience on mobile pages.

J a s o n , G . ( 2 0 0 9 , J u l y 2 2 ) . H t m l 5 f r o m a m o b i l e p e r s p e c t i v e . R e t r i e v e d f r o m h t t p : / / w w w. c l o u d f o u r . c o m / h t m l 5 - f r o m - a - m o b i l e -p e r s p e c t i v e /

Page 8: Mobile Web Presentation

Mobile Web Done Righthttp://m.digg.com

Digg.com uses a simple design that looks good, and provides quick load times.

Digg.com also makes use of spacing which allows them to provide lots of content without the cramping.

http://i.brightkite.com

Brightkite.com uses spacing and colors to create an attractive mobile site.

Small icons are used to liven things up a bit

Brightkite also makes use of big navigation links which work well with touch screens.

Page 9: Mobile Web Presentation

Mobile Web Done Wronghttp://www.photobucket.com

Photobucket’s mobile site can be considered sloppy when viewed on a mobile device.

The site has a long loading time compared to other mobile sites.

The mobile site does not have the options or appearance of the non mobile site.

http://reddit.com/mobile

Reddit.com has a strong mobile site it’s attractive, and optimized for the mobile devices.

However, they have a huge problem. The content linked to from Reddit.com is mostly formatted for

pc, making viewing on a mobile device a poor experience.

Page 10: Mobile Web Presentation

Recommended Action1. With the rapid and continuing growth in the use of mobile device my first

recommendation is that your company should develop a mobile site in the very near future.

2. Consider if you would rather design a separate mobile site or make your original site mobile friendly.

3. If you choose to make a separate mobile site make sure the design provides only the most important information and navigation. Also make

use of spacing and colors to help avoid cluttering and make viewing easier.

4. If you choose to make your original site mobile friendly try to keep it simple and relevant, this will keep load times to a minimum and make

navigation simple and easy for mobile users.

5. The mobile market is big and only getting big, going mobile is a big step in the right direction for any company.