Use cases for spatial navigation

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

• sample: http://enyojs.com/sampler/latest/spotlight/index.html#ContainerSample
• 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.

Real use cases

• Youtube TV: https://tv.youtube.com/welcome/

Future use cases

• Google Calendar
• Spatial navigation for the circular layout