Tree views

Use a tree view to display objects, such as folders, in a hierarchical manner.

Objects in the tree view are nodes. The highest node is the root node. A node in the tree can have child nodes under it. A node that has a child is a parent node.

Users can perform the following action in a tree view:

User goal

Action using the navigation keys

Action using a touch screen

Action using a physical keyboard

Expand or collapse an object with a plus sign (+) or minus sign (-) in a hierarchy.

Click the trackpad.

Tap the object.

Press the Space key.

This screen shows an example of a tree view.

Best practice: Implementing tree views

  • Provide a pop-up menu if users can perform multiple actions when they click a parent node.
  • Include a root node only if users need the ability to perform actions on the entire tree. Otherwise, exclude the root node.

Got questions about leaving a comment? Get answers from our Disqus FAQ.

comments powered by Disqus