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 the volume.
    Users can navigate through categories by swiping and adjust volume levels using the bezel.

  • 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 to send to friends. 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?