¿Por qué deben evitarse las líneas en las tablas?


25

Leí algunos libros sobre tipografía y diseño. Todos recomendaron evitar las líneas en las tablas y, en su lugar, utilizar el espaciado. Encontré eso razonable y me adhirí en adelante a esas reglas.

Recientemente tuve discusiones con usuarios de hojas de cálculo, quienes dudaron de estas reglas y argumentaron que las líneas de cuadrícula son mejores ya que todos los programas las tienen activadas por defecto.

También leí un artículo que explicaba el problema con las líneas: el ojo humano primero tiene que eliminarlas antes de poder enfocarse en el contenido de la tabla. Si alguien supiera este o hallazgos científicos similares sobre la percepción de datos, también me alegraría.

¿De hecho es mejor evitar las líneas? ¿Por qué? ¿Tiene alguna referencia que pueda proporcionar para respaldar esto?


1
Por favor, eche un vistazo a mi pregunta graphicdesign.stackexchange.com/questions/13697/… , allí encontrará varios buenos libros de tipografía que hablan sobre cómo hacer buenas tablas en varios idiomas ...
Mensch

12
Cualquiera que use hojas de cálculo para ganarse la vida casi siempre argumentará que las líneas deben estar allí. El uso de hojas de cálculo es un animal muy diferente a la legibilidad en un diseño . Las aplicaciones de hoja de cálculo serían una pesadilla sin las líneas ... pero a la inversa, muchos diseños serían una pesadilla con las líneas.
Scott

44
Podría ser útil si pudiera vincular ese artículo sobre "ojos humanos quitando las líneas". Muchos artículos no tienen una fuente para respaldar sus afirmaciones. Creo que una combinación de líneas y un buen espaciado está bien; las líneas actúan como una regla y tiene sentido que sea más fácil de leer en algunos contextos y fácil de asociar qué va con qué. No es necesario hacer que las líneas sean 100% negras y sólidas o agregar todas las líneas. También puedes usar tonos claros. Algunas tablas son ilegibles porque no son lógicas, necesitan ser reorganizadas y creo que ese es el mayor problema en general. No se trata solo de diseño.
go-junta

3
+1 en el comentario de Scott. Usar una hoja de cálculo para la manipulación / entrada de datos es muy diferente a usar una tabla para la presentación.
Nelson

2
Relacionado: tex.stackexchange.com/q/163061/28808 y otras Q en tex.stackexchange etiquetados [booktabs] o [tables]. Estos proporcionan ejemplos de tablas (a menudo de datos) formateadas con y sin líneas verticales y muchas líneas horizontales.
Chris H

Respuestas:


42

Edward Tufte es quien acuñó el término basura del gráfico para referirse a elementos visuales extraños que tienden a saturar, en lugar de aclarar los datos que se presentan.

Esto puede referirse a todo tipo de cosas que tiende a ver con frecuencia, pero que en realidad no mejora la comprensión y, a menudo, interfiere activamente con la comprensión de los datos.

Estos pueden incluir:

  • color arbitrario
  • Efectos 3D
  • fronteras excesivas
  • etiquetas redundantes
  • rayas de cebra
  • etc.

Creo que este gif animado comunica muy bien el concepto:

ingrese la descripción de la imagen aquí

¿Es mejor eliminar líneas? Generalmente. El punto a considerar cuando se trata con basura de gráficos es que solo debe usar lo necesario para formatear los datos. Cualquier cosa extra es solo eso ... extra ... y probablemente no mejore el mensaje.


1
Este es un lindo gif animado, pero parece más centrado en la belleza de una mesa desde el punto de vista del diseñador, no en lo legible o práctico que es para el lector. También hay una diferencia entre comparar una tabla fea básica de Word con una tabla Indesign bien hecha con líneas. Nasdaq, bancos, servicios de tipo de cambio, Paypal, informes científicos / médicos / anuales, etc .: todas estas personas / servicios / elementos parecen usar líneas ... Solo puedo adivinar que es porque priorizan la comodidad de sus lectores, quieren evite la confusión y no priorice la belleza del diseño. Creo que también son referencias confiables.
go-junta

2
Es solo una cuestión de opinión personal y agenda del diseñador considerar las líneas como "basura". Tufte probablemente recomendaría mantener las líneas o un sombreado si su propósito es evitar cualquier confusión en tablas anchas, y eliminarlas en tablas con 2 columnas si se ve bien. Según tengo entendido, con basura de gráficos significa eliminar iconos adicionales, textos de gran tamaño que son inútiles, patrones, fuentes ilegibles, sombreado ORNEMENTAL (por ejemplo, no tiene otro propósito que el diseño), etc. Todo esto no es nada nuevo para la mayoría de los diseñadores, es solo lógico y no es exclusivo de gráficos sino de cualquier diseño.
go-junta

