Tamaño del botón más pequeño en una pantalla táctil

Question

Estoy involucrado en escribir una aplicación de pantalla táctil para un dispositivo médico. El programa es similar a un quiosco, ya que el menú de inicio, etc., no será accesible para el usuario, y el usuario usará un teclado en pantalla para escribir cualquier texto en el raro caso de que lo necesite. El tamaño de pantalla especificado es 1280x1024.

La pregunta es esta: ¿Cuál es el tamaño mínimo del botón que se puede tocar para una interfaz razonable? Estoy pensando que una moneda de diez centavos estadounidense es un tamaño mínimo razonable en todas las direcciones, con el razonamiento de que una moneda de diez centavos es tan pequeña como podemos esperar que la gente sienta con sus dedos (tiene un diámetro de 17.91 mm, según el Wikipedia todopoderosa).

¿O es un centavo un poco en el tamaño grande?

EDITAR: Algunos conocimientos adicionales sobre nuestros usuarios. Tienen que tener ambas manos, debido a la naturaleza del dispositivo, y no llevarán guantes. Tendrían que ser capaces de manipular casetes de película de hasta 14x17 pulgadas de tamaño (de nuevo, debido a la naturaleza del dispositivo), por lo que me siento razonablemente seguro de que tienen cierta destreza manual.

Answer 1

Hay muchos factores que intervienen en esto que pueden requerir que los botones sean mucho más grandes.

Según mi experiencia, usaría algo que no sea más pequeño que un cuarto de los EE. UU., un centavo es realmente demasiado pequeño para el uso repetido. Si los usuarios usarán guantes u otras cosas para " engordar " El dedo, necesitarás botones aún más grandes. Si tiene usuarios que están desactivados o tienen un control de motor deficiente (más común de lo que cabría esperar), un botón del tamaño de una moneda de diez centavos es absolutamente inútil. Tenga en cuenta que algunas pantallas táctiles no son particularmente precisas. He trabajado con algunos que tenían hasta 25 píxeles de distancia cerca de los bordes.

Además, ¿con qué frecuencia presionan los botones y cuántos botones habrá en la pantalla? Tener que presionar muchos botones pequeños de la pantalla táctil en secuencia hará que los usuarios se vuelvan locos. Esa es una de las razones por las que notará que muchos sistemas de pantalla táctil, como los cajeros automáticos, están comenzando a tener botones que exceden 1 pulgada x 2 pulgadas.

Además, ¿qué tan tolerante a las fallas es el sistema si presionan accidentalmente el botón equivocado? Mabye porque la pantalla estaba apagada o estaban viendo desde un ángulo? Cuanto menos tolerante a las fallas es, más grandes deben ser sus botones. Los errores suceden. Los botones más pequeños significan más errores.

Answer 2

Eso dependerá mucho del dispositivo en sí mismo, así como de la interfaz de usuario que le pongas.

Muchas pantallas táctiles (excluyendo multitouch) promedian el área tocada, por lo que es probable que no desee colocar los elementos de la interfaz de usuario más cerca que el área de la punta de los dedos para reducir los errores de pulsación.

Las pantallas táctiles deben calibrarse después de la instalación, e incluso entonces puede haber algo de paralaje según el tipo de pantalla o el ángulo natural desde el que se ve la pantalla.

También puede considerar la retroalimentación visual en la toma de tierra y solo permitir que el evento pase a través de la liberación táctil. Cuando tengas un toque, muestra una x más grande que la punta de un dedo centrada en el punto de contacto y déjala seguir hasta que se suelte el toque. Ese punto es el punto de clic.

Por encima de todo, prueba de usuario, prueba de usuario, prueba de usuario.

Si está realmente preocupado por el tamaño, hágalo fluido para poder cambiarlo fácilmente y probarlo en usuarios reales en circunstancias reales. ¿Mencioné las pruebas de usuario?

Answer 3

Depende de tantos factores ...

Todas las pantallas táctiles se degradan con el tiempo y ofrecen resultados menos precisos, más ruidosos y menos lineales con el tiempo. Las pantallas táctiles resistivas han mejorado enormemente con el tiempo, pero seguirá teniendo problemas, especialmente con una pantalla táctil tan grande.

Además, las personas tienen dedos de diferentes tamaños y diferentes niveles de coordinación mano / ojo.

Por último, el hardware y el software que en realidad procesan los toques antes de que entren en su aplicación deben calibrarse y caracterizarse.

Es realmente mucho más difícil que simplemente preguntar qué tan grandes deben ser los botones.

