mofuse -7 tips for mobile web publishers
DESCRIPTION
MoFuse - we present 7 essential tips for building and designing a mobile website.TRANSCRIPT
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
Twitter: @atonti
URL: www.mofuse.com
Skype: Anet.tonti
Blog: http://ssb.mofusepremium.com/
401-829-1051