10 MOBILE SITE BEST PRACTICES

Mobile-friendly sites are designed for the small screen and the capabilities of mobile devices. But being mobile-friendly is more than just fitting onscreen. Our 10 Mobile Site Best Practices outline important things you can do to turn your site into a great mobile experience.

KEEP IT QUICK

DESIGN FOR VISIBILITY

Mobile users are often short on time, squeezing in online tasks as they go about their day. To help them, design your site to load fast and make copy easy to scan. Prioritise the content and features that mobile users need most Use your desktop site analytics to see what mobile users are doing Reduce large blocks of text and use bullet points for easy reading Compress images to keep them small for faster site loading

A mobile-friendly site gets its message across without causing eyestrain. Make it easy for your customers to read – remember, they may be in a place with low light. Create contrast between background and text Make sure content fits onscreen and can be read without pinching and zooming Use plenty of negative space Use size and colour to indicate link/button priority

MAKE IT ACCESSIBLE SIMPLIFY NAVIGATION No one likes to be confused. Clear navigation and, on large or complex sites, search functionality will help your customers easily find what they need. Minimise scrolling and keep it vertical only Use a clear hierarchy in menus and avoid rollovers Help users navigate between levels with clear back and home buttons Use seven links or fewer per page of navigation Have a search box prominently available on complex sites

BE THUMB-FRIENDLY People use their fingers to operate mobile devices – especially their thumbs. Design your site so even large hands can easily interact with it. Use large, centred buttons and give them breathing room to reduce accidental clicks Pad smaller buttons to increase the clickable area Pad check boxes by making the text clickable

www.howtogetmo.com

Ideally, your mobile site should work across all mobile devices and all handset orientations. Find alternatives to Flash – it does not work on some devices. Use HTML5 for interactivity and animation Adapt your site for both vertical and horizontal orientations Keep users in the same place when they change orientation

MAKE IT EASY TO CONVERT No matter what your site’s objective is, your customers need to be able to do it with a virtual keyboard and no mouse. Make it easy to buy something or contact you. Focus on information that will aid conversion (i.e. product details) Reduce the number of steps needed to complete a transaction Keep forms short and use the fewest number of fields possible Use check boxes, lists and scroll menus to make data entry easier Use click-to-call functionality for all phone numbers

MAKE IT LOCAL

USE MOBILE SITE REDIRECTS

Consumers look for local information on their phones all the time – from locating the nearest petrol station to finding an open pizza place. Include functionality that helps people find you. Have your address or store locator on the landing page Include maps and directions. Use GPS to personalise when possible Allow users to check stock at nearby stores

A mobile site redirect is code that can automatically tell if visitors are using a mobile device and send them to the mobile-friendly version of your site. Have your site developer implement this redirect code so your customers get the best version of your site for their needs. Give users a choice to go back to the desktop site, but make it easy to return to the mobile site Let users choose which version they prefer to see for later visits Include key information, such as your address or a store locator, on the redirect page

MAKE IT SEAMLESS People now use multiple screens throughout the day. Convert as much of the functionality of your desktop site to mobile as you can to create a seamless experience. Allow users to save popular searches and shopping basket contents Maintain key features of the site across all channels as much as possible Display the same information for products/services

LISTEN, LEARN AND ITERATE Good mobile sites are user-centric, which means they’re built with input from your audience. Ask your desktop site users what they want in a mobile website and make testing and optimisation an ongoing process. Use analytics to understand how people use your site If possible, especially for complex sites, do user testing before launch Implement and collect user feedback after launch Iterate often and continuously improve your site based on your research

About Getmo GetMo is a Google-led initiative dedicated to helping businesses ‘Get Mobile’ by providing them with the tools and resources they need to make their websites more mobile-friendly. On the GetMo website, businesses can see how their sites look on a mobile device using the GetMoMeter tool and get personalised recommendations for creating a more mobile-friendly experience. The site also has information on current mobile trends and mobile site best practices, as well as a list of developers ready to help companies build their mobile sites. For more information, visit www.howtogetmo.com

www.howtogetmo.com

10 mobile site best practices Services

KEEP IT QUICK. Mobile users are often short on time, squeezing in online tasks as they go about their day. To help them, design your site to load fast and make copy easy to scan. Prioritise the content and features that mobile users need most. Use your desktop site analytics to see what mobile users are doing. Reduce ...

145KB Sizes 5 Downloads 417 Views

Recommend Documents

10 mobile site best practices Services
Consumers look for local info on their phones all the time—from locating the nearest gas station to finding an open pizza place. Include functionality that helps people find and get to you. Have your address or store locator on the landing page. In

