⌚️ Comprender el Apple Watch

Nuevos horizontes (2020), un amanecer en Barcelona (Nuria Gómez Delgado).

Vale, no todos los días vas a diseñar algo para smartwatch, pero creo que es interesante conocer este dispositivo para ver qué se puede hacer.

Como apunte rápido, para desarrollar una aplicación para watchOS se necesita Xcode, un entorno de trabajo de macOS con todas las herramientas creadas por Apple para el desarrollo de software para todos sus productos (macOS, iOS, watchOS y tvOS). Se utiliza el lenguaje de programación Swift, que cuenta con muchos recursos ya creados.

¡ACLARACIÓN! Por si alguien tiene la duda, Apple Watch es el dispositivo (van por la Serie 6), mientras que watchOS es el sistema operativo (van por el 7).

Conociendo el dispositivo

El Apple Watch necesita una UI que brinde una experiencia liviana y muy personal. Las personas están habituadas a las peculiaridades del sistema operativo, como complicaciones, notificaciones e interacciones de Siri, más de lo que usan las aplicaciones en sí. Crear una gran experiencia significa diseñar tanto la aplicación como los elementos rápidos. Algunos consejos de Apple:

• Usa las complicaciones para proporcionar una información pequeña directamente en la esfera del reloj, donde se puede ver de un vistazo.
• Usa las notificaciones para entregar información puntual, de gran valor y permitir acciones importantes.
• Ayuda a usar Siri para obtener información y realizar tareas.
• Si es necesario, da más detalles y funcionalidades en la app.

Apps

• Haz que la interfaz sea muy rápida de un vistazo. Organiza texto, imágenes y controles para que los usuarios puedan encontrar todo de forma rápida y fácil. Ahorra espacio y optimiza las interacciones.
• Asegúrate de que la aplicación funcione bien cuando el iPhone emparejado esté fuera de alcance. Las personas esperan poder usar su aplicación cuando no tienen su móvil.
• No incluyas una pantalla de inicio. Las interacciones de Apple Watch son breves y enfocadas, y las personas esperan ver su contenido de inmediato.
• Evita mostrar tu logo en la app. Aprovecha al máximo el espacio de la pantalla mostrando contenido en lugar de elementos de marca.
• Expresa la identidad de la marca a través de la fuente, el color y las opciones de imagen.
• Mejor un fondo negro liso, ya que reduce el ruido visual y mejora la legibilidad del texto.

Complicaciones

Una complicación muestra información relevante y oportuna en la esfera del reloj, donde las personas pueden verla cada vez que levantan la muñeca. El sistema tiene diferentes familias con sus características propias.

• Ten en cuenta la privacidad. Cuidado con la información confidencial, la pantalla siempre encendida es visible para otras personas.
• Considera cuándo actualizar los datos. Elige momentos que mejoren la utilidad de los datos que proporciona.
• Haz complicaciones con información relevante. No que sirvan únicamente para iniciar la aplicación.

Hay una serie de familias de complicaciones, con características concretas de cada una. Siempre habrá que seguir las especificaciones de Apple, pero tienen muchos recursos, por no alargarme mucho, más info aquí: Complications.

Notificaciones

Las notificaciones comunican información de alto valor a través de interacciones rápidas y visibles. Ocurren en dos etapas: miradas breves (contiene información breve pero significativa) y miradas largas (con más detalles). Una mirada breve, aparece cuando se levanta la mano y desaparece al bajarla; si permanece levantada, muestra una apariencia larga.

• Miradas cortas. Haz títulos breves y fáciles de entender; y ten en cuenta la privacidad (evita incluir información confidencial en el título).
• Miradas largas. Aparece cuando la mano permanece levantada después de recibir una mirada corta o cuando toca la mirada corta.

Siri

Cuando adoptas SiriKit y el sistema de soporte o las intenciones personalizadas, puedes ofrecer a las personas formas eficaces y convenientes de interactuar con tu aplicación.

• Crea accesos directos para las acciones de la aplicación que pueden aparecer en la esfera del reloj Siri.
• Mantenén las interacciones simples. La gente espera que cada interacción en Apple Watch sea rápida y directa.
• Que se pueda completar una acción sin salir de su contexto. Acciones que se ejecutan rápidamente y no requieren que cojan su iPhone.

Funcionamiento del Apple Watch

Para quien nunca haya visto uno de cerca, es difícil comprender cómo funciona el reloj, vamos a conocer un poco más en detalle cómo se realiza la interacción con el dispositivo.

Corona Digital

• Presionar para ver la pantalla de inicio (Home).
• Hacer doble clic para volver a la última app.
• Mantener presionado para usar Siri.
• Girar para hacer zoom, desplazarse o ajustar lo que está en la pantalla.

Botón lateral

• Presionar para mostrar u ocultar el Dock.
• Mantener presionado para usar SOS.
• Hacer doble clic para usar Apple Pay.
• Mantener pulsado para encender o apagar su reloj.

Gestos

Hay una serie de gestos que sirven para realizar diferentes funciones y para interactuar con las aplicaciones.

• Tap — Tocar la pantalla para seleccionar un botón o elemento.

