Building a Mobile Friendly Website

1. Building a Mobile Friendly Website BUILDING A MOBILE FRIENDLY WEBSITE HOW-TO GUIDE

2. 2 Building a Mobile Friendly Website How-to Guide A mobile friendly website will make your business more accessible to customers and prospects. This guide will outline why you need a mobile friendly website and how to implement one for your business. Read this brief 5-page guide and follow the action plan to get started. Mobile friendly websites, also known as responsive websites, represent a new movement in web design and refers to the ease in which a user is able to access a website using a portable device such as a smart phone or tablet. Examples of optimization for portable devices include designs that are developed to ensure minimal scrolling, quick to load graphics, and clear navigation. The idea is simple: Mobile friendly designs ensure that your company’s website can be viewed as easily as possible whether a customer is accessing the site via a laptop, tablet, or smart phone. According to a recent Google survey, 72% of mobile users said web accessibility on a mobile phone was important to them. However, only 26% of small businesses currently have a mobile friendly website. As more people turn to portable devices in their daily lives, the importance of hosting a website that can be accessed on one of these devices increases dramatically. Mobile friendly websites refer to the ease in which a user is able to access a website using a portable device such as a smartphone or tablet. These optimized sites use a minimalist design in order to guide the customer to the appropriate information without distracting them with features that may not be optimal for a smaller screen, and that can eat up data and slow performance. An example of how a website may be viewed on various Internet devices: HOW-TO GUIDE Why is this Important? What is a Mobile Friendly Website? Building a Mobile Friendly Website 2 Building a Mobile Friendly Website How-to Guide A mobile friendly website will make your business more accessible to customers and prospects. This guide will outline why you need a mobile friendly website and how to implement one for your business. Read this brief 5-page guide and follow the action plan to get started. Mobile friendly websites, also known as responsive websites, represent a new movement in web design and refers to the ease in which a user is able to access a website using a portable device such as a smart phone or tablet. Examples of optimization for portable devices include designs that are developed to ensure minimal scrolling, quick to load graphics, and clear navigation. The idea is simple: Mobile friendly designs ensure that your company’s website can be viewed as easily as possible whether a customer is accessing the site via a laptop, tablet, or smart phone. According to a recent Google survey, 72% of mobile users said web accessibility on a mobile phone was important to them. However, only 26% of small businesses currently have a mobile friendly website. As more people turn to portable devices in their daily lives, the importance of hosting a website that can be accessed on one of these devices increases dramatically. Mobile friendly websites refer to the ease in which a user is able to access a website using a portable device such as a smartphone or tablet. These optimized sites use a minimalist design in order to guide the customer to the appropriate information without distracting them with features that may not be optimal for a smaller screen, and that can eat up data and slow performance. An example of how a website may be viewed on various Internet devices: HOW-TO GUIDE Why is this Important? What is a Mobile Friendly Website? Building a Mobile Friendly Website

