KDE Visual Design Group/KirigamiHIG/NavigationPatterns: Difference between revisions

From KDE Community Wiki
(Started article.)
 
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 5: Line 5:
== Navigating through a list of items ==
== Navigating through a list of items ==


[[File:List.png | link=KDE_Visual_Design_Group/KirigamiHIG/NavigationPatterns/List]]
[[File:List.png | 240px | link=KDE_Visual_Design_Group/KirigamiHIG/NavigationPatterns/List]]
Choose a [[/List | list view]] for things that are best presented textually
Choose a [[/List | list view]] for things that are best presented textually


Line 13: Line 13:
== Navigating through a hierarchical structure ==
== Navigating through a hierarchical structure ==


[[File:Column-based navigation new.png | 500px | link=KDE_Visual_Design_Group/KirigamiHIG/NavigationPatterns/Columns]]
[[File:Column-based navigation new.png | 500px | link=KDE_Visual_Design_Group/KirigamiHIG/NavigationPatterns/PageRow]]


[[/Columns | Column-based navigation]] allows an easy navigation through a hierarchical structure, both on small touch screens as well as large screens with a pointing device
[[/PageRow | Column-based navigation]] allows an easy navigation through a hierarchical structure, both on small touch screens as well as large screens with a pointing device

Latest revision as of 14:55, 23 May 2016

Patterns for Navigating Through and Selecting Content

This page lists pattern for navigating through content and selecting items. Just click on an image to learn more about a pattern.

Navigating through a list of items

Choose a list view for things that are best presented textually

Choose a grid view for things that are best presented visually

Navigating through a hierarchical structure

Column-based navigation allows an easy navigation through a hierarchical structure, both on small touch screens as well as large screens with a pointing device