Cada día nos acercamos un poco más al lanzamiento del muy esperado Apple Watch. El dispositivo cambiará aún más nuestra forma de pensar acerca de la tecnología portátil y cómo diseñar sitios web y aplicaciones para esta interfaz.
Los wearables presentan desafíos a diferencia de otros proyectos de diseño. La función es una preocupación primordial, al igual que el tamaño con lo que será una de las pantallas más pequeñas con las que hayan trabajado los diseñadores. La clave es crear un diseño que sea visualmente agradable pero que sea fácil de usar y que proporcione una experiencia funcional. Aquí hay 10 cosas que debe considerar al diseñar para una interfaz portátil (con ejemplos que otros diseñadores ya están imaginando).
1. Think Minimal Design
Una de las mayores tendencias en diseño en general es perfecta para los wearables: el minimalismo. Las mismas prácticas de diseño que usa para sitios web o incluso diseños de impresión o empaque de estilo minimalista son perfectos para dispositivos portátiles y de tipo reloj. (Aquí estamos hablando principalmente de relojes debido al elemento de diseño visual que presentan).
Todo, desde el color hasta la tipografía y las imágenes, debe ser simple, directo y fácil de leer en tamaños pequeños. Use algunos de los conceptos del diseño plano para agregar al estilo minimalista, como color brillante, alto contraste y eliminación de adornos de diseño.
2. Usa la vibración
Los wearables vienen con características que quizás no hayas diseñado en el pasado. La vibración es uno de estos. Los zumbidos o movimientos simples pueden ser una forma ideal de diseñar una interacción cuando se trata de algo que un usuario tendrá contra la piel.
Pero debes pensar cuidadosamente sobre cómo funcionan estas interacciones. Las vibraciones deben ser suaves y suceder de una manera que sea obvia, pero no serán incómodas ni asustarán al usuario cuando ocurran. Las interacciones de estilo de vibración también tienen que ocurrir con poca frecuencia. Si un reloj vibra a cada minuto, el usuario se frustrará rápidamente y abandonará el producto.
3. Los controles de voz son esenciales
Si bien hemos hablado sobre el diseño para la interacción de toque y toque por un tiempo debido a los teléfonos inteligentes, ahora la conversación cambiará a los controles activados por voz. Piénsalo de esta manera, con una pantalla tan pequeña, ¿quién va a querer tocarla? La voz es más fácil.
Al diseñar las interacciones de su aplicación o sitio web que aparecerán en un dispositivo de estilo reloj, como el Apple Watch, la voz debe ser una consideración primordial. La voz es una parte esencial del diseño de Apple, por ejemplo, con Siri como una aplicación nativa que se activa y espera una orden cada vez que levantas la muñeca. Esta característica proporciona un factor de conveniencia que debe tener en cuenta.
4. El tipo necesita ser simple
Repite después de mí: Sans serif. Cuando se trata de escribir en dispositivos portátiles, eso es todo lo que necesita saber. Puede sonar aburrido, pero una simple sans serif con un ancho de trazo uniforme es una de las opciones más fáciles y legibles.
Evite los tipos de letra que sean ultra ligeros o condensados, ya que la luz que entra por la esfera del reloj puede no ser suficiente para garantizar la legibilidad. Por el contrario, tenga cuidado con los estilos súper gruesos, negros o audaces. Se adhieren a un tipo de letra con un trazo moderado y formas de letra algo anchas. (Helvetica es una opción ideal, aunque usada en exceso).
5. Los colores necesitan tener un alto contraste
Cada color en una pantalla pequeña necesita un significado. Parte de este significado vendrá en forma de contraste y hará que los elementos sean más fáciles de leer.
Los colores se pueden usar para representar elementos que se pueden tocar que exigen interacción o como fondo para un comando de texto. La clave es el contraste agudo. Tenga en cuenta el entorno en el que se utilizarán estos dispositivos (a la luz del sol, en habitaciones oscuras) y el diseño para que cada letra sea fácil de leer en cualquier condición.
Evita los pasteles o colores con baja saturación. Los tonos brillantes y los colores altamente saturados funcionarán mejor. Combínelos con el tipo blanco o negro para una lectura óptima. (También es importante tener en cuenta que muchas de las pantallas de relojes inteligentes son negras. Planifique su combinación de colores según corresponda).
6. Hazlo fácil
Cada dispositivo portátil será un poco diferente. Considere la interfaz y los componentes físicos de cada uno a medida que diseña. El Apple Watch viene con una? Corona digital? una rueda que puede hacer zoom o desplazarse a través de la información en la pantalla.
El diseño debe funcionar con todas las partes físicas que incluye un dispositivo. Debe ser fácil de ver y, lo que es más importante, fácil de usar. La función debe ser intuitiva. (Si nada más, esta es una excusa para poseer algunos de estos dispositivos y aprender cómo funcionan en nombre de la investigación de diseño).
7. Las imágenes deben reflejar el diseño en otros lugares
El plan visual para una pantalla de reloj debe reflejar la interfaz de diseño de otros dispositivos. Sí, la pantalla será limitada y las interacciones se centrarán en una sola acción, pero la estética general debe tener un aspecto y una sensación similares.
Se remonta a la popularidad del diseño minimalista. Es una técnica que funciona en ambos tipos de dispositivos. Lo mismo ocurre con muchos principios de diseño plano. Por esta razón, estas tendencias se mantendrán y se convertirán en factores clave para los diseñadores que crean para estas pantallas pequeñas.
8. Hazlo fresco y moderno
Esto puede no parecer un gran problema, pero los wearables son algo que los usuarios se conectan a sus identidades. No solo es necesario que el dispositivo real tenga un cierto aspecto, sino que la interfaz debe coincidir con ese estilo.
La información en la pantalla tiene que ser tan agradable como el propio dispositivo. Con el Apple Watch, la interfaz es súper simple, tiene líneas limpias y muy pocas campanas y silbidos. La interfaz para las aplicaciones de visualización debe usar el mismo modelo, de modo que la información en la pantalla parezca que realmente pertenece allí. (Y hemos vuelto al círculo hacia el minimalismo).
9. El diseño puede funcionar sin una pantalla
Algunos de los wearables más populares del mercado ni siquiera tienen una pantalla.Considere productos como Fitbit, Nike Fuel Band o Google Glass.
Estos elementos no tienen pantalla o una pantalla? eso es poco más que una pantalla de reloj. Una característica como la vibración o conectividad a otros dispositivos y aplicaciones es lo que realmente hace que cada uno de estos productos funcione. La función es útil aunque el usuario no siempre puede verla desde el dispositivo real.
10. Un pensamiento visual por pantalla
Cada píxel importa de una manera que es difícil de explicar. Simplemente no hay espacio suficiente en una pantalla del tamaño de un reloj para incluir todos los elementos desde un escritorio o diseño móvil. Así que piensa en lo que no necesitas.
Estas pantallas pueden variar en tamaño desde 320 píxeles cuadrados a 128 píxeles cuadrados. Esto es demasiado pequeño para reducir el diseño; Tienes que cambiarlo por completo para un dispositivo portátil. Usa este concepto: un pensamiento visual por pantalla.
Tienes espacio para una o dos palabras y (o) una imagen. Y eso es todo. El mensaje que se está comunicando debe ser simple, claro y al punto. Si se requiere más reflexión, se debe diseñar para una pantalla posterior.
Conclusión
Los wearables están aquí e incluso más de ellos están llegando. Si bien aún no hemos visto qué tipo de éxito se producirá en este mercado, hay mucha emoción en torno a la tecnología portátil.
Y nosotros, como diseñadores, tenemos que estar preparados para ello. Su equipo ya debería estar pensando en cómo funcionará su sitio web o aplicación en este tipo de dispositivo. No espere hasta que todos tengan un reloj inteligente para diseñarlo. Avance en la curva y comience a pensar en la tecnología de diseño portátil ahora.