Implementar consistentemente el desbordamiento de elementos de la barra de herramientas de composer

Continuando la discusión de Hacer que el menú del compositor se desplace horizontalmente en el escritorio como lo hace en el móvil:

Encuentro problemática la implementación actual de “desplazar para ver más elementos de la barra de herramientas” en el móvil, ya que toca el lateral y tampoco ofrece ninguna indicación visual que denote que se puede desplazar.

Me pregunto si deberíamos tener una implementación coherente donde los elementos pasen a la segunda fila si son demasiado estrechos.

Entiendo la queja sobre el “+” “solitario”.

Pero me pregunto si lo resolvemos de otra manera, tal vez siempre desbordamos un mínimo de 2 elementos (agrupamos los últimos 2). De esa manera sería “Gif, +” y se sentiría menos solitario.

En el móvil ya tenemos un botón para ocultar la barra de herramientas si ocupa demasiado espacio.


Una alternativa aquí es… a medida que las cosas se vuelven demasiado estrechas, moverlas detrás del “+” por prioridad.

Así, en la captura de pantalla anterior, desalojaríamos image detrás del “+” si se vuelve demasiado estrecho.

6 Me gusta

Si haces eso, creo que un asistente de IA sería un candidato más adecuado para ir de la mano, compañero, con +

O dale al usuario una forma de elegir lo que quiera mostrar. Sí, sería más complicado, una configuración más y probablemente rara vez se usaría en el mundo real™.

Prefiero personalmente el desplazamiento, podríamos añadir una indicación visual mejor allí: un símbolo de mayor que a la derecha y/o un degradado a la transparencia.

La barra de herramientas de varias líneas en el editor fue una de las causas de una queja común sobre dispositivos muy pequeños aquí en Meta, ocupa mucho espacio del área de edición.

3 Me gusta

Sin embargo, tenemos un botón para ocultar la barra de herramientas de todos modos en el móvil, por lo que hay una solución fácil.

1 me gusta

Confío bastante en que la mayoría de la gente, por desgracia, no se da cuenta de que existe la opción de ocultar la barra de herramientas, y no estoy seguro de que siga existiendo con los nuevos planes para la ventana del compositor /cc @chapoi

De todos modos, no creo que esto sea mejor que la barra de herramientas desplazable. También se utiliza en otras herramientas de autoría como Notion: utilizan un fundido en los laterales desplazables para indicar que hay más contenido, que es lo que me gustaría hacer también.

2 Me gusta

Un problema potencial es que, si tienes poco espacio en la pantalla, esto puede empeorarlo.

1 me gusta

Creo que algo como esto debería agregarse a todos los casos donde hay contenido “estilo menú” desplazable, especialmente notable en las áreas de configuración de usuario/administrador.

Algo como esto ayudaría mucho:

1 me gusta

Este me parece el mejor enfoque, también podríamos reutilizarlo en publicaciones con el menú ..., pero el desplazamiento es ciertamente más simple de implementar siempre que descubramos cómo hacerlo obvio.

Excepto que casi todos mis usuarios móviles lo saben y no usan la barra de herramientas en absoluto. Todo lo que necesitan son emojis/caritas y subir, y esas cosas no están ubicadas allí.

Bueno, la cantidad de usuarios de mi foro no es tan grande como para que se les pueda llamar minoría, así que de esa manera tu declaración probablemente era cierta :smirking_face:

Sí, quería añadir un desvanecimiento de opacidad para mejorarlo, pero eso requiere un cambio estructural, por lo que tendría que verificarlo con Renato, por eso aún no lo he hecho.

También está el estado final del nuevo compositor, que vería toda la barra de herramientas rediseñada y movida de todos modos.

A mí también me gustaría eso, aunque tendría que ser en orden lo que esté más cerca del signo más. Sacar cosas de la lista al azar es una experiencia de usuario bastante mala. Y en dispositivos móviles, un simple desplazamiento sigue siendo preferible en mi opinión.

Pasar a una segunda línea está fuera de discusión en mi opinión, decir “ocúltalo completamente en dispositivos móviles entonces” no es una solución amigable para el usuario.

Creo que primero deberíamos ver si podemos simplemente mejorar el indicador visual actual, antes de hacer más.

3 Me gusta

Creo que actualmente algunas opciones ya se han movido al menú para evitar un desbordamiento. Por ejemplo, el botón se mueve al menú más en mi tableta. Si mal no recuerdo, eso se basa en el hecho de que se usa un dispositivo táctil. Así que el concepto de

ya se está utilizando. Por lo tanto, parece razonable expandirlo a más dispositivos. Quizás incluso basándose en el ancho en lugar del tipo de dispositivo. Mi tableta tiene suficiente espacio en modo horizontal para que el botón formatee el código. Supongo que también hay suficiente espacio para los botones de la lista. Pero normalmente no los uso. Las etiquetas de código son más molestas de escribir, por lo que uso ese botón con frecuencia.

También me gusta la sugerencia de Nat de una configuración donde los administradores puedan elegir los botones más importantes para su comunidad.

2 Me gusta