Intenté crear una tabla aquí en el meta de Discourse hace un par de días y tuve muchos problemas. Como no estaba seguro de cómo se suponía que funcionara el constructor y lo que veía no era lo que esperaba, simplemente agregué la tabla predeterminada y la personalicé a partir de ahí.
Pensé que podría compartir algunos comentarios ahora que he pasado un poco más de tiempo y he descubierto la mayor parte de lo que me faltaba.
Mi primera experiencia con el constructor de tablas
Seré honesto, el constructor de tablas es mucho más avanzado de lo que esperaba, ¡así que buen trabajo en lo que han puesto en él! La mayoría de las plataformas que permiten tablas mantienen los constructores bastante simples y solo te dan una forma rápida de indicar la cantidad de filas y columnas que deseas en tu tabla. Esto crea un patrón que puedes seguir. Dicho esto, no he encontrado muchas plataformas que usen Markdown y ofrezcan constructores de tablas.
Creo que es genial que tengan un constructor real que ofrezca algo más parecido a una experiencia WYSIWYG en lugar de depender de que las personas se sientan más cómodas con una experiencia de markdown (admitidamente) poco amigable. Puedo crear tablas en MD manualmente, pero intentar revisarlas es casi imposible sin una vista previa.
Desafortunadamente, comencé a usar la herramienta esperando simplemente decirle “Quiero una tabla con cinco columnas y diez filas”… y eso no es lo que obtuve; en cambio, obtuve una página blanca grande con una tabla mayormente vacía. No había información sobre lo que se suponía que debía hacer visible de inmediato, así que estaba un poco perdido. Lo que tienen aquí es muy similar a cómo Google Docs inserta/edita tablas, pero no hay mucho en la interfaz de usuario para indicárselo al usuario.
Lo primero que intenté hacer fue hacer doble clic en el texto “Columna 1”, ya que ahí es donde siempre empiezo con las tablas: nombrando filas/columnas. No funcionó. Podía seleccionar el texto pero nada lo eliminaba. Como estaba en la mentalidad de la herramienta de texto plano del creador de publicaciones estándar de Discourse, ni siquiera pensé en hacer clic derecho.
Descubrí que podía agregar texto a las celdas individuales, pero todavía estaba perdido en cuanto a agregar/eliminar filas y columnas porque todavía estaba en la mentalidad de que todo lo que estaba haciendo era decirle a una herramienta simple que creara el marco que luego tendría que editar en el editor estándar.
Dado que el principal punto de frustración para mí al crear una tabla de MD es recordar cómo configurar las dos primeras líneas de código (encabezado y divisor horizontal), hice clic en el botón “construir tabla” en este punto y lo edité directamente.
Hoy regresé porque no pude averiguar si los problemas que encontré eran un error, de interfaz de usuario/experiencia de usuario, o PEBKAC (Error entre el teclado y el asiento) y quería informar un error, recomendar un cambio en la interfaz de usuario o averiguar cómo soy tan idiota como para perderme algo tan obvio.
Al final, descubrí que probablemente era una combinación de los tres. Hay algunos problemas menores que clasificaría como errores, algunos problemas de interfaz de usuario/experiencia de usuario y, dado que no abrí ni noté el “?” en la esquina inferior derecha, al menos un poco de mi propia culpa.
Pensamientos de mejora de la interfaz de usuario/experiencia de usuario
Hay varias cosas que he insinuado anteriormente que realmente ayudarían a mejorar una herramienta ya increíble al hacer que sus funciones sean más fáciles de encontrar. La forma principal en que creo que esto podría mejorarse es ayudar realmente a los usuarios a comprender cómo usar el constructor.
Haz que las instrucciones sean más descubribles.
Si bien tienen ese icono de signo de interrogación en la esquina inferior derecha, está muy alejado del contenido principal de la página, por lo que es muy fácil pasarlo por alto. El icono de ayuda podría ser mucho más visible si estuviera en otro lugar de la página, como justo al lado del encabezado. Podrían considerar abrir la ventana modal la primera vez que alguien usa el constructor y dar la opción de descartarla para visitas futuras. Alternativamente, en realidad no hay mucho texto en el menú de ayuda; consideren si tiene sentido ocultarlo por completo; muéstrelo directamente encima o debajo de la tabla.
Utilice elementos de interfaz de usuario visibles y familiares para mejorar el descubrimiento de funciones
Ya tienen la flecha desplegable para indicar la clasificación por una columna específica; hagan más de esto para que las otras funciones sean más fáciles de encontrar en lugar de ocultarlas en los menús contextuales. Esto también ayuda a que el constructor sea más compatible con dispositivos móviles.
- Muestre el icono de edición en las celdas del encabezado para que la edición del texto sea más descubrible.
- Utilice un icono de “+” en los bordes de la tabla para agregar rápidamente nuevas filas/columnas.
- Si se resaltan filas o columnas completas, agregue un icono de papelera encima de las filas o a la izquierda de las columnas para indicar que se pueden eliminar.
No soy una persona de interfaz de usuario/experiencia de usuario, por lo que probablemente haya más opciones estándar aquí, pero espero que esta lista les dé algunas ideas sobre cómo hacerlo. Creo que encontrar el equilibrio adecuado entre cómo funciona el constructor de tablas en Google Docs y lo que tienen ahora llevaría a que la herramienta sea más intuitiva sin necesidad de texto de ayuda.
Haz que se sienta como un editor
Si bien sé que las tablas de MD son mucho más limitadas en las opciones de formato que se pueden usar, a la página realmente le falta alguna indicación de que es un editor. Tener una barra que le permita agregar filas, columnas y qué formato es posible elevaría esta herramienta y al mismo tiempo indicaría más a los usuarios qué es y qué pueden hacer. En este momento, no estoy seguro de cómo agregar decoraciones de texto, enlaces, imágenes, etc. a una tabla. Todo esto es posible pero no en el Constructor.
Algunos pequeños errores
- La primera columna dentro del editor me confunde. Me da la sensación de que puedes tener encabezados de fila, que simplemente no son posibles en MD. Considere ajustar esto para que quede más claro que no aparecerán en la tabla final.
- El MD de la tabla completada no tiene los espacios adicionales delante del texto en las celdas de la primera columna. Esto no parece romper la tabla, pero me gustaría que fuera consistente.
- Considere colocar automáticamente la tabla completada en una nueva línea. Si creo una tabla en una línea de texto existente, se ve rota. Al forzarla a estar en una nueva línea con una línea vacía encima, la tabla siempre funcionará correctamente.
Aquí hay una captura de pantalla que muestra el segundo y tercer elemento.
