Difference between revisions of "Projects/Usability/HIG/Layout/NavigationPatterns"

Jump to: navigation, search
Line 7: Line 7:
 
===Patterns for a flat information structure===
 
===Patterns for a flat information structure===
 
[[File:IS-flat.png]]
 
[[File:IS-flat.png]]
 +
 +
One-at-a-time
 +
[[File:NP-flat-1.png]]
  
  

Revision as of 18:42, 21 July 2014

Purpose

Navigation Patterns are determined by the information structure of the application content (flat, 2-deep, 3-deep, n-deep). Navigation patterns can be combined with command patterns to design the complete layout for your application.

Guidelines

Patterns for a flat information structure

IS-flat.png

One-at-a-time NP-flat-1.png


Examples

Playlist (songs, videos), Slideshow, Presentation (slides), Document list, Document pages, Contacts (contacts), Web browser (tabs, sites visited, bookmarks), Chat history (each message), Driving directions (step-by-step), Image editor, Installer


Content is available under Creative Commons License SA 4.0 unless otherwise noted.