0% found this document useful (0 votes)
27 views3 pages

Activity Rings

Activity rings in Apple devices display daily progress toward Move, Exercise, and Stand goals, with specific guidelines for their use in health and fitness apps. They should only represent individual progress, maintain consistent visual appearance, and not be used for decoration or branding. The rings are available in iOS and change based on whether an Apple Watch is paired, with best practices emphasizing clarity and relevance in their display.

Uploaded by

Hermes López
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
27 views3 pages

Activity Rings

Activity rings in Apple devices display daily progress toward Move, Exercise, and Stand goals, with specific guidelines for their use in health and fitness apps. They should only represent individual progress, maintain consistent visual appearance, and not be used for decoration or branding. The rings are available in iOS and change based on whether an Apple Watch is paired, with best practices emphasizing clarity and relevance in their display.

Uploaded by

Hermes López
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

Activity rings | Apple Developer Documentation

Skip Navigation
Activity rings
Activity rings show an individual’s daily progress toward Move, Exercise, and Stand
goals.
In watchOS, the Activity ring element always contains three rings, whose colors and
meanings match those the Activity app provides. In iOS, the Activity ring element
contains either a single Move ring representing an approximation of activity, or
all three rings if an Apple Watch is paired.
Best practices
Display Activity rings when they’re relevant to the purpose of your app.
If your app is related to health or fitness, and especially if it contributes
information to HealthKit, people generally expect to find Activity rings in your
interface. For example, if you structure a workout or health session around the
completion of Activity rings, consider displaying the element on a workout metrics
screen so that people can track their progress during their session. Similarly, if
you provide a summary screen that appears at the conclusion of a workout, you could
display Activity rings to help people check on their progress toward their daily
goals.
Use Activity rings only to show Move, Exercise, and Stand information.
Activity rings are designed to consistently represent progress in these specific
areas. Don’t replicate or modify Activity rings for other purposes. Never use
Activity rings to display other types of data. Never show Move, Exercise, and Stand
progress in another ring-like element.
Use Activity rings to show progress for a single person.
Never use Activity rings to represent data for more than one person, and make sure
it’s obvious whose progress you’re showing by using a label, a photo, or an avatar.
Always keep the visual appearance of Activity rings the same, regardless of where
you display them.
Follow these guidelines to provide a consistent experience:
Never change the colors of the rings; for example, don’t use filters or modify
opacity.
Always display Activity rings on a black background.
Prefer enclosing the rings and background within a circle. To do this, adjust the
corner radius of the enclosing view rather than applying a circular mask.
Ensure that the black background remains visible around the outermost ring. If
necessary, add a thin, black stroke around the outer edge of the ring, and avoid
including a gradient, shadow, or any other visual effect.
Always scale the rings appropriately so they don’t seem disconnected or out of
place.
When necessary, design the surrounding interface to blend with the rings; never
change the rings to blend with the surrounding interface.
To display a label or value that’s directly associated with an Activity ring, use
the colors that match it.
To display the ring-specific labels
Move
,
Exercise
, and
Stand
, or to display a person’s current and goal values for each ring, use the following
colors, specified as RGB values.
Move
Exercise
Stand
Maintain Activity ring margins.
An Activity ring element must include a minimum outer margin of no less than the
distance between rings. Never allow other elements to crop, obstruct, or encroach
upon this margin or the rings themselves.
Differentiate other ring-like elements from Activity rings.
Mixing different ring styles can lead to a visually confusing interface. If you
must include other rings, use padding, lines, or labels to separate them from
Activity rings. Color and scale can also help provide visual separation.
Don’t send notifications that repeat the same information the Activity app sends.
The system already delivers Move, Exercise, and Stand progress updates, so it’s
confusing for people to receive redundant information from your app. Also, don’t
show an Activity ring element in your app’s notifications. It’s fine to reference
Activity progress in a notification, but do so in a way that’s unique to your app
and doesn’t replicate the same information the system provides.
Don’t use Activity rings for decoration.
Activity rings provide information to people; they don’t just embellish your app’s
design. Never display Activity rings in labels or background graphics.
Don’t use Activity rings for branding.
Use Activity rings strictly to display Activity progress in your app. Never use
Activity rings in your app’s icon or marketing materials.
Platform considerations
No additional considerations for iPadOS or watchOS. Not supported in macOS, tvOS,
or visionOS.
iOS
Activity rings are available in iOS with
HKActivity
Ring
View
. The appearance of the Activity ring element changes automatically depending on
whether an Apple Watch is paired:
With an Apple Watch paired, iOS shows all three Activity rings.
Without an Apple Watch paired, iOS shows the Move ring only, which represents an
approximation of a person’s activity based on their steps and workout information
from other apps.
Apple Watch paired
No Apple Watch paired
Because iOS shows Activity rings whether or not an Apple Watch is paired, activity
history can include a combination of both styles. For example, Activity rings in
Fitness have three rings when a person exercises with their Apple Watch paired, and
only the Move ring when they exercise without their Apple Watch.
Resources
Related
Workouts
Developer documentation
HKActivity
Ring
View
— HealthKit
Videos
Track workouts with HealthKit on iOS and iPadOS
Build a workout app for Apple Watch
Build custom workouts with WorkoutKit
Change log
Date
Changes
March 29, 2024
Enhanced guidance for displaying Activity rings and listed specific colors for
displaying related content.
December 5, 2023
Added artwork representing Activity rings in iOS.
Current page is Activity rings
Supported platforms
Activity rings
Best practices
Platform considerations
Resources
Change log

