Our Insights About Modern Technology

Usos y normas de las tablas

Las tablas se utilizan para organizar y mostrar información estructurada en filas y columnas, facilitando la lectura, comparación y análisis de datos dentro de la interfaz.

Permiten presentar grandes cantidades de información de forma clara, manteniendo jerarquía y orden visual.

Normas de uso

1. Utilizar encabezados claros

Cada columna debe tener un título descriptivo que permita entender rápidamente la información presentada.

2. Mantener consistencia en el contenido de las columnas

Cada celda debe contener un tipo de dato que sea consistente con el título de la columna.

3. Limitar la cantidad de columnas visibles

Evitar tablas demasiado anchas que dificulten la lectura.

Recomendado:

Entre 4 y 10 columnas visibles.

Cuando existan más columnas, considerar:

  • Scroll horizontal
  • Expand row
  • Column toggle

4. Priorizar información relevante

Las columnas más importantes deben ubicarse a la izquierda, ya que son las primeras que el usuario visualiza.

Ejemplo de orden recomendado:

5. Uso de las acciones

Las tablas pueden incluir acciones asociadas a cada registro, como:

  • Ver detalle
  • Editar
  • Eliminar
  • Descargar

Estas acciones puede  ubicarse en la última columna cuando es una acción transversal o estar asociadas a un dato específico.

6. Evitar sobrecargar las filas

No incluir demasiados elementos visuales dentro de una misma fila.

Evitar mezclar en exceso:

  • Botones
  • Iconos
  • Badges
  • Chips
  • Links

La prioridad debe ser la lectura de los datos.

Buenas prácticas

  • Usar paginación cuando existen mas de 10 registros
  • Permitir ordenar columnas cuando aplique
  • Usar filtros para facilitar la búsqueda
  • Mantener alineación consistente de los datos, por ejemplo los valores de moneda deben estar alineados a la derecha
Usos y normas de las tablas - PreviousBadge, tags y chipsNext - Usos y normas de las tablasSistemas Inteligentes de Movilidad