Provide precise and unique control with the bezel

The bezel controls components without users obscuring the display with their hand or finger. Turning the bezel is a familiar action to users, so use that familiarity to find ways to operate the bezel for other tasks.

Examples

  • Utilize the bezel to allow precise controls.

    Volume setting

    Volume pages allow users to adjust volume.
    Users can navigate through categories by swiping, and adjust the volume levels precisely with the rotary action.
    Users control the volume with the rotary action.

  • Utilize the bezel for quick screen changes.

    My Day watch face

    The My Day watch face allows users to check upcoming Calendar, Reminder, and Alarm events using the bezel.
    Users rotate the bezel to view their upcoming events.

  • Utilize the bezel to control various functions.

     

Glympse

Glympse shares the user’s real-time location and sends a message to friends.
When sharing where they are, users can use the rotary action to adjust the timer (designed after the Glympse logo) or select one of the preset messages.
Users can rotate the bezel to adjust the G-shaped timer or select a message to send.

  • Create a game based on the bezel utilization.

360 Pong

360 pong is a one-person game that uses the bezel to control a paddle that allows the user to hit the ball in the same way as a digital ping-pong game.
User can rotate the bezel to control the paddle to keep the ball within the screen.

Things to check

  • What kinds of content can be complemented with a rotary action?
  • Turning the bezel clockwise increases values, and turning it counterclockwise decreases values. Does your app align with these basic interaction principles?
  • How can your app create a unique experience by incorporating rotary action?