it-swarm-es.com

¿Existen buenos recursos para diseñar interfaces de pantalla táctil?

No estoy hablando de teléfonos o iPads u otros "gadgets". Estoy hablando de aplicaciones como los sistemas de kiosco (POI - Punto de información/Terminales de información) o HMI (Interfaz hombre-máquina). Todos los libros de UI parecen tratar con interfaces de teclado y mouse ...

19
EricSchaefer

El diseño de interfaces gestuales por Dan Saffer es un buen comienzo con algunos conceptos básicos. He estado trabajando en un sistema POI a gran escala para una empresa postal durante más de un año, y también hemos realizado numerosas pruebas de usuario/usabilidad y es muy diferente de su sitio web o aplicación web habitual. Creo que para mí hubo 3 o 4 diferencias principales:

1) tamaño y espacio (la punta de su dedo es mucho más grande que su cursor)

2) bloqueando la vista de la esquina inferior derecha. La mayoría de las personas son diestras y bloquean una gran parte de la pantalla con la mano cuando comienzan en algún lugar de la esquina superior izquierda, pero en una aplicación de pantalla táctil a menudo quieres usar todo el espacio que tienes para crear un problema para algunas funciones importantes que fuera de la vista.

3) El desplazamiento regular a menudo apesta. Perdón por el idioma, pero la tecnología utilizada para pantallas de pantalla grande combinadas con manos sudorosas y pantallas sucias hace que sea molesto para las personas poner su dedo en una pantalla y tratar de arrastrar hacia abajo una barra de desplazamiento, así que trata de evitarlo.

4) Contraste/reflexión. Las pantallas a menudo se encuentran en lugares con luz solar directa o luces artificiales apuntadas directamente hacia ellas, así que asegúrese de elegir un esquema de colores que aún sea legible en estas situaciones. De hecho, probamos varias combinaciones de colores en situaciones de poca luz para descubrir qué funcionó mejor para la mayoría de las personas. Recuerde con PDI, que algunas personas tendrán que trabajar con ellos de 9 a 5 5 días a la semana ...

11
Pieter

Miré un poco a mi alrededor y encontré los siguientes artículos/sitios web. Tenga en cuenta que no soy un experto en el campo y no sé si estos son valiosos.

  1. http://ui4all.ics.forth.gr/UI4ALL-97/maguire.pdf
  2. http://www.proace.com/2010/01/26/interface-design-for-desktop-touch-screens/
4
Jouke van der Maas

No estoy seguro de ningún recurso sobre esto, pero creo que quizás pueda modificar algunas de las mejores prácticas de acuerdo con lo que sabemos sobre las interfaces de pantalla táctil.

por ejemplo, con una pantalla táctil es más fácil apuntar y hacer clic en un ícono con el dedo que con un mouse (siempre que el ícono sea lo suficientemente grande como para caber en el dedo). También es más difícil escribir en una pantalla que con un teclado. Por lo tanto, probablemente debería preferir una cuadrícula de iconos posiblemente debajo de algunas pestañas grandes en lugar de tener que escribir algo.

Tan fácil como golpear un objetivo con el dedo, usar el dedo para controlar una IU también es más torpe una vez que tienes ese objetivo. Las barras de desplazamiento, resaltar texto, hacer clic en elementos muy pequeños, etc. son ejemplos de esto. Entonces, algunas cosas a tener en cuenta son que, si bien sus usuarios serán excelentes para dirigir su dedo hacia un punto en la pantalla, es difícil manipular las cosas debajo de ese dedo, especialmente si son mucho más pequeños y están completamente oscurecidos por él .

Creo que solo pensar en las formas en que una pantalla táctil gana y pierde con un mouse y un teclado podría ayudarlo a acercarse bastante a la marca. Por desgracia, los detalles de perfeccionar una interfaz de pantalla táctil se me han perdido.

3
Carson Myers

Siempre puede ponerse en contacto con algunos de los proveedores que crean y crean esas pantallas y les pregunta qué recursos pueden indicarle para esto. Hay una buena posibilidad de que sea difícil extraer algo de ellos, pero también hay una buena posibilidad de que si cavas lo suficiente encontrarás algunas ideas muy valiosas.

Una búsqueda rápida en Google mostró a estos chicos: http://www.griffinchaseoliver.com/

Puede enviarle un correo electrónico a alguien allí, o incluso llamarlo y simplemente hacer un poco de "recopilación de información".

2
Joel Glovier

