View
933
Download
0
Tags:
Embed Size (px)
DESCRIPTION
MoFuse powers mobile websites for a wide variety of customers such as the state department and numerous local businesses. Similar to WordPress, MoFuse offers a platform for businesses large and small to ensure their websites work via mobile phones.
Citation preview
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
1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 20100
50000000
100000000
150000000
200000000
250000000
100000 10000002500000500000010000000
25000000
3700000035000000
4700000054000000
74000000
106000000
156000000
186000000
240000000Desktop 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-availability2.http://www.prnewswire.com/news-releases/2010-study-of-mobile-web-trends-shows-continued-explosion-of-mobile-friendly-content-105327628.html3.http://royal.pingdom.com/2008/04/04/how-we-got-from-1-to-162-million-websites-on-the-internet/
2011 2012 2013
Local Biz NeedsMobile, 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, excerpts
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 TontiCEO, MoFuse
[email protected]: @atonti URL: www.mofuse.comSkype: Anet.tontiBlog: http://ssb.mofusepremium.com/401-829-1051