skills.rest
prateek
prateekCOMMUNITY
Explore all skills by this author →
GitHub

hig-components-status

Guide determinate and indeterminate progress indicator selection per Apple HIG.

3|Updated Jan 14, 2014
Search Tags:#accessibility#ui-design#progress-indicators#apple-hig#status-indicators#activity-rings#status-bars
One-click install
npx skills add https://github.com/prateek/dotfiles --skill hig-components-status-prateek
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hig-components-status
Source: https://github.com/prateek/dotfiles/tree/main/.agents/skills/hig-components-status
Command: npx skills add https://github.com/prateek/dotfiles --skill hig-components-status-prateek

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Apple HIG guidance provides a structured approach to designing and implementing status and progress UI components, ensuring consistent behavior across platforms and predictable user expectations for loading, progress, and feedback.

Core Features & Use Cases

  • Guidance on when to use determinate vs indeterminate progress indicators, including progress bars, spinners, and inline indicators.
  • Rules for placing status indicators close to related content, maintaining safe areas, and avoiding clutter.
  • Platform-specific considerations for iOS, watchOS, and macOS, including color conventions and accessibility.

Quick Start

Apply these guidelines to design and implement status indicators (progress bars, spinners, and activity rings) following Apple HIG across platforms.

Frequently Asked Questions about hig-components-status

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
When should I use determinate vs indeterminate progress indicators in iOS?▼

Apple HIG status UI guidance standardizes determinate vs indeterminate progress indicators, advising determinate bars for known durations and indeterminate spinners for unknown loading states across iOS, iPadOS, watchOS, and macOS.

How do I implement activity rings and status bars for watchOS?▼

Implement watchOS activity rings and status bars by following Apple HIG platform-specific color conventions, placing status indicators close to related content, and maintaining safe areas to avoid visual clutter.

What are the accessibility considerations for Apple HIG status indicators?▼

Apple HIG status indicator accessibility requires ensuring system-consistent behavior, applying platform-specific color conventions, and placing progress indicators predictably close to related content to support users across iOS, iPadOS, watchOS, and macOS.

Does this Apple HIG status UI guidance apply to both iOS and macOS applications?▼

Yes, this Apple HIG status UI guidance applies across iOS, iPadOS, watchOS, and macOS, providing cross-references for progress-indicators, status-bars, and activity-rings to ensure consistent platform behavior and predictable user feedback.

Related Skills

Explore More Design & Creative Skills→
exiaoexiao
37

apple-ux-guidelines

Provide Apple Human Interface Guidelines guidance for designing platform-consistent interfaces.

Community
Advanced
raintree-technologyraintree-technology
102

hig-components-status

Design Apple HIG-compliant status and progress indicators for iOS, iPadOS, and watchOS.

Official
Intermediate
pyronaurpyronaur

hig-components-status

Provide Apple HIG guidance for status and progress UI components.

Community
Intermediate
trungdo9trungdo9
3

ui-ux-pro-max

Design cross-platform UI/UX using Material Design 3 and Apple HIG guidelines.

Community
Intermediate