Provide precise and unique control with the bezel

The bezel precisely 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

  • Volume setting

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

              

    Users control the volume with the rotary action.

  • My Day watch face

    The My Day watch face allows users be able to check upcoming Calendar, Reminder, and Alarm events through the bezel.

            

    Users rotate the bezel to view their upcoming events.

  • 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.

  • 360 Pong

    360 pong is a one-person game that uses the bezel. The user can hit the ball by rotating the bezel in the same way as in a digital ping-pong game.

     

    User can rotate the bezel to control the bar 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?