Home ┬╗ Dise├▒o ┬╗ 5 Consejos en dise├▒o de apps para Apple Watch

5 Consejos en dise├▒o de apps para Apple Watch

5 Consejos en dise├▒o de apps para Apple Watch

Hace apenas unos meses se lanzaba al mercado el smartwatch de Apple y con la llegada del Apple Watch se abri├│ la veda a un nuevo estilo al dise├▒ar para dispositivos m├│viles. Produjo un cambio radical en el dise├▒o de apps que todav├şa no sabemos bien como afrontarlo. Por eso hemos querido recopilar toda la informaci├│n posible sobre el tema para que est├ęs preparado para cuando llegue un aluvi├│n de proyectos de app para Apple Watch.

Antes de hablar de los ÔÇśdos and donÔÇÖtsÔÇÖ del dise├▒o para Apple Watch, vamos a analizar las funcionalidades y movimientos que nos permite el reloj inteligente de Cupertino. Conozcamos de cero este smartwatch.

C├│mo funciona el Apple Watch

Aunque el Apple Watch sea hijo del mismo padre que el iPhone y el iPad nos encontramos con algunas leves diferencias en cuanto a su funcionamiento b├ísico y la manera de interaccionar del usuario con el dispositivo. En este caso por ejemplo, no se puede hacer el movimiento conocido como multi-gesto, que consist├şa en ‘pellizcar’ la pantalla para ampliar lo que tenemos en la pantalla. Ya no podremos hacerlo, pero s├ş que podremos realizar otras acciones. Como las que te contamos a continuaci├│n:

  • Tap: Este movimiento lo conocemos bien, es el equivalente al click en los dispositivos t├íctiles.
  • Swipe: El swipe adem├ís de para deslizar pantallas tambi├ęn tiene ahora otra funci├│n. La de mostrar las opciones del smartwatch (como notificaciones o los glances)
  • Force Press: Este es un nuevo movimiento nacido para el reloj inteligente de Apple. Es un movimiento habitual en dispositivos m├│viles Android pero no en iOS. Es tan sencillo como prolongar un ÔÇśtapÔÇÖ.
  • Movimientos propios de Apple Watch: En este caso influyen los movimientos de mu├▒eca. Al subir la mu├▒eca y mantenerla arriba podremos ver las notificaciones o bien desbloquear el dispositivo. Del mismo modo, al bajar la mu├▒eca podremos bloquearlo.

Dise├▒o de apps

Elementos de dise├▒o de apps

Uno de los elementos m├ís destacables a la hora de tener que estudiar y definir un buen dise├▒o de apps son las notificaciones, ya que las ver├í el usuario todos los d├şas. En este caso son muy similares a las que podemos ver en iPhone, y tambi├ęn podremos interactuar con ellas e incluso configurarlas. Y existen dos tipos de notificaciones. Las primeras son las que debemos ver resumidas en un golpe de vista (short look), por lo que deben ser resumidas y sencillas, sobretodo ic├│nicas. Las notificaciones m├ís amplias (o long look) son las que ser├ín m├ís extensas y en las que podremos leer m├ís detalles sobre la notificaci├│n; pudiendo hacer incluso scroll en la pantalla.

Por otra parte nos topamos con los llamados glances. Son muy similares a los widgets que podemos ver en Android y son opcionales para la app. Proporcionan información estática con la que no podemos interactuar. Al hacer tap sobre el glance nos llevará a la app en cuestión.

Otra cosa que debemos tener en cuenta al dise├▒ar apps par Apple Watch son los grupos. En el smartwatch de Apple, estas agrupaciones de aplicaciones pueden presentarse vertical u horizontalmente, o bien anidados unos con otros como ocurre en iPhone.

Tambi├ęn deberemos tener muy en cuenta la navegaci├│n como aspecto esencial de dise├▒o, y especialmente relevante para crear una buena usabilidad y experiencia de usuario. La navegaci├│n dentro del dispositivo wearable puede ser de dos formas:

  • Jer├írquico: Nos referimos a la navegaci├│n secuencial en la que entramos a un ├ştem para explorar los siguientes niveles inferiores. Por ejemplo cuando en un grupo de aplicaciones seleccionamos una para interactuar con ella en detalle.
  • Paginada: nos referimos a la navegaci├│n entre ├ştems del mismo nivel jer├írquico, como pueden ser im├ígenes del carrete o entre los glances.

