¿Cómo se debe organizar el contenido interactivo en una pantalla táctil?

Un cliente minorista se acerca a una pantalla táctil y ya sabe qué producto quiere comprobar. La siguiente persona que toque la misma pantalla cinco minutos después sólo quiere un precio o indicaciones para llegar al probador. Una tercera persona está allí porque está aburrida esperando a alguien y cree que husmeará. Si los tres tienen que hacer clic en el mismo menú de cuatro niveles para llegar a alguna parte, la pantalla ya les ha fallado a dos de ellos antes de que hayan encontrado lo que buscaban y, sinceramente, el tercero probablemente también se desvíe.

Hemos asistido a más de unas pocas llamadas posteriores a la instalación en las que la primera pregunta del cliente es alguna versión de "¿por qué nadie lo usa?" Y nueve de cada diez veces, el hardware está bien. La pantalla es bastante brillante, la respuesta táctil es bastante rápida y la altura de montaje es correcta. El problema es casi siempre el mismo: el menú se construyó en torno a cómo piensa alguien en la oficina sobre el catálogo de productos, no en torno a cómo piensa realmente una persona parada en un vestíbulo o en una sala de exposición.

Ese es realmente el problema central con el contenido interactivo en pantallas táctiles montadas en la pared: no si la pantalla es lo suficientemente grande o costosa, sino si el menú que aparece coincide con lo que la gente vino a hacer.

Comience con la tarea, no con el menú

Aquí hay un patrón con el que nos topamos constantemente. Un cliente envía la estructura de su producto para un nuevo quiosco interactivo, y está organizado exactamente de la forma en que se encuentra en su sistema ERP interno: por prefijo SKU, por código de proveedor, por el departamento que posee qué línea de productos internamente. Tiene mucho sentido para la persona que lo construyó. No significa absolutamente nada para un extraño que se encuentra en una sala de exposición con cinco minutos de sobra.

Los visitantes no piensan en códigos SKU. Piensan "estoy buscando uno azul pequeño" o "dónde está lo que estaba en oferta" o "hay un baño en este piso". Si el primer toque en la pantalla no habla ese idioma, la gente se da por vencida inmediatamente o comienza a tocar al azar, lo que (por si sirve de algo) tiende a parecer como si la pantalla estuviera rota incluso cuando no lo está.

Entonces, antes de que alguien coloque una sola pantalla, vale la pena simplemente sentarse y escribir, en un lenguaje sencillo, las dos o tres cosas que la gente realmente está allí para hacer. No es lo que la empresa quiere comunicar. Lo que el visitante quiere lograr. La exhibición de un producto en una sala de exposición generalmente se reduce a tres tareas reales: navegar por categoría, buscar por nombre o consultar las promociones actuales. Un directorio de lobby generalmente se reduce a encontrar una empresa, encontrar un departamento o encontrar un número de habitación que alguien ya garabateó en una nota adhesiva en su bolsillo. Una vez que esas tareas se escriben y se acuerdan, todo lo demás (especificaciones, formularios de contacto, historia de la empresa, mensaje de bienvenida del fundador) puede salir de la primera pantalla y dejar de competir por la atención.

Esto importa más en una exhibición pública que en un tablero interno que su propio personal usa cuarenta veces al día y eventualmente memoriza sin pensar en ello. Nadie va a llamar a un empleado para preguntarle cómo utilizar una pantalla táctil atornillada a la pared del vestíbulo. Si el primer toque no acerca a alguien a una respuesta, simplemente se aleja y el cliente termina preguntando por qué nadie está usando la costosa pantalla por la que acaba de pagar.

Una pantalla, diferentes rutas de usuario

La misma exhibición física frecuentemente tiene que servir para más de un tipo de visita, a veces dentro de los mismos cinco minutos. En lugar de agrupar todos los caminos posibles en una pantalla de inicio abarrotada, que es el instinto que casi todos los clientes tienen la primera vez que ven un lienzo en blanco, funciona mucho mejor darle a cada caso de uso su propia ruta corta y predecible y permitir que las personas seleccionen silenciosamente la que realmente les conviene.

Expositores minoristas

