watchos-design-guidelines

Apply Apple Watch design guidelines to watchOS apps, complications, and workouts.

10|1|Updated Dec 16, 2024
One-click install
npx skills add https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark --skill watchos-design-guidelines-wanghaisheng
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: watchos-design-guidelines
Source: https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark/tree/main/ref/platform-design-skills-main/platform-design-skills-main/skills/watchos
Command: npx skills add https://github.com/wanghaisheng/cloudflare-workers-d1-r2-expo-turborepo-trpc-workflows-astro-cleark --skill watchos-design-guidelines-wanghaisheng

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Apple watch app design often struggles with tiny screens, glanceability, and wrist-first interactions; this guide consolidates official guidelines to help designers and engineers build fast, legible watch interfaces.

Core Features & Use Cases

  • Official Apple Watch Human Interface Guidelines
  • Guidelines for glanceable UIs, Digital Crown interactions, complications, Always On, and workouts
  • Use Case: Audit and implement consistent, wrist-optimized design across watchOS apps and watch faces.

Quick Start

Review and apply the watchOS UI design guidelines when starting or auditing watch apps, complications, and workout interfaces.

Frequently Asked Questions about watchos-design-guidelines

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

FAQPage Schema
What are the watchOS design guidelines for building wrist-friendly interfaces?

watchOS design guidelines focus on glanceability and wrist-first interactions, enforcing rule-based UI constraints, typography, navigation, and accessibility for Apple Watch apps, complications, and workouts. They ensure interfaces remain legible and efficient on tiny screens.

How do I design Apple Watch complications that follow official human interface guidelines?

To design Apple Watch complications, apply official watchOS human interface guidelines to ensure data is glanceable and properly formatted for watch faces. This Skill helps audit complication designs against rule-based UI constraints and accessibility considerations.

What's the best way to audit an Apple Watch app for accessibility and UI constraints?

The best way to audit an Apple Watch app is evaluating it against rule-based UI constraints, typography guidelines, and accessibility considerations defined by the official watchOS human interface guidelines to ensure efficient, wrist-optimized interactions.

Can I use these watchOS design rules for Always On display and Digital Crown interactions?

Yes, these watchOS design rules explicitly cover Always On display interfaces and Digital Crown interactions. They provide the necessary UI constraints and navigation patterns to maintain glanceability and accessibility during these specific Apple Watch interactions.

Does this guide cover design rules for Apple Watch workout interfaces?

Yes, the guide covers watchOS workout interfaces alongside standard apps and complications. It applies official human interface guidelines to ensure workout UIs remain legible, accessible, and efficient for wrist-first interactions during physical activity.

Why do my Apple Watch UI elements fail glanceability on tiny screens?

Apple Watch UI elements often fail glanceability when they ignore official watchOS design guidelines for typography, navigation, and UI constraints. This Skill helps identify and apply rule-based constraints to ensure interfaces are fast and legible on tiny screens.