Mobile and TaBlet design for Business

Presented by: Francis Ibikunle

Mobile and Tablet usage

One half of all local searches are performed on mobile devices

On average, American spend 2.7 hours per day socializing on their mobile device. That's over twice the amount of time they spend eating 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

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

Twitter has 165 million users, 50% of them use Twitter Mobile

200 Million plus YouTube views occur on mobile devices per day.

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 world’s mobile data traffic will be video by 2015

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

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.

Bad examples of websites that don’t work well on mobile/tablet devices

mrbottles.com gatesnfences.com

Good examples of websites that work well on mobile/tablet devices

robertkovacs.likes2ride.comstevejobs.ismissed.com

Benefits Of Mobile Website

An additional avenue to market your business and your brand

Grow your customer’s 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

Other Benefits contd.

Change your mobile website content quickly and easily

Market directly to your prospect’s, customer’s, andvisitor’s mobile devices

Usecall-to-action content to improve your brand visibility, purchases, and clear interaction

Add new products, create special offers, and much more…quickly,instantly

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 doctor’soffices, airports, or just are killing time

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

Recommendations contd

Vertical Hierarchy: Think in Collapsible Terms

Go From “Clickable” to “Tappable”

Provide Interaction Feedback

References

http://www.seositecheckup.com/articles/147

http://www.smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile-marketing-statistics/

http://www.infoworld.com/d/mobile-technology/13-essential-programming-tools-the-mobile-web-246

https://www.ibm.com/developerworks/mydeveloperworks/blogs/bobleah/entry/code_example_of_responsive_web_design_using_css3_media_queries13?lang=en

http://www.snackwebsites.com/create-personal-websites.html

http://www.topdesignmag.com/20-examples-of-bad-web-design/

http://www.slideshare.net/apptapmobile/12-benefits-of-a-mobile-website-for-your-business

http://mashable.com/2011/03/24/mobile-web-design-tips/