25 Mobile Design Principles from Google
May 12, 2017
Americans spend on average 87 hours a month on their smartphones. That is a lot of time looking at a mobile device. This makes it very important to have a great mobile experience for your readers.
Google teamed up with AnswerLab with the goal to establish mobile site design best practices. They created a great PDF you can download: Principles of Mobile Site Design: Delight Users and Drive Conversions. The 25 principles can be grouped into five sections:
- Homepage & Site Navigation
- Site Search
- Commerce & Conversation
- Form Entry
- Usability & Form Factor
The infographic below shows the principles under the five sections. Below the infographic you will see how you can implement some of these principles on your Typepad blog.
Making your blog mobile responsive is easy within Typepad. We have many beautiful themes you can choose and customize. We recommend you create a test blog and go to the Design tab > Choose a Theme > Design Lab (Responsive) to select and customize one of our mobile themes.
You can create your own homepage by creating a page and then selecting it to be a Landing Page.
You can customize a navigation bar within your theme as well.
Google can help make searching your site easy! They have a Custom Search Engine feature that you can add to your blog. Readers will be able to search your site with the speed and convenience of Google. Go to Custom Search Engine, then click on the Create a custom search engine button. Paste in the URL to your blog, then click on Create. Next to Add it to your site, click on Get Code. Copy the code and then log in to your Typepad Account. Click on Blog tab, then click on the name of your blog. Click on Design, then the Content tab. Search for the Embed your own HTML module, then click on Add this module. Label the module, then paste in the code. Click on OK, then Save changes.
Going mobile can be the boost you need for your blog. Reach out to us if you have any questions about the Google's design principles and how to implement them.
Comment for help, or click on Help > New Ticket within your account.