Asegúrate de que los usuarios sepan que se está generando una vista previa debajo del panel

Dado que hay un pequeño espacio blanco (amarillo) en el panel, ¿por qué no simplemente agregar una línea que indique a los usuarios que cierren el cuadro para ver el panel de vista previa? Eso daría un impulso adicional para presionar ESC o el botón de cerrar (X). Quizás Cierra este panel para ver el panel de vista previa.

3 Me gusta

Me mordió esto como usuario de los foros de Rust. Esa instancia de Discourse (¿término incorrecto?) tiene un cuadro azul de “Tu tema es similar a…” que tiene un estilo similar a este cuadro amarillo de “Bienvenido”, pero no cubre la mitad del área inferior. Después de cerrarlo, el amarillo, al verse diferente, me llevó a suponer que estaba empujando el área de entrada de texto (haciéndola más estrecha), así que lo dejé abierto al principio. Nunca se me ocurrió que la vista previa formateada que buscaba encajaría perfectamente debajo del cuadro amarillo.

Otra idea para abordar esto: agregar una oración como “Oculta este panel con el botón en la esquina superior derecha para ver la vista previa formateada de tu publicación”. Supongo que es personalizable por instancia, pero agregar la oración a la plantilla predeterminada probablemente resultaría en que la mayoría de las instancias la tuvieran.

2 Me gusta

Sí, por favor.

¡Probaré este truco!

No eres el usuario promedio. Estás construyendo este producto y tienes años de experiencia navegando por la tecnología. Estamos observando lo que realmente está sucediendo.

2 Me gusta

Me daría mucha curiosidad ver maquetas visuales alternativas que dejen la suficiente pista visual como para que una vista previa se esté ocultando. (quizás simplemente reduciendo un poco la ventana o limitando un poco la altura)

100% factible en un componente temático.

2 Me gusta

eso es lo que pensé también, 80-90% de la altura/ancho de la parte de vista previa del compositor, alineado con él en la esquina inferior derecha, pero con la X de cierre en el lado superior izquierdo, para que el ojo pueda enfocarse en la línea debajo del panel y la X al mismo tiempo.

1 me gusta

Argumentaría que los usuarios de Facebook han estado usando ese sitio al menos desde 2010 y tienen una década de experiencia navegando “cómo escribir palabras en cuadros en páginas web” para ahora, sin embargo. Los manuales originales de Apple Mac describían cómo usar el ratón, pero no creo que las computadoras actuales incluyan instrucciones sobre cómo funciona un ratón o un panel táctil, por ejemplo.

En cuanto al resto del tema, estos nuevos paneles de educación para usuarios solo aparecen en tus dos primeras publicaciones (y eso es solo si no has optado por no participar en la incorporación de nuevos usuarios), y literalmente lo dicen en ellos.

También está la palabra “esc” junto a la “X” para indicar que puedes cerrar la nota educativa.

image

Así que, para tu tercera publicación, los paneles de educación no aparecerán, sin embargo, el “tu tema es similar a…” aparecerá (al crear un nuevo tema) pero solo después de escribir lo suficiente para que haya una coincidencia de similitud.

Mi sugerencia es que, si te preocupa por tus usuarios, reduzcas los paneles de educación a través de la configuración del sitio y/o los ocultes con CSS.

1 me gusta

¿Algo como esto?

Para eso, reduje el ancho un 5%. Sin embargo, mi CSS es muy novato, así que puede que no sea una solución genuina. :slight_smile:

.composer-popup {
    width: calc(45% - 16px);
}
5 Me gusta