Mejora tu sitioWORDPRESS · WEB · IDEAS
Español

Edición y diseño

Usa tablas cuando la comparación lo justifique

Usa tablas para comparaciones reales y revisa las celdas más largas.

Una tabla sirve cuando el lector necesita comparar valores dentro de categorías compartidas. No es un sustituto cómodo de la distribución de página. Antes de añadirla, pregunta si la relación realmente depende de filas y columnas. Una lista breve puede explicar tres datos independientes con más claridad y adaptarse mejor al teléfono.

En una tabla necesaria, utiliza encabezados claros y entradas consistentes. Para comparar planes de almacenamiento podrías mostrar capacidad, conservación y método de restauración. Mezclar párrafos extensos con cifras cortas dificulta recorrerla. Lleva fuera del cuadro las explicaciones que correspondan a toda la comparación.

Supongamos que comparas tres servicios mediante ocho atributos. Quizá la decisión dependa sobre todo de disponibilidad, entrega y soporte incluido. Traslada las explicaciones secundarias debajo y evalúa si los otros cinco datos realmente ayudan. Es una reducción editorial, no solo un recurso para teléfonos. Una comparación más pequeña y mejor elegida también beneficia a quien usa computadora. Conserva las condiciones junto al valor correspondiente para que simplificar no convierta una ventaja condicionada en una promesa absoluta.

Aprovecha las opciones de encabezado y título del bloque Tabla cuando sean adecuadas. Una primera fila visualmente en negrita no siempre equivale a un encabezado identificado correctamente. La estructura debe comunicar cómo se relacionan las celdas y no solo parecer una hoja de cálculo. No dejes el significado únicamente en colores; utiliza palabras comprensibles sin ese estilo.

Prueba el contenido más ancho

Un nombre largo o una dirección puede determinar el ancho mínimo. Previsualiza entradas realistas antes de concluir que todo cabe. En teléfono, observa los saltos, las columnas demasiado estrechas y la posibilidad de recorrer horizontalmente cuando haga falta. No reduzcas todas las letras para forzar una comparación amplia dentro de una sola pantalla.

Identificar atributos, quitar detalles secundarios, probar la celda más ancha y elegir una presentación accesible.
Diagrama explicativoEmpieza por los atributos que el lector necesita comparar. Mantén las condiciones importantes junto al valor que limitan. Abre la imagen para verla completa.
Leer el diagrama como texto
  • Identificar la comparación: Usa filas y columnas cuando la relación realmente las necesite.
  • Reducir detalles secundarios: Mueve explicaciones generales fuera de la tabla sin perder condiciones.
  • Probar la entrada más ancha: Revisa nombres largos y direcciones en pantallas estrechas.
  • Elegir la presentación: Usa desplazamiento accesible u otra estructura; no fuerces letras diminutas.

La tabla debe aclarar la relación, no convertirse en un obstáculo para leer.

Si necesita desplazamiento, debe poder descubrirse y permitir llegar a todas las columnas. Una comparación muy compleja quizá funcione mejor como secciones etiquetadas, una tabla reducida a los atributos principales o un archivo complementario junto a un resumen accesible. Decide según la tarea del lector y no por conservar la cuadrícula original.

Revisa después de actualizar los datos. Una sola entrada excepcionalmente larga puede modificar el comportamiento completo. Comprueba también que la información conserve sentido al imprimirla o copiarla si ese uso es probable. Una tabla ayuda cuando hace visibles las relaciones; si su formato se convierte en el principal obstáculo, simplifica la comparación antes de añadir más diseño.