• Tap & Hold — Tocar la pantalla y manter el dedo en su lugar para cambiar la esfera del reloj, ver las opciones en una aplicación o ver un menú.

• Drag — Arrastrar el dedo por la pantalla para desplazarse o ajustar un control del tipo slider.

• Swipe— Deslizar el dedo para ver diferentes pantallas. Hay algunos movimientos definidos: hacia abajo en un contenido muestra botones o elementos de búsqueda; en horizontal muestra la pantalla siguiente o anterior; en vertical para desplazarse o moverse entre filas de una tabla.
• Edge swipe — Deslizar el dedo desde el borde de la pantalla. Algunos predefinidos: hacia abajo desde el borde superior revela el Centro de notificaciones; o desde el borde izquierdo navegan de regreso a una pantalla principal en una jerarquía.

Acelerómetro y giroscopio

Puedes utilizar los datos de movimiento para medir el nivel de actividad del usuario y realizar un seguimiento de tipos específicos de movimiento, como los movimientos de los brazos realizados durante un entrenamiento. El sistema permite grabar datos del sensor durante varios días para que puedas identificar patrones de movimiento a largo plazo. Utiliza los datos para ofrecer un beneficio tangible para el usuario. No debes registrar datos simplemente para tener los datos.

Hápticos

Los hápticos son una forma importante de llamar la atención del usuario y transmitir información importante. Cada háptico generado por el motor Taptic se combina con un tono audible. Utiliza cada háptico solo para su propósito previsto. Cada tono fue diseñado para el propósito establecido. El uso de un háptico para un propósito diferente confundirá ese significado para el usuario. Proporciona señales visuales que se correspondan con los hápticos para reforzar el significado.

Rutina de ejercicio

Las aplicaciones de salud y fitness pueden usar sesiones de entrenamiento para permanecer en primer plano durante un entrenamiento activo y mientras monitorean la salud del usuario, como durante el sueño o mientras se usa un monitor de frecuencia cardíaca. A medida que pasa el tiempo entre los levantamientos de muñeca, el Apple Watch generalmente vuelve a mostrar la esfera del reloj, pero cuando su aplicación tiene una sesión de entrenamiento activa, muestra su aplicación en su lugar.

Navegación

El sistema define dos modelos de navegación que puedes utilizar para presentar contenido en múltiples pantallas:

• La navegación jerárquica funciona bien para una interfaz primaria-secundaria, en la que los elementos tienen relaciones entre padres e hijos, o para presentar una lista navegable de opciones.
• La navegación basada en páginas es una forma de presentar una colección plana de información en la que todos los elementos son iguales.
• Puedes usar una navegación vertical basada en páginas dentro de una jerarquía cuando un elemento principal tiene varias páginas de detalles, ninguna de las cuales contiene contenido de desplazamiento.

Concéntrate en el contenido esencial. Independientemente del modelo que elijas, incluir demasiadas páginas de contenido puede hacer que la navegación sea lenta y confusa.

Evita crear jerarquías más profundas de dos o tres niveles. Las jerarquías superficiales facilitan que las personas encuentren lo que buscan.

*Aunque puede mostrar una vista modal tanto en aplicaciones jerárquicas como basadas en páginas, evite usar una vista modal como un componente de navegación principal en su aplicación.

Modales

Ocupan toda la pantalla y son excelentes para dar información crítica y ayudar a las personas a tomar decisiones simples y directas. Hay varias formas en que una interfaz modal puede mejorar la experiencia del usuario.

• Presta atención a la información clave. Por ejemplo, cuando el sistema no puede ubicar un dispositivo en el que reproducir audio.
• Optimiza las interacciones. Por ejemplo, Música facilita que las personas califiquen elementos en su biblioteca de música al enumerar tres opciones.
• Confirma la intención (esperado acciones destructivas). Por ejemplo, una alerta que para confirmar su intención de eliminar o cancelar.
• Presenta opciones de compra. Por ejemplo, una aplicación de suscripciones puede ayudar a comparar opciones y tomar decisiones utilizando una vista modal para presentar todas las acciones.

Los consejos de los sabios

Recogiendo unas recomendaciones del grupo Nielsen Norman, debes pensar bien si es la mejor plataforma; si crees que puede crear un valor para los usuarios que usan estos dispositivos, debes seguir unas pautas:

• Quédate con el contenido esencial que le interesa a la gente y preséntalo en una forma comprimida que se ajuste a la pantalla.
• Evita los botones y la navegación compleja en la medida de lo posible, y si incluyes botones, que sean pocos y grandes.
• Usa el handoff al teléfono para permitir a los usuarios ver más detalles y resolver problemas que requieren interacciones más complicadas.
• Crea fragmentos de texto independientes que se puedan leer y comprender fácilmente, y que transmitan la esencia de su contenido.

Artículo completo: NNGroup — The Apple Watch: User-Experience Appraisal

“Las aplicaciones deben depender de los gestos más que de los elementos de navegación, priorizar lo esencial, admitir el traspaso y crear contenido independiente y personalizado.” (Raluca Budiu, Nielsen Norman Group)

Continuará…

No Trigger “New Brains”

🤘🏻 Let’s rock! 👏🏻