Y uno de los cambios en iOS m├ís significativos y que m├ís han sorprendido ha sido el giro en la tipograf├şa. Si hasta ahora est├íbamos acostumbrados a ver la Helvetica Neue, ahora tenemos que olvidarnos de ella. Pues parece que la nueva San Francisco no solo va a quedarse en el Apple Watch si no que la veremos pronto en las novedades de Apple. Con esta nueva tipograf├şa nos encontramos con una letra dise├▒ada para mejorar la legibilidad en pantallas digitales, y especialmente en tama├▒os reducidos como es el de este dispositivo.

Ebook 5 Checklist App

5 Indicaciones para el dise├▒o de apps

Despu├ęs de ver qu├ę componentes hay que tener en cuenta al dise├▒ar aplicaciones m├│viles para este nuevo dispositivo, vamos a ver las indicaciones y recomendaciones que te hacemos desde Yeeply para hacer una app wearable ├║til.

  1. Dise├▒o del icono: Es una de las cosas m├ís importantes para conseguir descargas en primera instancia. Debe ser muy simple. Pero tambi├ęn debe ser parecido al que utilicemos para iPhone y iPad. Habr├í que simplificarlo al m├íximo para optimizarlo al tama├▒o del reloj inteligente. La tendencia que se ha inpuesto es la de hacer los iconos circulares. Algunos ejemplos de iconos adaptados a Apple Watch son los que podemos ver en la imagen de aqu├ş abajo:

Dise├▒o de apps en Apple Watch

  1. Iconograf├şa y color: Es m├ís importante todav├şa que en otros dispositivos m├│viles que los colores y los iconos est├ęn muy claros. El tama├▒o reducido de la pantalla har├í que cualquier detalle no se aprecie por lo que la combinaci├│n de colores debe estar enfocada a optimizar la legibilidad. Del mismo modo┬áque los dibujos e iconos del dise├▒o de la app est├ęn claros, simples y sin detalles excesivo.
  1. Dise├▒o de la interacci├│n y usabilidad: Seguimos con a premisa de la simplicidad. Tendremos que limitar la interacci├│n a lo b├ísico aunque eso suponga limitar las posibilidades de la aplicaci├│n. Tenemos que recordar que no debe ser como una app de Smartphone o de Tablet, sino que hay que adaptarla a lo que se va a utilizar desde el wearable. Por ejemplo, las apps de edici├│n de texto no tienen mucho sentido ya que ning├║n usuario se va a poner a escribir ni a crear contenido muy grande desde un Apple Watch. De hecho, la gu├şa de recomendaciones para desarrolladores de Apple Watch aconsejan que las interacciones con el reloj deber├şan limitarse a menos de 30 segundos. El reto tiene mucho que ver con simplificar. Y esto nos lleva a la siguiente indicaci├│nÔÇŽ
  1. Funcionar en el contexto adecuado: Una app bien dise├▒ada para Apple Watch debe adaptarse al contexto. Una app para un dispositivo wearable nunca har├í la funci├│n del Smartphone, por lo que la app tendr├í que adaptarse a los contextos propios de este dispositivo. Un buen ejemplo de c├│mo hacer esto bien puede ser la aplicaci├│n para Apple Watch que lleva desarrollando Evernote. A diferencia de la app para Samsung Gear, la app para el smartwatch de Apple se ha centrado en el contexto ┬┐C├│mo? Pues por ejemplo hace uso de las notificaciones y se ejecuta cuando el usuario lo necesita. Si haces una foto a tu coche en el aparcamiento de un aeropuerto o estaci├│n de tren para recordar d├│nde estaba, a regresar de tu viaje, la app te avisar├í con la anotaci├│n que hiciste en su momento. Aunque a nivel de desarrollo esto puede ser mas complejo, la utilidad de la app aumentar├í exponencialmente, as├ş como el engagement.
  1. Rapidez en todos los procesos: Adem├ís de la rapidez en la interacci├│n tambi├ęn habr├í que procurar una rapidez en el tiempo de respuesta del equipo de desarrollo para resolver incidencias y errores en la app m├│vil. As├ş como para implementar las necesidades de los usuarios y optimizar la app para lo que la utilizan las personas en la vida real. Si tu app para Apple Watch tiene una funcionalidad que no usa nadie, simplemente qu├ştala.

Proyecto Dise├▒o