Complications(accessories) guideline for WatchOS

A complication displays timely, relevant information on the watch face, where people can view it each time they raise their wrist.

People often prefer apps that provide multiple, powerful complications, because it gives them quick ways to view the data they care about, even when they don’t open the app. Most watch faces can display at least one complication; some can display four or more.

There are several families like:

  1. Circular
    • CircularSmall
    • ExtralLargeCircular
  2. Extra Large
  3. Corner
  4. Inline
  5. Graphic
    • GraphicCorner
    • GraphicCircular
    • GraphicBezel
    • GraphicRectangular
    • GraphicExtraLarge
  6. Modular
    • ModularSmall
    • ModularLarge
  7. Utilitarian
    • UtilitarianSmall
    • UtilitarianSmallFlat
    • UtilitarianLarge

Rules:

  1. Identify essential, dynamic content that people want to view at a glance.
  2. Support all complication families when possible.
  3. Consider creating multiple complications for each family.
  4. Define a different deep link for each complication you support.
  5. Keep privacy in mind. With the Always-On Retina display, information on the watch face might be visible to people other than the wearer. Make sure you help people prevent potentially sensitive information from being visible to others
  6. Carefully consider when to update data.

Visual Design:

  1. Choose a ring or gauge style based on the data you need to display.
  2. Make sure images look good in tinted mode.
  3. Recognize that people might prefer to use tinted mode for complications, instead of viewing them in full color.
  4. When creating complication content, generally use line widths of two points or greater.
  5. Provide a set of static placeholder images for each complication you support.

N.B: This all infor based on Apple Documentation(https://developer.apple.com/design/human-interface-guidelines/complications)

52 thoughts on “Complications(accessories) guideline for WatchOS

Leave a Reply

Your email address will not be published. Required fields are marked *