MoFuse - we present 7 essential tips for building and designing a mobile website.

1. The Mobile Web
7 Practical How-to’s for Mobile
Sites
Presented by:
Annette Tonti

2. 7 Billion
PEOPLE
6 Billion
Mobile Devices

3. 50% OF ALL LOCAL SEARCHES
are done on mobile
Source: Google, Bing

4. We Take the Time and Expense Out
of Building & Managing Mobile
Sites
For SMB
In other words…
We Make the Mobile Web Easy and
Affordable

5. CAMERA
GEO POSITION
A NAVIGATION SYSTEM
NEW TUNE MEANS
NEW THINKING.
MOBILE BROWSER
A WALLET
AUGMENTED REALITY

6. Millions
250
Desktop Websites 1996-2010 Vs Mobile Sites 240
200
186
156
150
Desktop Site Growth 106
100
74
54
47
50 Mobile Site Growth
37 35
25
25
10 22.3
2.5 5 3.01
0.1 1
1.1
0
2011 2012 2013
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010
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/ 6

7. MOBILE
Local Biz Needs
Mobile, Too!
NON-MOBILE

8. The 7 Practical How-to’s for Mobile Content Sites
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

9. 1 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

10. 2
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
Take Away: Think like a mobile user

11. 3 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
Take Away: Use the Handset’s Special
capabilities

12. 4 Design For 2 Thumbs
• 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

13. 5 Auto Detect and Redirect
www.informationweek.com
Take Away: Don’t make
them think about it
No Auto-Redirect Auto-Redirect = ON

14. 6 Integrate Touch Points
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
Take Away: Connect the physical world

15. 7
Social ‘s Mobile
• Mobile users are content
creators
• Let them tell their network
about your site
• Make it easy for them to
link
Take Away: Let them help you promote

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