M300XL UI Design Best Practices
  • 29 May 2024
  • 1 Minute to read
  • Contributors
  • Dark
    Light

M300XL UI Design Best Practices

  • Dark
    Light

Article summary

Screen Orientation

The device may be worn on the left or right eye, and will always be in landscape or reverseLandscape orientation.

  • The proper orientation to specify for your Activity in the manifest is:

android:screenOrientation="sensorLandscape"

Navigation

The user will navigate your UI with the three physical buttons or touch swipes that can be automatically translated to KeyEvent key codes as described in the Interaction Methods article.

  • Allow UI elements to be navigated with simple left/right/up/down navigation, and give users clear visual indicators which UI element currently has focus.

  • Consider adding customized verbal navigation using the Vuzix Speech SDK.

  • Explicitly control the focus order. More details can be found in the separate Navigation and Focus article.

Usability Best Practices

The most important aspect to a well-designed user interface for an application intended to be used on the M300XL and M300 is simplicity. This is largely driven by the limited amount of space on the display.

  • Avoid complex menu systems, instead use a linear progression through interface components to minimize the amount of time a user needs to dedicate to navigating the application UI.

  • Limit the amount of information being displayed to the user at any given moment to be very contextually relevant. I.E. a single, specific instruction to guide the user to performing an individual step in a procedure.

  • Avoid displaying complex diagrams or schematics to the user, instead opt for displaying only the components immediately relevant to the task at hand.

  • Try to minimize the frequency of scenarios requiring the user to physically interact with the device by leveraging alternative methods of advancing a user through the application interface. The best way to do so is by leveraging voice commands, but this can also be done by automatically advancing a user to the next screen based on any number of interactions, such as scanning a barcode, taking a picture, or some other form of verification that the step has been completed.


Was this article helpful?