Cómo comenzar a diseñar para Wear OS
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Material Design para Wear OS te permite diseñar experiencias de apps atractivas.
Comprende los casos de uso
Los relojes permiten que los usuarios obtengan información fácil de ver, por ejemplo, consultar el progreso de sus objetivos de salud y fitness, y actuar con rapidez, por ejemplo, para responder a un mensaje instantáneo. Enfócate en casos de uso como estos cuando diseñes apps para relojes inteligentes.
La interfaz del reloj brinda oportunidades únicas que no están disponibles en los dispositivos móviles, entre las que se incluyen las siguientes:
- Entrada habilitada con una conexión física con el cuerpo (a través de sensores y detección de movimiento)
- Acceso rápido a información y acciones fáciles de ver (como complicaciones, notificaciones y tarjetas)
El reloj también tiene algunas limitaciones, como las siguientes:
- Espacio de pantalla más pequeño
- Menor densidad de información
- Duración de batería limitada
Ten en cuenta las capacidades y las limitaciones de la plataforma cuando diseñes apps para relojes.
check_circle
Qué debes hacer
Diseñar experiencias en las que las tareas se puedan realizar fácilmente con la interfaz del reloj
cancel
Qué no debes hacer
No crees apps complejas y detalladas que incluyan elementos, como hojas de cálculo, ya que es difícil de editar y ver en un reloj.
Prueba los diseños
La mayoría de los dispositivos Wear OS tienen pantallas redondas, que ofrecen un 22% menos de espacio de IU que las pantallas cuadradas. Las pantallas redondas también necesitan márgenes más grandes para que el texto se pueda leer más fácilmente.
Material Design para Wear OS te permite diseñar experiencias de apps atractivas. En las siguientes capturas de pantalla, se muestran algunos ejemplos ilustrados de apps para Wear OS que siguen los principios que se describen en esta guía.
check_circle
Qué debes hacer
Primero, haz un diseño para dispositivos redondos a fin de asegurarte de que funcione con restricciones de tamaño más pequeñas.
cancel
Qué no debes hacer
Las personas que usan relojes suelen estar en movimiento, ya sea de pie, haciendo gestos o corriendo tras un autobús. Probar tus diseños en situaciones en las que los usuarios estén en movimiento para asegurarte de que se puedan consultar de un vistazo
Ejemplos de apps
Material Design para Wear OS te permite diseñar experiencias de apps atractivas. En las siguientes capturas de pantalla, se muestran algunos ejemplos ilustrados de apps para Wear OS que siguen los principios que se describen en esta guía.
Figura 1: Ejemplo de una app de música
Figura 2: Ejemplo de una app de administración de tareas
Figura 3: Ejemplo de una app de mensajería instantánea
Figura 4: Ejemplo de una app de cronómetro
Figura 5: Ejemplo de una app de teléfono
Figura 6: Ejemplo de una app de calculadora
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2025-07-27 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-07-27 (UTC)"],[],[],null,["# Getting started designing for Wear OS\n\nMaterial Design for Wear OS helps you design engaging app experiences.\n\nUnderstand use cases\n--------------------\n\nWatches allow users to get information at a glance, such as seeing\nprogress towards health and fitness goals, and to act quickly, like responding\nto an instant message. Focus on use cases like these when designing apps for\nsmartwatches.\n\nThe watch interface presents unique opportunities that are not available\non mobile devices, including:\n\n- Input enabled by a physical body connection (through sensors and motion detection).\n- Quick access to glanceable information and actions, such as complications, notifications, and Tiles.\n\nThe watch also comes with limitations:\n\n- Smaller screen space\n- Lower information density\n- Limited battery life\n\nConsider both the capabilities and limitations of the platform when designing\napps for watches. \ncheck_circle\n\n### Do\n\nDesign experiences where tasks can be accomplished easily using the watch interface. \ncancel\n\n### Don't\n\nDon't create complex, detailed apps that include items like spreadsheets, as this is difficult to edit and view on a watch.\n\nTest designs\n------------\n\nThe majority of Wear OS devices have round screens, which have 22% less UI\nspace than square displays. Round screens also need larger margins for text to\nbe more readable.\n\nMaterial Design for Wear OS helps you design engaging app experiences. The\nfollowing screenshots show a few illustrated examples of Wear OS apps that\nfollow the principles described in this guide. \ncheck_circle\n\n### Do\n\nDesign for round devices first to make sure your layout works within the smaller size constraints. \ncancel\n\n### Don't\n\nPeople wearing watches are regularly in motion, whether they are standing, gesturing, or running to catch a bus. Test your designs in situations that involve user movement to make sure the design is usable at a glance.\n\nApp examples\n------------\n\nMaterial Design for Wear OS helps you design engaging app experiences. The\nfollowing screenshots show a few illustrated examples of Wear OS apps that\nfollow the principles described in this guide.\n\n\n**Figure 1.** An example of a media app.\n\n**Figure 2.** An example of a task management app.\n\n\u003cbr /\u003e\n\n\n**Figure 3.** An example of an instant messaging app.\n\n**Figure 4.** An example of a stopwatch app.\n\n\u003cbr /\u003e\n\n\n**Figure 5.** An example of a dialer app.\n\n**Figure 6.** An example of a calculator app.\n\n\u003cbr /\u003e"]]
