Human Interface Guidelines
  • Introduction
  • Layout
  • Style
  • Components
  • Command Patterns
  • Content Patterns
  • Navigation Patterns
    • Single Item
    • List
    • Expandable List
    • Grid
    • Master-Detail
    • 2-Deep Combination Patterns
    • Tab
    • Unique 2-Deep Patterns
    • 3-Deep Combination Patterns
    • Breadcrumbs
    • Column-based navigation
  • Accessibility
  • Platform
  • About
  • Contribute
  • Generate media
  • Glossary
Human Interface Guidelines
  • Docs
  • Navigation Patterns
  • View page source

Navigation Patterns¶

Navigation Patterns depend on the structure of the application content. Navigation patterns can be combined with command patterns and content patterns to design the complete layout for your application.

Patterns for Desktop User Interfaces¶

Patterns for a Flat Content Structure¶

Flat structure

When pieces of application content are not grouped, the content structure is flat.

Examples include a playlist, a slideshow or a list of documents or contacts.

  • Single item

  • List

  • Expandable list

  • Grid

  • Master detail

Patterns for a 2-Deep Content Structure¶

Patterns for a 2-deep content structure

When all application content are grouped into top-level categories, the content structure is 2-deep.

Examples include picture albums, music albums, email folders or tags.

  • Combination patterns

  • Tabs

  • Unique 2-deep patterns

Patterns for a 3-Deep Content Structure¶

Patterns for a 3-deep content structure

When all application content are grouped into categories, which are themselves be grouped into top-level categories, the content structure is 3-deep.

Caution

Content structures this deep should generally be avoided.

There are instances, however, where it may be difficult to avoid. Examples include a full music or video library or system settings.

  • Combination patterns

Patterns for N-Deep Content Structures¶

Patterns for n-deep content structures

When content is infinitely groupable, the content is n-deep.

Caution

Content structures this deep should be avoided. It is very difficult for the user to maintain awareness of their location in content structure relative to other content.

There are instances, however, where this structure cannot be avoided. Examples include file systems and archives.

  • Breadcrumbs

  • Column-based navigation

Next Previous

© Copyright 2019, KDE. Licensed under Creative Commons License SA 4.0

Built with Sphinx using a theme provided by Read the Docs.