Para una sala de exposición minorista, el camino que tiende a funcionar comienza con una categoría de producto, pasa a un modelo específico, luego a las especificaciones, y sólo después ofrece un paso separado para una consulta o solicitud de contacto. La parte que la gente se equivoca no suele ser la cantidad de categorías en la pantalla de inicio. Es mezclar la navegación y la investigación demasiado pronto. Si alguien tiene que completar un formulario de contacto solo para ver una hoja de especificaciones, rebotará casi de inmediato. Si el botón para enviar una consulta parece idéntico al botón para ver más detalles del producto, el resultado tiende a ser un montón de clientes potenciales accidentales que no llegan a ninguna parte y un equipo de ventas molesto por hacer un seguimiento de personas que nunca quisieron ser contactadas. Mantener esas dos intenciones, mirar y preguntar, estructuralmente separadas resuelve ambos problemas a la vez y marca una diferencia desproporcionadamente grande en el rendimiento de una pantalla una vez que está en el campo.

Directorios de edificios y visitantes

Los directorios tienden a seguir una forma bastante predecible, generalmente pasando del edificio a un piso, luego a un departamento y luego a una ubicación específica, a menos que un cuadro de búsqueda permita a alguien saltar directamente al último paso. Específicamente para los directorios, diríamos que un campo de búsqueda simple en la pantalla de inicio, donde alguien escribe un nombre y obtiene un resultado, supera incluso a un árbol de categorías bellamente organizado casi siempre. La mayoría de los visitantes ya saben exactamente qué o quién buscan. No es necesario que les enseñen el organigrama del edificio sólo para encontrarlos. Primero, proporcione a las personas un cuadro de búsqueda y deje que el directorio navegable exista como respaldo para el grupo más pequeño que realmente no sabe hacia dónde se dirigen todavía.

Pantallas de educación y formación

Las exhibiciones en el aula y en las salas de capacitación tienden a seguir algo más cercano a la elección de un curso primero, luego una lección dentro de él, luego un medio como un video o diagrama, y ​​finalmente un ejercicio interactivo vinculado a esa lección. Aquí la prioridad realmente cambia en comparación con el comercio minorista o un directorio. Realmente no se trata de velocidad. Un profesor no está compitiendo con un extraño a través de un menú. Están tratando de mantener una sala llena de estudiantes interesados ​​sin interrumpir su propio ritmo a mitad de la lección. Eso cambia la apariencia de un buen diseño: objetivos de toque más grandes, menos sorpresas y nada que requiera una segunda mirada confusa a la pantalla para confirmar lo que acaba de suceder, porque esa segunda mirada es una habitación llena de niños de doce años que pierden la atención que les quedaba.

Tres tipos de pantalla, tres profundidades de menú diferentes, tres conjuntos de prioridades completamente diferentes, aunque técnicamente los tres caen bajo la misma etiqueta amplia de una pantalla táctil con un menú. Tratarlos de la misma manera simplemente porque se ejecutan en hardware similar es uno de los errores más comunes que vemos, y es fácil de evitar una vez que separas los casos de uso en tu cabeza antes de comenzar a diseñar algo.

Una forma rápida de aclarar esas diferencias antes de una revisión del diseño:

Esa tabla no pretende ser un libro de reglas. Es más bien una comprobación de cordura: si el menú de un proyecto no coincide aproximadamente con su fila, generalmente vale la pena echarle un segundo vistazo antes de finalizar el diseño.

Cuando los diseños de pantalla dividida realmente ayudan

La pantalla dividida se solicita con mucha más frecuencia de la que se utiliza bien. Y entendemos por qué: en el papel, más paneles parecen tener más valor: más contenido visible a la vez, más retorno del presupuesto de hardware, más razones para justificar el tamaño de la pantalla ante quien firma el proyecto.

Es realmente útil en un conjunto reducido de situaciones, como un vídeo de demostración de un producto que se muestra en una mitad de la pantalla mientras que las especificaciones estáticas se encuentran en la otra, o un mapa de construcción combinado con una lista desplegable de los eventos del día. En ambos casos, los dos paneles realizan trabajos claramente diferentes y ninguno necesita toda la atención del visitante exactamente al mismo tiempo.

Deja de funcionar en el momento en que alguien intenta exprimir la navegación de productos, un video en bucle, un código QR y promociones en vivo en cuatro paneles a la vez, lo cual, para que conste, nos han pedido que hagamos más de una vez, generalmente por alguien que realmente intenta obtener más valor de la pantalla en lugar de menos. En ese punto, nada en el diseño tiene suficiente espacio para ser leído desde una distancia normal, y la configuración de pantalla dividida termina produciendo lo contrario de lo que estaba previsto. La gente lo mira, no puede analizarlo lo suficientemente rápido y sigue adelante sin absorber nada.