3. 3 Building a Mobile Friendly Website How-to Guide In today’s market, 24/7 internet accessibility is more important than ever before, and this access regularly occurs through mobile devices. Potential customers researching your business may not give you a second chance if their first impression of your mobile site does not meet expectations. In fact, 46% of consumers surveyed in a recent Gomez survey suggested that they would be unlikely to return to a mobile site if it did not work properly during their last visit. Your business only has a few seconds to grab the attention of a prospect, and if it is loading slowly because of large graphics, too many tables, and/or videos that will not play, it is likely a prospect will move on. Now that you understand what a mobile friendly website is and why it is important to your busi- ness, follow these simple steps below to get started in creating a new and mobile friendly website for your business. HOW-TO GUIDE Increased brand recognition and customer appreciation - More than just increasing your customer base and profit margin, you also increase the appreciation consumers have for your busi- ness. Expanded access to customers for your business - When your company creates a mobile friendly website, it can reach more people than ever before because there are users who prefer to access the Internet from mobile devices. Matching customer expectations - In todays’ market, consumers expect results, and they expect them fast. This is why you are not only potentially losing new customers by not having a mobile website, but you are also risking losing current customers who are unable to access your web content on the go. Being accessible to your customers should be your #1 priority as a business. Mobile Friendly Website Benefits Building a Mobile Friendly Website We also recommend you take our Mobile Marketing Readiness Assessment to assess your preparedness for a mobile marketing initiative. 3 Building a Mobile Friendly Website How-to Guide In today’s market, 24/7 internet accessibility is more important than ever before, and this access regularly occurs through mobile devices. Potential customers researching your business may not give you a second chance if their first impression of your mobile site does not meet expectations. In fact, 46% of consumers surveyed in a recent Gomez survey suggested that they would be unlikely to return to a mobile site if it did not work properly during their last visit. Your business only has a few seconds to grab the attention of a prospect, and if it is loading slowly because of large graphics, too many tables, and/or videos that will not play, it is likely a prospect will move on. Now that you understand what a mobile friendly website is and why it is important to your busi- ness, follow these simple steps below to get started in creating a new and mobile friendly website for your business. HOW-TO GUIDE Increased brand recognition and customer appreciation - More than just increasing your customer base and profit margin, you also increase the appreciation consumers have for your busi- ness. Expanded access to customers for your business - When your company creates a mobile friendly website, it can reach more people than ever before because there are users who prefer to access the Internet from mobile devices. Matching customer expectations - In todays’ market, consumers expect results, and they expect them fast. This is why you are not only potentially losing new customers by not having a mobile website, but you are also risking losing current customers who are unable to access your web content on the go. Being accessible to your customers should be your #1 priority as a business. Mobile Friendly Website Benefits Building a Mobile Friendly Website We also recommend you take our Mobile Marketing Readiness Assessment to assess your preparedness for a mobile marketing initiative.

4. 4 Building a Mobile Friendly Website How-to Guide Action Plan 1 3 Make Information Easy to Read The main page of your mobile site should include your business name, contact informa- tion, address, and a description of your busi- ness. Remove “Contact Us” buttons that bring visitors to other page or to an information request form. Action Plan STEP 1 - Display Most Important Information at Top 7 Increase Your Speed 6 Limit The Use Of Tables And Scrolling 4 Remove Excess Information 2 Remove Any Flash-Based Videos 5 Include Mobile Friendly Buttons V I E W R E S O U R C E Mobile Marketing Playbook Help Your Customer Contact You with Top Ease Display Important Information at Top 4 Building a Mobile Friendly Website How-to Guide Action Plan 1 3 Make Information Easy to Read The main page of your mobile site should include your business name, contact informa- tion, address, and a description of your busi- ness. Remove “Contact Us” buttons that bring visitors to other page or to an information request form. Action Plan STEP 1 - Display Most Important Information at Top 7 Increase Your Speed 6 Limit The Use Of Tables And Scrolling 4 Remove Excess Information 2 Remove Any Flash-Based Videos 5 Include Mobile Friendly Buttons V I E W R E S O U R C E Mobile Marketing Playbook Help Your Customer Contact You with Top Ease Display Important Information at Top

