The Mobile Web7 Practical How-to’s for Mobile Sites

Presented by:

Annette Tonti

7 BillionPEOPLE

6 BillionMobile Devices

50%OF ALL LOCAL SEARCHES

are done on mobile

Source: Google, Bing

For SMB

In other words…We Make the Mobile Web Easy and

Affordable

We Take the Time and Expense Out of Building & Managing Mobile

Sites

CAMERA

GEO POSITION

A NAVIGATION SYSTEM

MOBILE BROWSER

A WALLET

AUGMENTED REALITY

NEW TUNE MEANSNEW THINKING.

6

0.1 1 2.5 510

25

37 35

4754

74

106

156

186

240

0

50

100

150

200

250

1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010

Mill

ion

sDesktop Websites 1996-2010 Vs Mobile Sites

1.13.01

22.3

Desktop Site Growth

25

Mobile Site Growth

1.http://www.fiercewireless.com/press-releases/new-study-mobile-web-trends-demonstrates-strong-growth-mobile-content-availability

2.http://www.prnewswire.com/news-releases/2010-study-of-mobile-web-trends-shows-continued-explosion-of-mobile-friendly-content-105327628.html

3.http://royal.pingdom.com/2008/04/04/how-we-got-from-1-to-162-million-websites-on-the-internet/

2011 2012 2013

Local Biz Needs

Mobile, Too!

NON-MOBILE

MOBILE

1. DESIGN FOR THE WIDEST REACH

2. CONTEXT IS EVERYTHING

3. CREATE LOCATION-SHIPS

4. BUILD FOR TWO THUMBS

5. AUTO REDIRECT TO YOUR SITE

6. INTEGRATE TOUCHPOINTS

7. SOCIAL ‘S MOBILE

The 7 Practical How-to’s for Mobile Content Sites

Design for the Widest Reach

• There are approximately 5200+ mobile devices out there!

• The majority of phone devices share three screen widths;

128, 240 and 176 …..However 120, 130, 160, 208 and

220 pixels are common as well

• Tablets range from 9.7 inches

down to around 4 inches

Take Away: Auto-Optimize

1

Context Is Everything

• Why is someone going to your mobile website?

• Get to the point – for a mobile viewer

• Keep Scrolling to “3”X

• Call to action above and below

2

Take Away: Think like a mobile user

Create Location-ships

• Enable their experiences using the viewer’s location

• Make it easy for them to get to your location

• Reward them for stopping by

3

Take Away: Use the Handset’s Special

capabilities

Design For 2 Thumbs4

• Do create data capture forms

• Don’t make forms very long

• Do use drop-down select boxes

• Do use radio button and select

boxes

• Don’t make them type alot

Take Away: Handsets are small, don’t

frustrate them

Auto Detect and Redirect 5

www.informationweek.com

No Auto-Redirect Auto-Redirect = ON

Take Away: Don’t make

them think about it

Situation: Creating new ways

to connect with readers and give

depth to published content

QR codes printed on book

jackets give new perspective from

the printed page to the digital

realm.

Usage: QR codes accessed on

book jackets

Site Contents: Twitter

feeds, videos, blogs, images, exc

erpts

6 Integrate Touch Points

Take Away: Connect the physical world

Social ‘s Mobile

• Mobile users are content creators

• Let them tell their network about your site

• Make it easy for them to link

7

Take Away: Let them help you promote

Thank You For Listening!

www.mofuse.com

Annette Tonti

CEO, MoFuse

atonti@mofuse.com

Twitter: @atonti

URL: www.mofuse.com

Skype: Anet.tonti

Blog: http://ssb.mofusepremium.com/

401-829-1051