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

Multi-Device Layouts

Home Page and Navigation Principles

A desktop homepage often serves as a welcome page, messaging center and promotional space all in one, but the mobile homepage should focus on connecting users to the content they’re looking for.

Guides

  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

Next Sections

  1. Home Page and Navigation Principles
  2. Responsive Web Design Basics
  3. Responsive Web Design Patterns
  4. Navigation and Action Patterns

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 .