7 consejos para diseñar pantallas táctiles de gran tamaño

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 extragrandes de pantallas táctiles (piense en el tamaño de una computadora de escritorio y más grandes) 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 del pulgar para el diseño de pantalla? Aquí hay una guía para pensar en pantallas táctiles de gran tamaño y cómo crear algo con lo que los usuarios interactúen en una escala táctil aún mayor.

Explore los elementos de Envato

1. Usa gestos naturales

Hay una razón por la que "deslizar hacia la derecha" y "deslizar hacia la izquierda" son tan populares: son movimientos y gestos naturales de la mano.

Los deslizamientos pueden ser un poco más exagerados que en una pantalla más pequeña

Cuando 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 más grandes y resistentes, ya que se colocarán en una pared o mesa, en lugar de ser de mano.

Desea que la pantalla sea cómoda al tacto, y los movimientos deben ocurrir tan fácilmente como en un dispositivo móvil. Pero piense en la acción táctil. Los golpes pueden ser un poco más exagerados que en una pantalla más pequeña y los golpes pueden venir con un poco más de presión o fuerza.

El desplazamiento es un poco menos cómodo: mover los brazos hacia arriba y hacia abajo repetidamente puede provocar fatiga, pensar en formas de hacer que los usuarios atraviesen el contenido sin mucho movimiento hacia arriba y hacia abajo.

Otro "gesto" natural para pensar es el escaneo ocular. Algunas pantallas de gran tamaño son demasiado grandes para que el usuario pueda verlas todas a la vez. Diseñe para el movimiento de los ojos, de arriba abajo y de izquierda a derecha, para garantizar que los usuarios vean la información más importante y comprendan 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 aumentar drásticamente 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, incluidos el texto y los gráficos, debe ampliarse 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 entre elementos.
• Es necesario atraer a los usuarios para que vengan a una pantalla, como un quiosco, desde muy lejos.
• Los usuarios necesitan ver señales visuales que los 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úrese de que la navegación sea siempre accesible

La mayoría de los usuarios interactúan con pantallas táctiles de gran tamaño con la misma mentalidad que visitar un sitio web por primera vez. Un diseño que imite esa experiencia será fácil para que los usuarios participen e interactúen.

Asegúrese de que la navegación no desaparezca cuando se acceda a contenido diferente.

Cree un patrón de navegación para estos dispositivos que siempre esté accesible. Use un formato 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 desaparezca cuando se acceda a contenido diferente. Si bien el diseño de la pantalla de inicio puede incluir botones de navegación grandes 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 al máximo las entradas basadas en escritura en estas pantallas. Los teclados pueden ser incómodos y lentos, lo que requiere un esfuerzo físico adicional por parte del usuario. Pero si tiene entradas basadas en el teclado, incluya un comando de alternancia de teclado en la navegación, para 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, más opciones abrumadoras pueden ser. Piense en los botones y las interacciones como un juego de esto o aquello, 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 te hace simplificar el diseño. Con solo dos opciones por pantalla, se reducen los elementos de diseño y el desorden visual, creando una interfaz más útil.

Al diseñar las opciones, asegúrese de que la acción sea igualmente clara. ¿Cómo selecciona un usuario esto o aquello? Los botones deben ser obvios y lo suficientemente grandes como para tocarlos con facilidad. Utilice una pequeña animación para ayudar a atraer la atención hacia elementos interactivos o hacia 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 de un usuario, lo que puede limitar las opciones en sí mismo. Si optimiza las opciones con anticipación, no tiene que preocuparse por el entorno que elimina las opciones de usuario para usted.

5. Considera la privacidad

El hecho de que un usuario se acerque a una pantalla de quiosco 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 sea la pantalla, más probable es que otros puedan ver lo que está haciendo el usuario. Esa es una gran consideración cuando se trata de solicitar información sensible o datos 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 para que el contenido no sea tan visible desde la distancia.

6. Desconectarse 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: deben trabajar con y sin conexión a Internet.

Piénselo: muchas pantallas de gran tamaño se encuentran en lugares públicos o son más pequeñas, como los quioscos móviles o las tabletas grandes, son portátiles. Esto puede afectar el acceso a Internet y si una conexión funciona 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 animación y botones para ayudar a guiar a los usuarios a través del proceso.

Use señales visuales como animación y botones para ayudar a guiar a los usuarios a través del proceso. La mayoría de las pantallas de gran tamaño son un punto de interacción o interacción único para los usuarios, y cada interfaz es un poco diferente. Cuanto más fácil sea hacer que se use, con elementos más comúnmente entendidos, más probable será que los usuarios participen en el diseño.

Muchos diseños incluyen áreas de pantalla que se activan completamente 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 les dice a los usuarios cómo trabajar el dispositivo.

Use 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, la forma de usar una interfaz no siempre es una segunda naturaleza 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 lo obtenga 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 por tamaño y escala de pantallas grandes puede ser incómodo para muchos diseñadores. Cuando vea estas pantallas en público, asegúrese de detenerse e interactuar con ellas para ver qué elementos de diseño e interacciones le atraen.