it-swarm-es.com

Ancho fijo para botones o proporcional al texto?

¿Cuál es la mejor práctica para una interfaz de usuario? Hacer todos los botones similares con un ancho fijo , sin importar cuánto tiempo sea el texto (con la condición de ajuste) o haga que el ancho sea proporcional al texto y agregue el mismo ¿relleno?

enter image description here

Actualizar:

Compruebe también este ejemplo en las Directrices de diseño de materiales que sugieren un ancho mínimo y un ancho flexible.

enter image description here

Botones de diálogo Altura del botón: 36dp Margen superior del botón: 24dp Relleno del botón: 8dp Alineación del botón: Borde derecho para secuencias de comandos LTR Ancho del botón: Varía según la longitud del texto del botón

enter image description here

¿Es esta una regla general?

17
Madalina Taina

En mi opinión, si los botones son uno sobre el otro, intente adaptar el más corto para tener el ancho más ancho. En su ejemplo, sería la opción verde, pero daría menos relleno al botón "Suscribir".

Si los botones son horizontales no hay necesidad de darles el mismo ancho.

enter image description here

9
Alvaro

Creo que el ancho fijo es una mejor opción porque le da equilibrio visual a la pantalla. A veces también se usa un tamaño diferente para dar énfasis, por ejemplo, es posible que los botones estén al mismo nivel, pero el botón con un tamaño más grande está recibiendo más atención.

4
Dhiraj Pandagre

Después de investigar varias veces sobre este tema, no encontré una buena razón para creer que los botones con el mismo ancho ayuden al usuario de alguna manera, influyan menos en la decisión o mejoren la accesibilidad. En cambio, creo que no debemos ignorar la recomendación de Guía de diseño de materiales que sugiere una altura preferida, pero no un ancho fijo: "Accesibilidad

Para garantizar la usabilidad de las personas con discapacidades, asigne a los botones una altura de 36 dp y a los objetivos táctiles una altura mínima de 48 dp ".

enter image description here

3
Madalina Taina

Madalina, un ancho general mínimo para los botones, como se indica en las Pautas de diseño de materiales, es importante, porque garantiza que todos los botones sean razonablemente fáciles de hacer clic o toque incluso para etiquetas muy cortas como OK. Piensa " Ley de Fitts ".

Y aunque los botones del mismo ancho pueden parecer más estéticamente agradables, todavía no he visto investigaciones que muestren alguna usabilidad beneficios por usarlos.

0
JochenW

En el sistema de diseño que he creado para mi empresa, combiné ambos tipos. Los botones de tamaño fijo se usan mejor para ventanas modales y ventanas emergentes. Eso es más estético y habitual para los usuarios y pretende ser un "patrón de diseño". Entonces, de tamaño fijo en todas partes cuando tenemos 2 o un grupo de botones. El ancho, en este caso, se calcula mediante la etiqueta de texto más larga posible. En todos los demás casos, uso botones con relleno, p. 16px + TextLabel + 16px.

0

La fijación del ancho de los botones dará un aspecto coherente a la interfaz. Sin embargo, tiene el riesgo de no poder manejar más botones con etiquetas quizás más largas. Esta razón lo hace incompatible con una directriz fija.

Siempre puede enfatizar un botón en particular jugando en tamaño, color y relleno.

0
asiegf