Primero, hablaría con el fabricante de la pantalla táctil en sí, y con el fabricante de la interfaz de hardware / software y obtendría sus recomendaciones.

En segundo lugar, realizaría algunas pruebas: realizaré algunos objetivos en pantalla y luego registraré todos los puntos que el hardware de la pantalla táctil te envía cuando los presionas. Haga un montón de pruebas para prensas rápidas, pulsaciones largas duras, pulsaciones ligeras, etc. Vea cuánto salta la entrada (podría sorprenderse ...) y qué tan rápido responde (el filtrado intenso puede hacer que las prensas lleguen tarde) , lo que podría reducir la facilidad de uso sin una retroalimentación rápida).

En tercer lugar, diseñaría la interfaz de usuario para GRANDES comentarios de los usuarios. Haga que los botones sean más anchos que el dedo para que cuando el usuario lo presione, aún vean un poco del botón, y este aparezca al presionarlo.

En cuarto lugar, consideraría agregar el aprendizaje adaptativo. Tendrá que ejecutar la calibración y volver a ejecutar de vez en cuando, pero en el medio puede ajustarse ligeramente al usuario para disminuir la probabilidad de errores. Sin embargo, no es para los débiles de corazón, y es fácil hacerlo mal, así que cuídate si quieres considerarlo.

-Adam

Answer 4

Estoy de acuerdo en algo con James que un US Trimestre es un objetivo mejor, pero a menudo puede cambiarlo, por lo que se trata de un Trimestre de EE. UU. En una dimensión y un Dime de EE. UU. En la otra. Por supuesto, desea mantener el centro de los elementos de la interfaz de usuario activos separados entre sí por al menos la distancia de un Dime de los EE. UU., Según la forma en que " resuelva " Hacer clic en el elemento equivocado es. (Hacer clic en el elemento incorrecto en una lista puede resolverse fácilmente si todo lo que se está haciendo es seleccionarlo; hacer clic en el botón de salida de un cuadro de diálogo no es tanto).

Asegúrese de que sus casos más comunes sean realmente fáciles de hacer. Esto generalmente significa hacer un botón realmente grande; o, a veces, haciendo un área de UI completa " pulsable " (pero si lo hace, a menudo es más agradable para el usuario ver también algún tipo de botón en el área para dar a entender que puede hacer clic en él).

Dependiendo de la calidad de la pantalla táctil, a menudo puedes " engañar " alrededor de los bordes. Los bordes y las esquinas no solo son más fáciles de golpear en una interfaz tradicional basada en mouse, sino que también pueden usarse para interfaces basadas en pantalla táctil, ya que el usuario puede presionar el dedo contra el elemento de encuadre y no preocuparse por activar otra cosa. . Asegúrese de que sus elementos de la interfaz de usuario acepten clics hasta el borde de la pantalla si también están cerca del borde. Usando esto, podría tener un botón de tamaño de moneda de diez centavos en cada esquina en el que aún se podría hacer clic repetidamente (aunque es posible que no tenga comentarios si sus usuarios tienen dedos grandes).

Answer 5

Más grande es mejor, ya que sabemos que el tamaño importa.

Es importante que los usuarios de la interfaz de pantalla táctil obtengan comentarios cuando hacen clic en algún lugar de la pantalla y, dado que esto no puede ser mecánico, ya que en el teclado o el botón normal del mouse usamos sonido y / o cambio de color.

Reproducir sonido solo cuando se hace clic en el control en lugar de cada toque en cualquier parte de la pantalla para lograr una buena usabilidad.

Si el entorno de trabajo es ruidoso, también debe dar una respuesta de color, y en este caso, el botón debe ser dos veces o triplicar más grande que el dedo. Es importante que el usuario pueda ver los comentarios cuando su mano está en la pantalla, y usted sabe que las manos no son de vidrio.

Ordenar en la pantalla también es importante. Para la interfaz activada por el ratón, es bueno usar combobxes desplegables, menús, etc., pero para la pantalla táctil se eliminará la facilidad de uso con ellos. Entonces, en lugar de colocar los controles en la parte superior izquierda de la pantalla, colóquelos en el lado inferior derecho. Esto le dará a sus usuarios un área de información en pantalla cuando funcionen.

Piensa también en el diseño de la mano izquierda / derecha y en la combinación de colores día / noche.

Actualmente estoy trabajando para crear un conjunto de componentes de .net UI para la pantalla táctil y puedes echar un vistazo a las demostraciones pronto en mi sitio web.

Atanas