Mejorar la consistencia de uso de los iconos chevron

La usabilidad de Discourse podría mejorarse optimizando la consistencia de los iconos.

Situación actual

Ordenar

Para ordenar, Discourse utiliza los iconos chevron-down y up

Resumen del tema

Para abrir el resumen de temas, los usuarios tienen que usar el botón con el chevron hacia abajo. Para cerrarlo, usan el chevron hacia arriba.

Secciones de la barra lateral

En la barra lateral hay botones con chevron derecho y hacia abajo para abrir y cerrar secciones

“Menú de usuario”

En el menú que puedes abrir haciendo clic en tu avatar, hay un botón con un icono de chevron que lleva a otra página.
Captura de pantalla que muestra dos botones en el menú de usuario

El problema

El mismo icono no siempre significa lo mismo. A veces puedes abrir y cerrar algo y otras veces no puedes abrir nada, solo ordenar una lista. Además, si algo se puede abrir y cerrar, debería usar el mismo icono en todas partes. Como puedes ver arriba, ahora puedes abrir el resumen del tema usando un chevron hacia abajo, pero abres una sección en la barra lateral con un chevron hacia la derecha. Si cierras ambos, usas iconos que incluso muestran direcciones opuestas. Para cerrar el resumen del tema, usas un chevron hacia arriba, mientras que usas un chevron hacia abajo para cerrar una sección de la barra lateral.

Mi sugerencia

  • Usa flecha hacia abajo/arriba para ordenar
  • Usa siempre chevron hacia arriba para cerrar algo (resumen del tema y sección de la barra lateral)
  • Usa siempre solo chevron hacia abajo (o solo hacia la derecha) para abrir algo (resumen del tema y sección de la barra lateral)
  • Usa un icono diferente para el botón en el “menú de usuario”

Para mí, no se trata de qué iconos usas exactamente, sino de usarlos de manera consistente :slight_smile:

5 Me gusta