Una regla general decente a la que seguimos recurriendo en proyectos reales: si una sección de la pantalla realmente no necesita su propio momento de atención separada de todo lo demás, probablemente no merezca su propio panel.

Dónde suelen salir mal los planes de contenido

Algunos patrones surgen con suficiente frecuencia como para que valga la pena nombrarlos directamente, porque son evitables y siguen sucediendo de todos modos.

· Sobrecargar la pantalla de apertura para justificar el presupuesto. Alguien gastó dinero real en el hardware y una pantalla de inicio de apariencia escasa puede parecer un potencial desperdiciado. En la práctica, casi siempre tres opciones obvias y bien espaciadas superan a doce botones con letras pequeñas debajo de cada una de ellas. Una pantalla ocupada no se considera valiosa: se lee como tarea.

· Diseñar en una computadora portátil y nunca probar en el panel real. Algo que se ve bien con el brazo extendido en un monitor de quince pulgadas puede resultar estrecho o difícil de tocar una vez que se extiende sobre una pantalla de cincuenta y cinco pulgadas montada en la pared. Hemos visto a los equipos descubrir esto en el sitio, frente al cliente, que es el peor momento posible para descubrirlo.

· Dejar que los iconos se desplacen entre páginas. Una flecha hacia atrás que significa una cosa en la página del producto y algo ligeramente diferente en la página del directorio parece una pequeña inconsistencia. No lo es. Enseña a las personas a desconfiar de la interfaz, y una vez que esa confianza desaparece, comienzan a hacer tapping al azar tratando de encontrar el camino de regreso, que es exactamente el problema de "parecer roto" de antes.

Ninguno de estos tres son problemas de hardware y ninguno de ellos es costoso de solucionar si se detecta antes del día de la instalación. Es fácil pasarlos por alto cuando un proyecto avanza rápido y todos están concentrados en las partes que son más difíciles de cambiar más adelante, como el tamaño de la pantalla o la posición de montaje.

Qué aparece en la primera pantalla y qué no

No todo pertenece a la pantalla inicial, y no todo lo que sí pertenece allí tiene el mismo peso visual.

Los botones de categoría, una función de búsqueda y las dos o tres acciones que se utilizan con mayor frecuencia merecen la ubicación más grande y obvia en la página, el tipo de ubicación que le gustaría que alguien notara incluso si solo mirara la pantalla durante dos segundos mientras pasaba por delante. Los detalles del producto, los filtros y las opciones secundarias pueden sentarse cómodamente un toque más profundo sin costarle a nadie un tiempo significativo, ya que un solo toque adicional rara vez hace perder a alguien que ya estaba genuinamente interesado en primer lugar. Las especificaciones, el texto legal, las instrucciones de instalación y cualquier cosa lo suficientemente específica como para interesar sólo a una pequeña fracción de visitantes pueden esperar hasta que alguien vaya a buscarlo activamente, porque casi nadie quiere quedarse en un vestíbulo leyendo un párrafo en letra pequeña en una pared.

El error que vale la pena señalar nuevamente aquí es no omitir nada. Es el instinto opuesto, el miedo a omitir algo, el que tiende a producir los peores diseños que vemos. Una pantalla que intenta responder todas las preguntas posibles en el momento en que alguien la toca termina respondiendo ninguna de esas preguntas particularmente bien. La confianza sobre qué cortar acaba siendo tan importante como la preocupación por qué conservar.

Los objetivos táctiles necesitan espacio para respirar

Un diseño que se ve completamente bien durante una revisión de diseño en la computadora portátil de alguien no siempre sobrevive al contacto con un dedo humano real en un panel montado en la pared. Los botones de tamaño cómodo para el cursor de un mouse a menudo son demasiado pequeños o están demasiado juntos cuando le pides a alguien que los toque con la yema del dedo, especialmente en un piso comercial concurrido o en un vestíbulo donde la gente está parada en ángulos extraños, a veces sosteniendo un café, a veces con un niño tirando de su manga.

