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

Jump to: navigation, search
Line 5: Line 5:
 
==Guidelines==
 
==Guidelines==
  
 +
===Patterns for a flat information structure===
 
[[File:IS-flat.png]]
 
[[File:IS-flat.png]]
===Patterns for a flat information structure===
 
  
  
 
'''Examples'''
 
'''Examples'''
  
Contacts, Chat client, Video conference, Calculator, Terminal, Plasmoids (panel applets and desktop widgets), Maps, Games, Image browser, Document viewer, Music player, Video player, Software installer, System Settings
+
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

Revision as of 17:55, 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


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.