Best Practices Services
Best Practices: Sourcing Participants for your Hangout On Air 1. Best Practices: Sourcing Participants for your Hangout On Air. Promote your HOA. • Use the Hype My Hangout tool on Google+ to create a. 12-second ad to promote your upcoming HOA. All

Best Practices Services
choosing a new retail location, changing the color of your logo, or pricing a product. It's much easier to write meaningful, productive surveys when you know what you'll do with the responses. 4. Keep questions simple. When you're writing a survey qu

Best Practices for Nonprofits Services
"We went through the advent of email, cell phones, Google Earth and now Google+. Hangouts. The technology has .... A +1 button on your site makes it easy for visitors to show support and share what they like. ○. Circle up. Google+ Circles allows yo

Best Practices for Nonprofits Services
Every Google+ page begins with a profile. This profile is usually the administrator, the person most responsible for the content of your Google+ page. If you don't already have a profile, you'll need to create one here. Next, you can set up your orga

Best Practices for Education Services
Case Studies. MIT Media Lab. Richland School District. Monash University. Launching Google+. Enabling Google+ for Your Institution. About Google+ Premium Features. Frequently ..... Hangouts will sync across all devices (computers, Android, iPhones, t

Life Mobile Site Audit
LIFE Mobile is a virtual network established in 2013, and then owned and operated by EE - the UK's ... differentiate its service offerings, making their website a vital asset in their customer and revenue .... Following the acquisition of EE by BT, t

Building mSites Best Practices 67% 57% 61% Services
Find a list of developers ready to help you build your mobile sites. Multi-Screen Resources. For more information visit: google.co.uk/think/multiscreen/

Best Practices: Optimizing for the Improved YouTube - Services
redesigning the site to make it easier for our users to find and subscribe to the channels they love by putting the Guide on all pages. So, what does this mean for you as a ... interesting information first since this is most likely to show up with y

Catawba County Social Services wins Best Practices Award from state ...
HICKORY, N.C. — Catawba County Social Services recently received a Best Practice Award from the N.C. Association of County. Directors of Social Services.

Catawba County Social Services wins Best Practices Award from state ...
Social Services Institute, held in Hickory Oct. 26-28. The entry described the Children's. Agenda Planning Committee and the Aging Leadership Planning.

Mobile Terrace Neighborhood Study Site - City of Mobile
OLD SHELL RD. SIXTH ST. THIRTEENTH ST. FIFTH ST ... Phone: 251.208.7943 – Email: [email protected] http://maps.cityofmobile.org. The City of Mobile ...

Google+ Ripples Best practices for viewing content ... Services
At a Glance. Best practices for Google+ Ripples include: • Using the URL search to view Ripples for your domain. • Identifying key influencers and adding your followers to your Circles. • Tracking the ... influencers) and identify networks of u

25 Principles of Mobile Site Design - Eproductions
guests but encourage registration where possible. Ten. Have a profile? Sign In. email password. Checkout as guest. Checkout. No profile? No problem, you can ...

Mobile Terrace Neighborhood Study Site - City of Mobile
CONtACt iNFORMAtiON. Prepared by: City of Mobile ... Do not make business or legal decisions based on this data before ... the U. S. Census Bureau. Source:.

Baby Gaga boosts mobile visits 64% with new mobile site
This includes expanding other parts of the Baby Gaga site to mobile and creating mobile-specific experiences such as smartphone apps and location- based solutions. As mobile grows to become more of a business strategy, rather than just a revenue chan

25 Principles of Mobile Site Design - Eproductions
Have your call to action front and centre so that it's easy for people to see. One. Call Now. Page 3. Keep menus short & sweet. Two. Menu. About. Our Services. Contact. Page 4. Make it easy to return to the homepage, use your logo to link back. Three

RESTful Service Best Practices
Aug 2, 2013 - container which provides us with the concept of “session” which maintains state across multiple HTTP requests. ..... and most important concept to grasp when creating an understandable, easily leveraged Web service. API. .... attemp

Our Mobile Planet Services
Google Confidential and Proprietary. Understanding the Mobile Consumer. May 2012. Our Mobile Planet: United States .... Reviewed websites blogs or message boards. Browsed the Internet. Played games. Listened to music. Watched videos .... you agree to

Mobile Search MoMentS Services
All rights reserved. Nielsen and the Nielsen logo are registered trademarks or trademarks of CZT/ACN Trademarks, LLC. Used with permission. Other product and service names are trademarks of their respective companies. Mobile Search MoMentS. UnderStan

Mobile Marketing Matters Services
Bridgevine is focused on customer acquisition empowered by its proprietary. Acquisition and Merchandising Platform, AMP. AMP combines SEO, SEM, mobile,. Daily Deals, Internet radio, display, social, and affiliates. Perhaps the most intriguing and con