Pregunta

¿Hay un recomendado Tamaño pequeño botón en Normal condiciones?

Por "recomendado" me refiero a lo prescrito por algún documento como:

  • Directrices de HCI de Apple
  • Directrices UX de Windows
  • o alguna norma ISO ..

Por condiciones "normales" que quiero decir:

  • escritorio / uso de la oficina
  • estándar de la resolución del monitor 96 ppp
  • ratón / touchpad para señalar (sin pantalla táctil)
  • sin discapacidad o con discapacidad visual a los usuarios
  • "tema" estándar (no hay grandes fuentes / iconos)
¿Fue útil?

Solución

Guía UX de Microsoft para Windows 7 y Vista recomienda:

"Hacer clic objetivos de al menos 16x16 píxeles para que puedan conectar fácilmente por cualquier dispositivo de entrada. Para el tacto, el tamaño de control mínima recomendada es de 23x23 píxeles (13x13 DLU)."
donde
"una unidad de diálogo (UCD) es un dispositivo de medición es independiente, donde una unidad de diálogo horizontal es igual a una cuarta parte del ancho de carácter promedio para la fuente actual y una unidad de diálogo vertical es igual a un octavo de la altura de los caracteres para el fuente actual. Dado que los caracteres son aproximadamente dos veces mayor que su anchura, una UCD horizontal es más o menos el mismo tamaño que una UCD vertical, pero es importante darse cuenta de que las DLU no son una unidad cuadrada. "

También es posible que desee buscar de Fitts Ley, que calcula el tiempo necesarios para completar una acción como una función del tamaño de la diana. Eso puede ayudar a determinar matemáticamente las ventajas y desventajas de diferentes tamaños de botón.

Otros consejos

Bueno, trato de hacer importantes objetivos comunes ratón / lo más grande posible sin mirar mal, algo de 20 píxeles (suponiendo 96 ppp) de altura, y tanto el ancho como sea necesario para acomodar etiquetas. Si el botón no tiene etiquetas, lo cual es muy raro, me di cuenta que en realidad es cómodo tener un aspecto como 20w / 50h (con el icono en la parte superior, no centro), ya que el ratón es más fácil mover horizontalmente. Por lo que también es bueno para mantenerlos en la misma fila.

Además de lo que sugirió MsLis la Guía UX también sugiere una anchura mínima de 75 píxeles específicamente para botones de comando.

Guía UX - Recomendado tamaño y el espaciado

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top