Aquí hay dos cosas que importan más de lo que se les atribuye durante la fase de diseño. El primero es el espacio constante alrededor de cualquier cosa que se pueda tocar, ya que los botones apretados causan toques accidentales, y los toques accidentales causan un tipo de frustración que se agrava rápidamente en una pantalla pública a la que nadie le paga por ser paciente. El segundo es el significado consistente de los símbolos repetidos en todas las pantallas de la interfaz. Si una flecha hacia atrás envía a alguien a la pantalla de inicio en una página y a la categoría anterior en otra, esa inconsistencia no se registra como un error menor que valga la pena ignorar. Se percibe que toda la interfaz no es confiable y la gente generaliza esa impresión rápidamente.

También vale la pena recordar que a menudo hay más de una persona mirando la pantalla a la vez, incluso cuando solo una de ellas la toca: un colega parado detrás de alguien que consulta un directorio, un segundo comprador mirando por encima del hombro, un padre observando a un niño trabajar en una pantalla educativa desde unos metros atrás. El diseño también debe seguir siendo legible para esa segunda persona no involucrada, lo que en la práctica generalmente significa un tipo de letra un poco más grande y una separación visual más fuerte de lo que jamás necesitaría una interfaz de un solo usuario.

El tamaño de la pantalla cambia lo que puede hacer el contenido

La planificación de contenido funciona mejor cuando ocurre antes de que se fije el tamaño de la pantalla, no después, una vez que el pedido de hardware ya está realizado y alguien está tratando silenciosamente de hacer que el contenido se ajuste a lo que apareció en el camión. Un panel de cuarenta y tres pulgadas y un panel de sesenta y cinco pulgadas no son simplemente la misma interfaz ampliada como la configuración de una fotocopiadora. Realmente admiten diferentes cantidades de detalles antes de que un diseño comience a sentirse abarrotado o extrañamente vacío.

FVASEE fabrica pantallas táctiles montadas en la pared en tamaños de 42 y 43 pulgadas, 49 y 50 pulgadas, 55 pulgadas y 65 pulgadas, con configuraciones de Android y Windows disponibles según lo que el proyecto necesite ejecutar en él. Los paneles más pequeños tienden a ganarse el sustento con una interfaz enfocada y de ruta única construida alrededor de una línea de productos, un directorio o una tarea clara, sin nada más que compita por el espacio. Los paneles más grandes tienen espacio físico para admitir la visualización grupal o un conjunto más amplio de categorías sin que todo parezca abarrotado, aunque ese espacio adicional es fácil desperdiciar si el plan de contenido nunca se diseñó para realmente necesitarlo.

El movimiento práctico, y al que seguimos recurriendo en proyectos reales, es cargar las páginas de contenido real en el tamaño real del panel antes de que se finalice algo en cualquiera de los lados. El texto que se lee bien en una maqueta en la computadora portátil de alguien puede resultar incómodamente pequeño una vez montado a la altura de los ojos en una pantalla de cuarenta y tres pulgadas en un vestíbulo. Un diseño diseñado con un lienzo de sesenta y cinco pulgadas en mente puede parecer extrañamente escaso cuando se lo aprieta en un panel de cuarenta y nueve pulgadas. Probar páginas reales en hardware real durante la etapa de muestra detecta la mayoría de estos problemas mientras aún son baratos de arreglar, lo que es mejor que detectarlos después de que los paneles ya están montados en una pared en el edificio de otra persona.

Pasar del primer borrador a una interfaz de trabajo

Nada de esto se suma a un diseño universal y correcto que se aplique en todas partes y, sinceramente, sospecharíamos un poco de cualquiera que afirmara que existe uno. Una sala de exposición, el directorio del lobby de un hotel y la exhibición de un salón de clases terminarán con diferentes profundidades de menú, diferentes cantidades de texto en pantalla y diferentes razones para usar, o saltarse deliberadamente, un diseño de pantalla dividida. Lo que tienen en común no es una plantilla compartida. Es un punto de partida compartido: descubrir qué vino realmente a hacer la persona parada frente a la pantalla y construir la estructura del menú en torno a esa realidad, en lugar de alrededor de cómo el contenido ya está organizado en algún lugar de una hoja de cálculo en la oficina.

La propia pantalla proporciona el espacio, el brillo y la respuesta táctil. Que alguien realmente lo use bien después de la instalación depende de lo que contiene y de si ese contenido llega a las personas donde ya están, en lugar de donde el organigrama o la base de datos del producto suponían silenciosamente que estarían.