2
Esto parece una gran simplificación sin ninguna explicación sobre cuándo las líneas son necesarias y útiles y cuándo son extrañas. Además, al leer su respuesta, se minimizan las líneas que solo deben eliminarse si de hecho son extrañas. Para señalar su .gif animado, se mantiene una línea, pero no se explica por qué.
Ryan

2
Nuevamente, para mí, decir eliminar elementos visuales extraños no dice por qué y cuándo algo es extraño. Tengo una mesa frente a mí de 26 filas y 18 columnas (cortesía de un consultor de negocios), ¿deberían haber eliminado todas las líneas y sombreados? Porque cuando leo tu respuesta suena como un sí casi universal.
Ryan

44
@ Ryan - Estoy de acuerdo, especialmente en tablas grandes donde algunas "celdas" abarcan varias líneas, y también donde algunas celdas pueden estar vacías. Estos casos (y otros) pueden beneficiarse de algunas líneas horizontales. Hay (al menos) dos "factores" a considerar, que a veces (muchas veces) entran en conflicto entre sí: Estética y Facilidad de uso. La usabilidad es más importante que la buena apariencia. Si el diseño de una mesa se ve bien pero no se puede usar (difícil o confuso de usar), ¿de qué sirve? Muchas veces la estética se trata más de cómo se ve una tabla desde la distancia, en lugar de cuando se trata de leer los datos de la tabla.
Kevin Fegan

12

Creo que puede reconsiderar el tema de su pregunta centrándose en el propósito de la tabla en lugar de cualquier directriz general.

Por ejemplo, si los lectores necesitan comparar el contenido de diferentes filas, puede ser más fácil diferenciar cada fila. También puede considerar implementar contrastes entre columnas en su lugar.

Hay varias opciones para distinguir filas o columnas:

  • Colores de fondo alternativos (colores suaves, de modo que el contraste todavía hace que el texto sea legible)
  • Usa líneas entre filas o columnas
  • Use relleno alrededor del contenido en la tabla

Su elección dependerá de:

  • ¿Qué haría el usuario con su tabla y cómo facilitar su uso? Esto guiaría la jerarquía de la lectura y, por lo tanto, sus opciones gráficas.
  • El tamaño del contenido y, en consecuencia, el tamaño de la tabla: por ejemplo, las líneas largas deben ser gráficamente distinguibles; no es tan necesario para una mesita

Dicho esto, en mi experiencia, en la mayoría de los casos, tiendo a tratar de no usar líneas, que son bastante pesadas. Prefiero usar colores de fondo sombreados alternativos para las filas. Y, si es necesario, líneas blancas solo para columnas. De esta forma, el contenido se vuelve prominente y los gráficos de tabla guían imperceptiblemente al usuario.

Siempre considere el propósito de la tabla antes de aplicar cualquier estilo.


2
+1 "Siempre considere el propósito de la tabla antes de aplicar cualquier estilo". Eso es lo que solicitó el OP, y de todos modos un buen diseñador gráfico siempre priorizará el propósito primero.
go-junta

9

No creo que tú o tu compañero de trabajo tengan razón. La cuestión más importante es la legibilidad. El espacio por sí solo puede hacer esto de manera efectiva, las líneas / sombreado a menudo pueden ayudar a usar menos espacio.

Aquí tenemos una tabla con un espaciado bastante normalizado y sin líneas. Es difícil de seguir porque los números están diseñados principalmente para leerse de izquierda a derecha, no de arriba a abajo. Pero tienes que resolverlo por tu cuenta:

ingrese la descripción de la imagen aquí

Ahora solo he usado el espaciado, que sabemos por nuestros Principios de Gestalt , para dejar bastante claro que lees horizontalmente:

ingrese la descripción de la imagen aquí

Sin embargo, toda la imagen se hizo más grande. Cuando podría agregar lo mismo con una línea o sombreado y usar menos espacio total:

ingrese la descripción de la imagen aquí

Sin embargo, usar líneas totales también podría ser como no usar líneas. Por sí solo no ayuda a determinar en qué dirección las personas deberían estar más interesadas en leer primero:

ingrese la descripción de la imagen aquí

Y lo mismo si quisiéramos que se entendiera verticalmente primero, entonces podría verse así:

ingrese la descripción de la imagen aquí

Pero también podría haber menos espaciado si usamos una línea (probablemente centraría esta línea si estuviera haciendo esto de verdad pero solo haciendo esto rápidamente):

ingrese la descripción de la imagen aquí


1

El estilo APA no utiliza líneas entre filas. Una mesa diseñada de esta manera tiene asociaciones con investigación y académicos; una mesa diseñada de otra manera podría implicar lo contrario.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.