This document discusses mobile and tablet design for business. It notes that over one third of Facebook's user base and 50% of Twitter users access those platforms via mobile. It also states that 200 million YouTube views occur daily on mobile devices. The document recommends considering factors like small screens, load times, and touchscreen support when building mobile websites. It provides examples of both good and bad mobile website design. Benefits of mobile websites include reaching customers on the go, growing email lists, and adapting content quickly. Recommendations include defining mobile needs, considering business objectives, and using single-column vertical layouts.
2. and over one third of the time they spending sleeping each day.
91% of mobile Internet access is to socialize as compared to 79% on
desktop
Mobile and Tablet usage
Over one third of Facebook's 900 million users user base uses
Facebook mobile.
Twitter has 165 million users, 50% of them use Twitter Mobile
200 Million plus YouTube views occur on mobile devices per day
200 Million plus YouTube views occur on mobile devices per day
3. Estimated Future Usage
By 2014, mobile Internet would take over
desktop Internet usage
Morgan Stanley's analysts believe that,
based on the current rate of change and
adoption, the mobile web will be bigger
than desktop Internet use by 2015.
Global mobile data traffic will increase 26-
fold between 2010 and 2015
There will be nearly one mobile device per
capita by 2015
Two-thirds of the worlds mobile data
traffic will be video by 2015
4. How mobile and tablet usage has
impacted web design
Factors to Consider When
Building Mobile Websites
*Small viewing areas,
*Load times
*Touch screen support.
*Quick launch menu or will your site
only be one page?
*Media types
5. Current technologies that can be used to
make websites accessible on all devices
HTML5 and a vibrant ecosystem of libraries are
making the mobile Web a compelling alternative to
developing native code
With the introduction of CSS3 media queries, web
developers can create CSS which enables a web page to
adapt and respond to whatever device renders it.
6. Bad examples of websites that dont work
well on mobile/tablet devices
mrbottles.com gatesnfences.com
7. Good examples of websites that work well
on mobile/tablet devices
stevejobs.ismissed.com robertkovacs.likes2ride.com
8. Benefits Of Mobile Website
An additional avenue to market your business and your
brand
Grow your customers emaling list quickly by
providing coupons, specials, and much more
Reach customers on the move, be quickly and easily
found
Achieve findability within all search engines
Create a professional and reputable image to your
market
9. Other Benefits contd.
Change your mobile website content quickly and easily
Market directly to your prospects, customers,
andvisitors mobile devices
Usecall-to-action content to improve your brand
visibility, purchases, and clear interaction
Add new products, create special offers, and much
morequickly,instantly
10. OTher benefits contd
Be easily contacted by providing functionality
such as tap to email, tap to call, tap to text.
Visitors stay on your site longer, browsing,
searching, and learning more about your
business while they wait in doctorsoffices,
airports, or just are killing time
11. recommedations
Define Your Need for a Mobile
Site
Consider the Business
Objectives
Study the Data of the Past
Before Moving Forward
Single-Column Layouts Usually
Work Best
12. Recommendations contd
Vertical Hierarchy: Think in
Collapsible Terms
Go From Clickable to Tappable
Provide Interaction Feedback