it-swarm-es.com

Usabilidad de tabla / Fuente legible para una tabla de datos

¿Cuál es la mejor fuente para una tabla de datos? El monoespacio es bueno pero ocupa más espacio, por lo que no puede tener tanto espacio en blanco entre los elementos. Del mismo modo, ¿cuáles son algunos buenos principios de usabilidad para las tablas de datos? Cosas como rayas de cebra, etc. He intentado buscar en Alertbox pero no he encontrado nada.

12
Kevin Burke

MIL-STD 1472F La Sección 5.14.3.5 tiene una sección bastante buena sobre la visualización de tablas en una interfaz de usuario, aunque podría soportar algunas actualizaciones para las GUI modernas. Estos son algunos de los estándares, junto con mi interpretación marcada con una viñeta para GUI:

5.14.3.5.4 Títulos. Para una tabla que ocupa varias páginas, los encabezados de columna deben estar en cada página para la tabla.

  • Por extensión, si el usuario debe desplazarse para ver todos los elementos de la tabla, los encabezados siempre permanecerán a la vista (por ejemplo, colocándolos en un div que no se desplaza o repitiéndolos).

5.14.3.5.5 Extensión horizontal. Las tablas no se deben dividir horizontalmente en las páginas.

  • Es mejor tener desplazamiento horizontal, siempre que el encabezado de la fila (identificador de registro) esté fijo para que no se desplace fuera de la vista.

5.14.3.5.6 Listas. Los elementos de las listas se organizarán en un orden reconocible, como cronológico, alfabético, secuencial, funcional o de importancia.

5.14.3.5.6.2 Extensión vertical. Cuando las listas se extienden a más de una página de visualización, la última línea de una página debe ser la primera línea de la página siguiente.

  • Por extensión, cuando se desplaza una tabla llena de cuadros a la vez haciendo clic en la pista de la barra de desplazamiento, la última línea de un cuadro completo debe ser la primera línea en el cuadro completo siguiente.

5.14.3.5.6.5 Ordenamiento vertical en múltiples columnas. Cuando los elementos de una lista se muestran en varias columnas, los elementos serán ordenados verticalmente dentro de cada columna .

  • Esto solo debería aplicarse si la lista está totalmente a la vista sin necesidad de desplazarse.

5.14.3.5.10 Justificación de la entrada numérica. Se permitirá a los usuarios realizar entradas numéricas en tablas sin preocuparse por justificación; la computadora deberá justificar a la derecha enteros, o justificar con respecto a un punto decimal si está presente.

  • Es decir, el lugar decimal de todos sus números debe alinearse para permitir comparaciones fáciles.

5.14.3.5.11 Etiquetado de unidades de medida. Las unidades de datos mostrados se incluirán consistentemente en las etiquetas de las columnas mostradas.

5.14.3.5.13 Señales de escaneo de columna. Se mantendrá una separación de columnas de no menos de tres espacios.

  • Eso se traduce en unos 12 píxeles, utilizando Arial de 12 puntos como estándar.

5.14.3.5.14 Señales de escaneo de filas. En tablas densas con muchas filas, se insertará una línea en blanco después de un grupo de filas a intervalos regulares. No se deben mostrar más de cinco líneas sin insertar una línea en blanco.

La legibilidad de la fuente para una tabla es prácticamente la misma que en cualquier otro lugar, por lo que probablemente debería usar la misma fuente que el resto de su contenido. Se debe evitar la fuente Monospace como Courier New : es más lenta de leer y realmente no hay razón para ello en tablas con marcado moderno. Más allá de eso, el la legibilidad de la fuente es complicada , pero si elige una fuente común "regular" como Tahoma, probablemente lo haga bien.

12
Michael Zuschlag

Creo que Segoe UI es una buena fuente que también se puede leer en un tamaño inferior.

1
Ravi

Es mejor usar una fuente sans serif (como Helvetica o Verdana) porque es más limpia que una fuente serif (como Times New Roman) y, por lo tanto, no No hagas que la mesa parezca abarrotada. ¿Por qué? Un serif usa "pies" decorativos o rizos mientras que sans serif no. Se han realizado varios estudios para medir qué tipo de fuente tiene la mayor legibilidad en pantalla, como "Los efectos del tipo y tamaño de fuente en la legibilidad y el tiempo de lectura del texto en línea de adultos mayores" o "El impacto de las combinaciones de colores de texto y fondo de la página web en legibilidad, retención, estética e intención de comportamiento "y sans-serifs son más efectivos. Cuando la interfaz se abarrota, afecta nuestra carga cognitiva, lo que nos dificulta comprender la tabla.

Aunque no he hecho un estudio estadísticamente significativo al respecto, las personas a las que he preguntado parecen pensar que sans-serif en las mesas son más agradables visualmente. (Debe preguntar (o hacer un escaneo cerebral para ser extravagante) a su grupo objetivo para asegurarse de que tengan la misma experiencia).

Si algo es visualmente agradable, afectará la usabilidad percibida de la tabla. También existe una fuerte correlación entre la estética y la satisfacción y el placer del usuario. Esto se ha estudiado, por ejemplo, en "Una teoría neuropsicológica del afecto positivo y su influencia en la cognición. Psychological Review, 106, 529-550". ¿Por qué? - Debido a que algunas de las influencias cognitivas del estado de ánimo positivo se deben al aumento de los niveles de dopamina en las áreas corticales frontales que resultan de los eventos que provocan la elevación del estado de ánimo. También puede consultar el estudio "Evaluación de las dimensiones de la estética visual percibida de los sitios web".

Solo he encontrado un estudio que intenta medir la velocidad de lectura y la precisión entre las tablas simples y las tablas con rayas de cebra y parece que casi no hay ninguna diferencia entre estos dos. Vea el estudio completo aquí

Sin embargo a la gente le gustan más las tablas con rayas de cebra probablemente porque se ve mejor. (Consulte los párrafos anteriores para conocer las razones por las cuales esto es importante)

Si está generando tablas muy largas con muchas columnas que las personas necesitan desplazarse - use un encabezado de tabla fijo para que las personas puedan ver lo que significan los números sin depender de su memoria a corto (muy corto) plazo.

0
Tony Bolero

Verdana es buena OMI. Está destinado a leerse en pantallas de baja resolución. Es fácil de leer, incluso en tamaños pequeños.

0
Elias Zamaria