Common questions

Powered by AI

Mixing different ring styles with Activity rings in an app interface can lead to visual confusion and a cluttered user experience. It can obscure the distinct meaning and measurement that Activity rings are intended to convey, which is users' daily progress toward fitness goals. To mitigate this, developers are encouraged to use visual differentiators like padding and color contrasts to clearly delineate Activity rings from other interface elements .

Displaying Activity rings could enhance an app's functionality in scenarios such as fitness challenges, personalized health coaching, or interactive workout sessions. By clearly showing progress toward daily activity goals, users can engage more dynamically with health and exercise plans tailored to their needs. It can also be beneficial in social fitness apps where users compare stats and encourage each other's progress, thereby adding motivation and community engagement to the app’s offerings .

Activity rings contribute to a consistent user experience by maintaining uniform visual representation, such as specific colors and margins, regardless of the platform or application context. Developers are instructed never to modify the colors, opacity, or relative positioning of the rings and to always display them against a black background. These guidelines ensure that users receive a consistent visual language and understanding of their health data across different platforms and applications, thereby promoting cohesion and reducing confusion .

An app should avoid sending notifications that replicate the Activity app's information to prevent user confusion and information redundancy. The system already provides updates on Move, Exercise, and Stand progress, so duplicating these notifications can overwhelm users with redundant data. Instead, apps should offer unique notifications that complement but do not echo the system-provided information, thereby enhancing user experience without causing irritation or confusion .

The primary purposes of Activity rings in health or fitness-related apps are to visualize an individual's daily progress toward Move, Exercise, and Stand goals. The rings provide users with a clear, consistent representation of their physical activity, helping them track progress and motivate completion of these specific goals. This visualization allows for easy integration into workout metrics or summary screens, emphasizing their role in health and fitness tracking .

When integrating Activity rings in a health app's design, best practices include ensuring they always depict Move, Exercise, and Stand data exclusively, preserving their visual integrity by not altering colors or positioning, and padding them to avoid visual overlap with other UI elements. Developers should also consider their relevance, embedding them in contexts where activity tracking is directly beneficial to the app’s function, such as in workout metrics or summary screens .

When an Apple Watch is paired with an iPhone, iOS displays all three Activity rings—Move, Exercise, and Stand—reflecting the comprehensive data captured by the watch. When no Apple Watch is paired, only the Move ring is displayed, representing an approximation of activity based on steps and workout data from other apps. This differentiation ensures users have an accurate depiction of their activity, whether or not they use an Apple Watch .

Developers must follow strict guidelines to ensure the integrity of Activity rings within an app's user interface. These include never changing the colors or opacity of the rings, always displaying them against a black background, ensuring proper spacing and margins to avoid clutter, and avoiding the use of rings for decorative or branding purposes. Rings should be clearly separated from other elements using padding or lines to maintain clarity and avoid visual confusion .

The use of specific RGB values for each ring (Move, Exercise, Stand) ensures consistency in color representation across all applications, which is pivotal in maintaining a recognizable interface standard. This uniformity helps in achieving a consistent, intuitive user experience where the visual identity of each ring remains immediately identifiable, thereby supporting effective user engagement and understanding across platforms .

It is important not to use Activity rings for decorative purposes or branding because they are designed to convey specific data about one's physical activity, not to enhance the aesthetic of an app. Using them for non-functional purposes can dilute their meaning, causing users to misinterpret data and undermining the clarity and intent of the health-related metrics they are supposed to represent. This misuse can compromise their effectiveness in motivating users to achieve health goals .

You might also like