Because of the limited display space, scrolling is a very important element of your UI design. For long blocks of text or more complex content, however, we recommend that you provide a link for users to read the text on their host phone.

Implement scrolling

To make displayed items move on the SmartEyeglass, users swipe the touch sensor. Swiping is limited to a single axis, so that the user does not have to look at the sensor. This means that your application must interpret a swiping gesture in context to make text and images move or scroll either vertically or horizontally.

Several different types of scrolling movement are available.

  • Horizontal scrolling within a layer: The user switches among different applications at the topmost widget level, using the card-swipe feature of the SDK to scroll horizontally through the cards at that level. (See the Widgets guide for more information.) Within your own application, you can use card swipe to scroll horizontally through cards within a particular layer.
  • Vertical scrolling between layers: You can design your UI to display blocks of text, such as email messages or news articles, on successive cards in the layer hierarchy, and implement vertical scrolling to move from one layer to the next, allowing your user to scroll up and down through the text.
  • Vertical scrolling within a layer: You can use the Text Box component in the SDK to implement vertically scrolling text within a single card layer. The scroll function for a text box is activated when the user presses and holds on the touch sensor. While holding, the user scrolls the display by moving the finger along the length of the sensor. See the AdvancedLayouts sample for an example.
Scrolling text box.

Scrolling text box.

Guidelines for direction of movement

When you are designing your UI, there are important safety considerations.

When you walk or move forward, your view of the world seems to move vertically. As you get closer to an object if front of you, it moves upward and becomes larger in your line of sight. SmartEyeglass users can be made dizzy if a displayed animation moves vertically at an unnatural rate relative to the actual scene in the background.

For an application meant to be used while walking, we recommend that you use horizontal  rather than vertical movements, for both scrolling and animation effects. This is safer, and also requires less mental effort for the user.

Comments 0

Sort by:

Showing 0 of 0 comments. Show all comments