Skip to content

Use cases for spatial navigation

Jihye Hong edited this page Dec 15, 2017 · 6 revisions

Use cases for spatial navigation

This page is for gathering use cases about spatial navigation (i.e. moving the focus in 4-ways using arrow keys). It will help to figure out the essential features supported when implementing the spatial navigation.

Listing examples here is a good start, but ideally each use case should be listed with some details about it, such as:

  • Is the example meant to showcase something typical, or some unusual case
  • Is the example meant to showcase something that currently works well, or something that has problems
  • If there are problems, what class of users or what usage scenario are they problems for, and why is that behavior a problem

Spatial navigation on the grouped element

Features

  • The group of elements is organized to control the spatial navigation better for the TV app.
    • The groups are created based on their functions or behaviors (e.g., main, menu, dialog, etc.).
  • The group consists of elements which are the node of the sub-DOM tree.
  • Focus only moves to the element which is the leaf node of the sub-DOM tree.
  • Each group has the initially focused element and the last focused element.

Scenario

  • Focus navigation between the groups in the same level
    • Focus moves to the last focused element, not to the nearest element.
  • Focus navigation from the parent group to the child group
    • Focus moves to the last focused element, not to the nearest element.
  • Focus navigation from the child group to the parent group
    • Focus moves to the nearest element.

Related pages

Future use cases

  • Spatial navigation for the circular layout