25 Mobile Website Design Tips To Increase Conversions & Mobile SEO

It’s no secret that mobile usage is steadily increasing, and creating a mobile optimized website is no longer a “nice to have”. Consumers increasingly rely on the mobile web to research and make purchases, which makes it more important than ever for companies to have an effective mobile presence.

Ensuring that your mobile website follows basic principles is key for user experience, mobile seo, and driving conversions.

Google recently conducted a study that was held through 119 hour-long in-person usability sessions with participants in Chicago and San Francisco to help define mobile web design tips for businesses who want to redesign their website for the mobile world.

Participants were asked to perform key tasks on their own Android and iOS mobile phones.

For each site, the users were asked to complete a conversion-focused task like making a purchase, booking a reservation, or researching plans/prices. The participants voiced their thoughts aloud as they conducted their tasks and at the end rated their experience with each site.

25 Mobile Web Design Tips


The 25 tips and principles for mobile website design that are outlined below, came from the feedback and ratings of that study.

Homepage and Site Navigation for Mobile Design

  1. Keep Calls-To-Action Front And Center
  2. Keep Menus Short And Sweet
  3. Make It Easy To Get Back To The Homepage
  4. Don’t Let Promotions Steal The Show

Site Search for Mobile Design

  1. Make Site Search Visible
  2. Ensure Site Search Results Are Relevant
  3. Implement Filters To Improve Site Search Usability
  4. Guide Users To Better Site Search Results

Commerce and Conversions for Mobile Design

  1. Let Users Explore Before They Commit
  2. Let Users Purchase As A Guest
  3. Use Existing Information To Maximize Convenience
  4. Use Click-To-Call Buttons For Complex Tasks
  5. Make It Easy To Finish Converting On Another Device

Form Entry for Mobile Design

  1. Streamline Information Entry
  2. Choose The Simplest Input Method For Each Task
  3. Provide A Visual Calendar When Selecting Dates
  4. Minimize Form Errors With Labeling And Real-Time Validation
  5. Design Efficient Forms

Usability Form Factor for Mobile Design

  1. Optimize Your Entire Site For Mobile
  2. Don’t Make Users Pinch-To-Zoom
  3. Make Product Images Expandable
  4. Tell Users Which Screen Orientation Works Best
  5. Keep Your User In A Single Browser Window
  6. Avoid “Full Site” Labeling
  7. Be Clear Why You Need A User’s Location

If you’d like to learn more about the study feel free to download the whitepaper here.

One thought on “25 Mobile Website Design Tips To Increase Conversions & Mobile SEO”

  1. Thanks for sharing this article! As I was reading it I realized that many sites I visit on my phone do not have site search available. Having a site search would definitely keep potential customers stay on the site longer and find what they are looking for.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>