5. 5 Building a Mobile Friendly Website How-to Guide 1 3 Many mobile devices do not support Flash, and because of this, you should remove Flash from your mobile website and your main desktop website. Flash videos require large amounts of bandwidth and eat into your customers’ data plans when accessed from mobile devices. Your customers will not want to visit your website on their mobile phones if they know it is going to cost them money. Flash videos, because of their large file size, slow the downloading process which can potentially discourage your customers from using your site. STEP 2 - Remove Any Flash-Based Videos 7 6 4 2 Remove Any Flash-Based Videos 5 Action Plan Increase Your Speed Limit The Use Of Tables And Scrolling Remove Excess Information Include Mobile Friendly Buttons Display Important Information at Top V I E W R E S O U R C E Video Marketing Playbook Enough Flash Already Make Information Easy to Read 5 Building a Mobile Friendly Website How-to Guide 1 3 Many mobile devices do not support Flash, and because of this, you should remove Flash from your mobile website and your main desktop website. Flash videos require large amounts of bandwidth and eat into your customers’ data plans when accessed from mobile devices. Your customers will not want to visit your website on their mobile phones if they know it is going to cost them money. Flash videos, because of their large file size, slow the downloading process which can potentially discourage your customers from using your site. STEP 2 - Remove Any Flash-Based Videos 7 6 4 2 Remove Any Flash-Based Videos 5 Action Plan Increase Your Speed Limit The Use Of Tables And Scrolling Remove Excess Information Include Mobile Friendly Buttons Display Important Information at Top V I E W R E S O U R C E Video Marketing Playbook Enough Flash Already Make Information Easy to Read

6. 6 Building a Mobile Friendly Website How-to Guide 3 Make information easy to read on a small screen. No person enjoys squinting at a desktop or mobile device to read smaller text. Remove any small fonts or fancy lettering and replace these with bold, clear, and large fonts that are easy to read. STEP 3 - Make Information Easy To Read On A Small Screen 7 6 4 2 5 1 Action Plan Increase Your Speed Limit The Use Of Tables And Scrolling Remove Excess Information Remove Any Flash-Based Videos Include Mobile Friendly Buttons Easy Readability for Customer Satisfaction Display Important Information at Top Make Information Easy to Read 6 Building a Mobile Friendly Website How-to Guide 3 Make information easy to read on a small screen. No person enjoys squinting at a desktop or mobile device to read smaller text. Remove any small fonts or fancy lettering and replace these with bold, clear, and large fonts that are easy to read. STEP 3 - Make Information Easy To Read On A Small Screen 7 6 4 2 5 1 Action Plan Increase Your Speed Limit The Use Of Tables And Scrolling Remove Excess Information Remove Any Flash-Based Videos Include Mobile Friendly Buttons Easy Readability for Customer Satisfaction Display Important Information at Top Make Information Easy to Read

7. 7 Building a Mobile Friendly Website How-to Guide Action Plan STEP 4 - Narrow Down Options 3 Information about contests, extra videos, and staff biographies can be kept for desktop websites. The purpose of your mobile site is to provide the basic information that your customers will be looking for. This information should be made quick and easy to reach. Action Plan STEP 4 - Remove Excess Information 7 6 4 Remove Excess Information 2 5 1 Increase Your Speed Limit The Use Of Tables And Scrolling Remove Any Flash-Based Videos Include Mobile Friendly Buttons Web Content Audit Tool V I E W R E S O U R C E Quick to Scan and Ready to Serve Display Important Information at Top Make Information Easy to Read 7 Building a Mobile Friendly Website How-to Guide Action Plan STEP 4 - Narrow Down Options 3 Information about contests, extra videos, and staff biographies can be kept for desktop websites. The purpose of your mobile site is to provide the basic information that your customers will be looking for. This information should be made quick and easy to reach. Action Plan STEP 4 - Remove Excess Information 7 6 4 Remove Excess Information 2 5 1 Increase Your Speed Limit The Use Of Tables And Scrolling Remove Any Flash-Based Videos Include Mobile Friendly Buttons Web Content Audit Tool V I E W R E S O U R C E Quick to Scan and Ready to Serve Display Important Information at Top Make Information Easy to Read

