Las pantallas táctiles están en todas partes. Pero no solo están en sus teléfonos y tabletas. Diseñar para las versiones de gran tamaño de las pantallas táctiles (piense en el tamaño de una computadora de escritorio y más grande) puede presentar un conjunto único de desafíos.
¿Cómo diseñas para algo tan grande, cuando estás tan acostumbrado a pensar en las regiones de pulgar para el diseño de pantalla? Aquí hay una guía para pensar acerca de las pantallas táctiles de gran tamaño y cómo crear algo con lo que los usuarios interactúan en una escala táctil aún mayor.
1. Usa gestos naturales
Hay una razón? Deslizar derecho? y? deslizar a la izquierda? Son tan populares, son movimientos y gestos naturales de la mano.
Swipes podría ser un poco más exagerado que en una pantalla más pequeñaCuando piense en pantallas de gran tamaño, considere más que acciones con los dedos. Piensa en toda la mano. La mayoría de los usuarios tendrán que acercarse a pantallas táctiles grandes y resistentes porque se fijarán a una pared o mesa, en lugar de a mano.
Desea que la pantalla sea cómoda al tacto y que los movimientos se realicen sin problemas como en un dispositivo móvil. Pero piensa en la acción táctil. Swipes puede ser un poco más exagerado que en una pantalla más pequeña y los toques pueden venir con un poco más de presión o fuerza.
Desplazarse es un poco menos cómodo (mover los brazos hacia arriba y hacia abajo repetidamente puede provocar fatiga) para pensar en formas de hacer que los usuarios pasen por el contenido sin mucho movimiento hacia arriba y hacia abajo.
¿Otro gesto natural? pensar es escanear los ojos. Algunas pantallas demasiado grandes son demasiado grandes para que el usuario las tome de una vez. Diseño para el movimiento de los ojos (de arriba a abajo y de izquierda a derecha) para garantizar que los usuarios vean la información más importante y entiendan cómo participar en el diseño.
2. Ampliar texto y gráficos
Esto no sucede tan a menudo como debería: los diseñadores tienen que escalar dramáticamente los elementos visuales para mostrarlos en pantallas de gran tamaño. Una pantalla más grande no significa más cosas (lo contrario puede ser cierto). Piense en ello como una experiencia de usuario diferente. El contenido, incluido el texto y los gráficos, se debe ampliar para un diseño de pantalla de gran tamaño porque:
- Los usuarios tienden a interactuar desde una distancia mayor y aún necesitan ver y distinguir elementos.
- Los usuarios deben ser atraídos a una pantalla, como un quiosco, desde lejos.
- Los usuarios necesitan ver señales visuales que les ayuden a identificar una pantalla para uso público.
- Los elementos de la pantalla deben ser navegables y claros sin instrucciones.
- Los objetivos táctiles deben ser fáciles de ver y crear una interacción obvia.
3. Asegúrate de que la navegación sea siempre accesible
La mayoría de los usuarios se involucran con pantallas táctiles de gran tamaño desde la misma mentalidad que visitan un sitio web por primera vez. Un diseño que imite esa experiencia será fácil para los usuarios saltar e interactuar con ellos.
Asegúrese de que la navegación no desaparece cuando se accede a contenido diferente.Cree un patrón de navegación para estos dispositivos que siempre esté accesible. Use un formato que sea similar a los patrones de sitios web comúnmente aceptados, como en la parte superior de la pantalla o en una barra lateral.
Asegúrese de que la navegación no desaparece cuando se accede a contenido diferente. Si bien el diseño de la pantalla de inicio puede incluir grandes botones de navegación sin un menú de navegación tradicional, todas las demás pantallas deben tener el formato de navegación más tradicional para facilitar su uso.
Intente minimizar las entradas basadas en la escritura tanto como sea posible en estas pantallas. Los teclados pueden ser incómodos y lentos, y requieren un esfuerzo físico adicional por parte del usuario. Pero si tiene entradas basadas en el teclado, incluya un comando para alternar el teclado en la navegación, de modo que los usuarios puedan mostrar y ocultar el teclado fácilmente según sea necesario.
4. No cree demasiadas opciones
Cuanto más grande sea la pantalla, las opciones más abrumadoras pueden ser. Piense en los botones y las interacciones como un juego de esto o aquello, lo que les da a los usuarios una decisión a la vez. El truco aquí es que eligen entre dos elementos.
Una de las mejores conclusiones de este concepto es que simplifica el diseño. Con solo dos opciones por pantalla, se reducen los elementos de diseño y el desorden visual, lo que crea una interfaz más útil.
Al diseñar las opciones, asegúrese de que la acción sea igualmente clara. ¿Cómo un usuario selecciona esto o aquello? Los botones deben ser obvios y lo suficientemente grandes para tocarlos con facilidad. Use una pequeña animación para ayudar a llamar la atención sobre los elementos interactivos o para la selección de usuarios más popular.
Las opciones simplificadas también son importantes debido al tamaño de la pantalla. Recuerde que la pantalla completa puede no estar siempre en el campo de visión del usuario, lo que puede limitar las opciones en sí. Si optimiza las opciones con anticipación, no tiene que preocuparse por el entorno que elimina las opciones de usuario para usted.
5. Considerar la privacidad
El hecho de que un usuario se acerque a una pantalla de kiosco en un lugar público, no significa que esa persona quiera que todos sepan lo que está haciendo.
Tenga en cuenta que cuanto más grande es la pantalla, más probable es que otros puedan ver lo que el usuario está haciendo. Esa es una gran consideración cuando se trata de solicitar información o datos confidenciales en una pantalla táctil.
Para combatir esto, a menudo un diseño táctil incluirá cuadros emergentes más pequeños para formularios o entrada de datos, de modo que el contenido no sea tan visible desde la distancia.
6. Desconéctate de la web.
Esta podría ser la preocupación de diseño más importante cuando se trata de pantallas táctiles de gran tamaño: necesitan trabajar con ellas y sin una conexión a Internet.
Piénselo: muchas pantallas de gran tamaño se encuentran en lugares públicos o en otros más pequeños, como quioscos móviles o tabletas grandes, son portátiles. Esto puede afectar el acceso a Internet y si una conexión está funcionando o no. El diseño tiene que funcionar incluso cuando no está conectado.
Asegúrese de que todas las herramientas para ejecutar el diseño, desde JavaScript hasta las bibliotecas de fuentes y la recopilación de datos, estén almacenadas localmente.
7.Botones de diseño para interacción obvia
El diseño debe mostrar a los usuarios cómo interactuar con la pantalla. No todos los usuarios detectarán inmediatamente una pantalla táctil a primera vista.
Use señales visuales como la animación y los botones para ayudar a guiar a los usuarios a través del proceso.Use señales visuales como la animación y los botones para ayudar a guiar a los usuarios a través del proceso. La mayoría de las pantallas de gran tamaño son una interacción única o un punto de interacción para los usuarios, y cada interfaz es un poco diferente. Cuanto más fácil sea el uso, con los elementos más comúnmente comprendidos, más probable será que los usuarios participen en el diseño.
Muchos diseños incluyen áreas de pantalla que están completamente activadas al tacto, como una pantalla de inicio. Incluya un botón para indicar la interacción de todos modos. No quita el diseño y le dice a los usuarios cómo trabajar con el dispositivo.
Utilice una microcopia descriptiva, como "toque aquí para comenzar". Para guiar a los usuarios a través del proceso. Si bien estos elementos pueden parecer demasiado obvios, el uso de una interfaz no siempre es algo secundario para todos los usuarios. Hazlo facil.
Conclusión
¿Alguno de sus proyectos de diseño requiere el uso de pantallas de gran tamaño? Se están volviendo más populares en todas partes. Incluso si aún no ha tenido un proyecto de este tipo, es probable que obtenga uno en el futuro.
Si bien la mayoría de los principios de diseño son los mismos que otros diseños basados en interfaz, el ajuste para el tamaño y la escala de las pantallas grandes puede ser incómodo para muchos diseñadores. Cuando vea estas pantallas en público, haga un punto para detenerse e interactuar con ellas para ver qué elementos de diseño e interacciones le atraen.