Page One

Page Footer

Design Options

Listviews

This method of providing navigation in a mobile site uses a list of links that appear to "open" pages to the right of the current page. Listviews often use right-arrows as link icons, reinforcing the feeling that a user is "moving" to the right. Or they use left-arrows as "back" link icons, reinforcing the feeling that the user is moving "back" to the left as he or she scrolls through a mobile site.

Collapsible Blocks

This is an alternate technique for providing quick and inviting access to blocks of content. Instead of content appearing to open in a new page, a collapsible block can expand to reveal content, and then collapse back up to hide that content.

Combination

Some mobile sites combine listviews and collapsible blocks in their navigation systems. For example, a listview might include collapsible blocks that display, or hide, what are essentially submenus.

New heading

Home Page

Page Footer

Mini

Default Left

Content

Right

Content

Top

Content

Bottom

Content

Header

Content

Header

Content

Header

Content

Header

Content

Header

Content

Header

Content

Header

Content

Header

Content

Header

Content

Home Page

Page Footer

Assignment

Header

Header

Content

Header

Content

Header

Content

Header

Content

Header

Content

Header

Content

Home Page

Page Footer