Tamaños de botones recomendados en páginas web

Los estudios de MIT Touch Lab sugieren que 10 mm x 10 mm es el mejor tamaño mínimo para los botones debido al tamaño promedio de las yemas de los dedos. El diseño de botones no solo debe ser agradable a la vista, sino que también deben tener sentido táctil para el usuario.

1. ¿Qué tan grandes deberían ser los botones de interfaz de usuario??
2. ¿Importa el tamaño del botón??
3. ¿Cuánto relleno debería tener un botón??
4. ¿Deberían los botones móviles ser de ancho completo??

¿Qué tan grandes deberían ser los botones de interfaz de usuario??

Los estudios de MIT Touch Lab sugieren que 10 mm × 10 mm es el mejor tamaño mínimo para botones en dispositivos móviles debido al tamaño promedio de las yemas de los dedos.

¿Importa el tamaño del botón??

Sí, el tamaño importa. El tamaño del botón es uno de los factores más importantes a considerar al diseñar aplicaciones de pantalla táctil. Si los botones son demasiado pequeños, los usuarios pueden tener dificultades para tocarlos con precisión.

¿Cuánto relleno debería tener un botón??

El relleno de botones es uno de los aspectos más importantes del estilo de botón. Mi estilo personal es establecer el relleno vertical igual a la altura de la fuente y establecer el relleno horizontal en 1.33 veces altura vertical. Si una altura de fuente es de 20 px, el relleno vertical es de 20 px y el relleno horizontal sería 27px.

¿Deberían los botones móviles ser de ancho completo??

Dependiendo del diseño, orientación y propósito, pero es una buena regla general agregar al menos un margen de 8dp. Tenga en cuenta las limitaciones de espacio táctil, por ejemplo, en Android, el diseño de materiales considera una buena práctica para tener botones que tengan al menos 48x48 dp de ancho, por lo que el área de los botones es cómoda de usar para los usuarios.