Comencé a hacer esa pregunta hace unos 4 años cuando comencé un trabajo de diseño de UX para un quiosco con pantalla táctil. No pude encontrar nada más que una referencia pasajera en libros y sitios dedicados al diseño de sitios web. Desde entonces, he interpolado, probado y utilizado sentido común para crear mis mejores prácticas. Empecé un blog sobre el tema en mi sitio de cartera. Eche un vistazo y contácteme si tiene preguntas específicas. ¡Buena suerte para ti!

Blog sobre diseño de kiosco con pantalla táctil

Actualización: revisé el maguire.pdf vinculado anteriormente. Tiene información útil específica para los quioscos, pero solo la mitad se relaciona con el diseño de la interfaz. El resto es más sobre la ubicación y el diseño de la máquina. Estoy de acuerdo con la mayoría de las sugerencias de diseño de la interfaz, pero no con el uso de indicadores para la selección del idioma. He pasado por un proyecto de internacionalización para un quiosco y créanme que no es una lata política de gusanos que quieren abrir. Quédese con los botones que muestran el idioma en el idioma nativo. Los usuarios saben lo que significa.

2
JK Hudson

Recomiendo encarecidamente Brave NUI World: Diseño de interfaces de usuario naturales para el tacto y el gesto por Daniel Wigdor y Dennis Nixon.

Capítulos de muestra:

2
Karl Fast

Creo que la especificación/tecnología de hardware también debe tenerse en cuenta al diseñar la interfaz de usuario para la pantalla táctil. ¿La pantalla táctil responde lo suficiente, es pegajosa, funciona con guantes, etc.

Además, algunas tecnologías no son inherentemente adecuadas para ciertas interacciones. Por ejemplo, una pantalla táctil resistiva registra el tacto a través de la presión, lo que significa que probablemente sea mejor evitar cualquier acción de arrastre porque podría ser difícil para el usuario mantener una presión constante.

Sin embargo, tengo curiosidad si alguien sabe qué tecnología es la más receptiva. El fabricante de hardware parece centrarse principalmente en la fiabilidad, no tanto en el rendimiento.

1
pixelfreak

Recientemente participé en una interfaz HMI industrial que creé como prueba de concepto, y debido a la naturaleza del negocio de nuestros clientes, la seguridad es crítica. Si está proporcionando una interfaz HMI a una máquina expendedora, el riesgo claramente no es tan grande como lo que encontraría al crear HMI para aplicaciones industriales pesadas o una planta química/nuclear.

Según mi experiencia, si está trabajando en este último, deberá realizar una evaluación de riesgos detallada y un análisis del entorno de los operadores e investigar todas las posibles vías de falla.

Si ayuda, aquí hay una breve descripción de algunas de las áreas clave que investigamos:

  1. Errores de comunicación: en nuestro caso, la HMI reemplazará un teclado serial heredado con teclas que pueden iluminarse mediante un software de alarma que interactúa con la planta. ¿Cómo hará frente el software a los errores de comunicación? Las comunicaciones son bidireccionales, las pulsaciones de teclas transmitidas por la HMI iluminan las instrucciones enviadas a la HMI.
  2. Fallos/problemas de la pantalla táctil: Pérdida total, entrada errónea (error de clic, calibración, doble clic, arrastre, etc.).
  3. Falla de alimentación: pérdida de servicio, el sistema no se recupera.
  4. Errores de diseño: uso no válido de protocolos de comunicaciones, códigos de teclado, etiquetas de teclas incorrectas, iluminación de color incorrecta, falta de documentación para el sistema existente, errores de codificación, etc.
  5. Error humano/Factores humanos: representación de botones iluminados y no iluminados en una pantalla TFT (no es tan simple como podría pensar si necesita representar varios colores en estados iluminados y no iluminados), higiene, suciedad en la pantalla, puede una pantalla se limpiará durante el uso, funcionará la pantalla táctil si el operador tiene guantes o prótesis, manos/muñecas apoyadas en la pantalla táctil, ángulo de visión, resolución de la pantalla, tamaño del botón, falta de mecánica del botón en una pantalla táctil, retroalimentación de audio y visual al presionar el botón , operador 'jugando', p. ej. tratando de reconfigurar el dispositivo/sistema operativo, daño malicioso.
  6. Problemas de software: pérdida de memoria, errores en el software/sistema operativo de terceros, rendimiento, seguridad (virus, gusanos, etc.), falla del sistema (BSOD, sistema bloqueado, etc.), cuadros de diálogo emergentes, arranque del sistema sin teclado conectado.
  7. Fallos de hardware - CMOS fallo de batería, sistema no arranca, fallo de disco duro, fallo de otro componente de hardware.
  8. Ambiental: RFI, H&V, perturbando el cableado existente bajo la mesa de control al instalar un nuevo sistema, sobrecargando las fuentes de alimentación, calidad de las fuentes de alimentación.
1
Bryan