8. 8 Building a Mobile Friendly Website How-to Guide 3 Include mobile friendly buttons. Provide customers with a “click to call” button so they do not have to copy down your company’s telephone number and can call directly from your website. Include links to social media profiles on your mobile site so that customers can easily navi- gate from your business page to your social media pages with the click of a button. Include an option to view the non-mobile site. Sometimes your customers are just browsing and have the time to spend navigating your site. Make sure you provide them with the ability to view everything your full desktop page has to offer if they so desire. Action Plan STEP 5 - Include Mobile Friendly Buttons 7 6 4 2 5 Include Mobile Friendly Buttons 1 Increase Your Speed Limit The Use Of Tables And Scrolling Remove Excess Information Remove Any Flash-Based Videos Meet Your Customers Need Right Away Display Important Information at Top Make Information Easy to Read 8 Building a Mobile Friendly Website How-to Guide 3 Include mobile friendly buttons. Provide customers with a “click to call” button so they do not have to copy down your company’s telephone number and can call directly from your website. Include links to social media profiles on your mobile site so that customers can easily navi- gate from your business page to your social media pages with the click of a button. Include an option to view the non-mobile site. Sometimes your customers are just browsing and have the time to spend navigating your site. Make sure you provide them with the ability to view everything your full desktop page has to offer if they so desire. Action Plan STEP 5 - Include Mobile Friendly Buttons 7 6 4 2 5 Include Mobile Friendly Buttons 1 Increase Your Speed Limit The Use Of Tables And Scrolling Remove Excess Information Remove Any Flash-Based Videos Meet Your Customers Need Right Away Display Important Information at Top Make Information Easy to Read

9. 9 Building a Mobile Friendly Website How-to Guide 3 Remove extra tables to eliminate unnecessary scrolling. Remember to keep things simple. Action Plan STEP 6 - Limit The Use Of Tables And Scrolling 7 6 Limit The Use Of Tables And Scrolling 4 2 5 1 Increase Your Speed Remove Excess Information Remove Any Flash-Based Videos Include Mobile Friendly Buttons UX Testing Process Template V I E W R E S O U R C E Reduce Any Clutter for Customer Comfort and Simplicity Display Important Information at Top Make Information Easy to Read 9 Building a Mobile Friendly Website How-to Guide 3 Remove extra tables to eliminate unnecessary scrolling. Remember to keep things simple. Action Plan STEP 6 - Limit The Use Of Tables And Scrolling 7 6 Limit The Use Of Tables And Scrolling 4 2 5 1 Increase Your Speed Remove Excess Information Remove Any Flash-Based Videos Include Mobile Friendly Buttons UX Testing Process Template V I E W R E S O U R C E Reduce Any Clutter for Customer Comfort and Simplicity Display Important Information at Top Make Information Easy to Read

10. . 10 Building a Mobile Friendly Website How-to Guide 3 Action Plan STEP 7 - Increase Your Speed 7 Increase Your Speed 6 4 2 5 1 Limit the use of media on your mobile friendly site. Large files containing pictures and videos will slow the loading time for visitors. Make sure your loading time is down to 5 seconds or less. Anything more than that and you risk losing customers. Remember that the reason for creating a mobile friendly website is to ensure that your customers and prospects are able to access your company’s information quickly and easily while on the go. It is important that your mobile friendly website is clear and concise, while maintaining the branding that your business has worked so hard to achieve recognition for. Limit The Use Of Tables And Scrolling Remove Excess Information Remove Any Flash-Based Videos Include Mobile Friendly Buttons Reduce Your File Sizes for A Better Customer Experience Display Important Information at Top Make Information Easy to Read

11. . Demand Metric is a marketing research and advisory firm serving a membership community of over 100,000 marketing professionals and consultants in 75 countries. Offering consulting playbooks, advisory services, and 500+ premium marketing tools and templates, Demand Metric resources and expertise help the marketing community plan more efficiently and effectively, answer the difficult questions about their work with authority and conviction, and complete marketing projects more quickly and with greater confidence — thus boosting the respect of the marketing team and making it easier to justify resources the team needs to succeed. To learn more about Demand Metric, please visit www.demandmetric.com About Demand Metric Follow us on Twitter Like us on Facebook Join Linkedin Group © Demand Metric Research Corporation. All Rights Reserved.