Please note that the contents of this offline web site may be out of date. To access the most recent documentation visit the online version .
Note that links that point to online resources are green in color and will open in a new window.
We would love it if you could give us feedback about this material by filling this form (You have to be online to fill it)



View Source | Submit Feedback

Home Page and Navigation Principles

Keep Calls To Action Front and Center

It can be easy for mobile users to miss menu items, so always put your key calls-to-action where you know users will see them.

Study participants had the easiest time completing tasks on sites that clearly displayed primary calls-to-action in the main body of the site, with secondary tasks available through menus or below the fold. Your mobile calls-to-action will probably be different than on desktop, put yourself in your users’ shoes when determining placement.

No obvious call to action
No obvious call to action
Call to actions are front and center.
Call to actions are front and center.

When users get to a site, they typically have a particular task in mind. The site on the left only only offers users a Learn more button, while on the right, users are able to quickly get a quote, find a local agent, make a payment or log in.

Next Sections

  1. Keep Calls To Action Front and Center
  2. Keep Menus Short and Sweet
  3. Make It Easy To Get To The Home Page
  4. Don't let promotions steal the show
  5. Keep users in a single browser window

Updated on 2014-08-07

Authors

Pete LePage

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License , and code samples are licensed under the Apache 2.0 License . For details, see our Site Policies .