Planificar tu dashboard de e-commerce
Define los KPIs y estructura de tu dashboard.
Un dashboard sin planificacion es solo una coleccion de graficos. Antes de abrir Looker Studio, necesitas definir que medir, para quien y como organizarlo. En esta leccion aprenderemos el proceso de planificacion que asegura dashboards utiles y accionables.
Por que planificar antes de construir
Sin planificacion:
- Graficos que nadie usa
- KPIs que no responden preguntas de negocio
- Dashboards sobrecargados e ilegibles
- Tiempo perdido en revisiones constantes
Con planificacion:
- Cada elemento tiene un proposito
- Los stakeholders obtienen lo que necesitan
- Diseno limpio y facil de leer
- Mantenimiento simple
Paso 1: Definir la audiencia
Preguntas clave
Antes de elegir metricas, pregunta:
Quien vera este dashboard?
- CEO/Direccion
- Gerente de ecommerce
- Equipo de marketing
- Equipo de operaciones
Que decisiones tomaran con esta informacion?
- Asignacion de presupuesto
- Optimizacion de campanas
- Gestion de inventario
- Mejoras de UX
Con que frecuencia lo consultaran?
- Diario (monitoreo)
- Semanal (revision de tendencias)
- Mensual (reporte ejecutivo)
Perfiles de audiencia
| Audiencia | Enfoque | Frecuencia | Nivel de detalle |
|---|---|---|---|
| CEO | Ingresos, crecimiento | Semanal | Alto nivel |
| Ecommerce Manager | Conversion, AOV, productos | Diario | Detallado |
| Marketing | Trafico, canales, campanas | Diario | Medio |
| Operaciones | Pedidos, inventario | Diario | Operativo |
Tip: Si tienes multiples audiencias, considera crear dashboards separados o usar paginas/pestanas dentro del mismo dashboard.
Paso 2: Seleccionar KPIs
Framework de KPIs para ecommerce
Organiza tus KPIs en categorias:
┌─────────────────────────────────────────────────────────────────┐
│ INGRESOS │
│ - Ingresos totales │
│ - Ingresos por canal │
│ - Crecimiento vs periodo anterior │
└─────────────────────────────────────────────────────────────────┘
│
▼
┌─────────────────────────────────────────────────────────────────┐
│ TRANSACCIONES │
│ - Numero de pedidos │
│ - Average Order Value (AOV) │
│ - Unidades por pedido │
└─────────────────────────────────────────────────────────────────┘
│
▼
┌─────────────────────────────────────────────────────────────────┐
│ CONVERSION │
│ - Tasa de conversion │
│ - Tasa add-to-cart │
│ - Tasa de abandono de carrito │
└─────────────────────────────────────────────────────────────────┘
│
▼
┌─────────────────────────────────────────────────────────────────┐
│ TRAFICO │
│ - Sesiones totales │
│ - Usuarios nuevos vs recurrentes │
│ - Trafico por fuente/medio │
└─────────────────────────────────────────────────────────────────┘
│
▼
┌─────────────────────────────────────────────────────────────────┐
│ PRODUCTOS │
│ - Productos mas vendidos │
│ - Productos con mejor conversion │
│ - Categorias por ingresos │
└─────────────────────────────────────────────────────────────────┘
KPIs primarios (los esenciales)
Estos deben estar siempre visibles en la parte superior:
| KPI | Formula | Por que importa |
|---|---|---|
| Ingresos totales | SUM(purchase.value) | El resultado final |
| Transacciones | COUNT(purchase) | Volumen de ventas |
| AOV | Ingresos / Transacciones | Eficiencia de venta |
| Tasa de conversion | Transacciones / Sesiones | Efectividad del sitio |
| Usuarios compradores | COUNT DISTINCT(user) con purchase | Alcance de conversion |
KPIs secundarios (contexto adicional)
Estos van debajo o en secciones especificas:
Trafico:
- Sesiones
- Usuarios nuevos
- Bounce rate
- Paginas por sesion
Funnel:
- View item rate
- Add to cart rate
- Checkout abandonment rate
Productos:
- Top 10 productos por ingresos
- Top 10 productos por unidades
- Productos sin ventas
Evitar metricas vanidosas
No incluyas metricas que no generan accion:
| Metrica vanidosa | Por que evitar | Mejor alternativa |
|---|---|---|
| Page views totales | No indica valor | Paginas/sesion |
| Seguidores redes | No relacionado a ventas | Trafico desde social |
| "Likes" en productos | No predice compra | Add-to-cart rate |
Paso 3: Disenar el layout
Principio de jerarquia visual
La informacion mas importante va primero (arriba-izquierda):
┌─────────────────────────────────────────────────────────────────┐
│ FILTROS DE FECHA Y SEGMENTOS │
├─────────────────────────────────────────────────────────────────┤
│ │
│ ┌───────┐ ┌───────┐ ┌───────┐ ┌───────┐ │
│ │Ingresos│ │Pedidos│ │ AOV │ │Conv %│ │
│ │$125K │ │ 2,847 │ │ $43.98│ │ 2.4% │ │
│ │+12% │ │ +8% │ │ +3% │ │ -0.2%│ │
│ └───────┘ └───────┘ └───────┘ └───────┘ │
│ SCORECARDS / KPIs │
├─────────────────────────────────────────────────────────────────┤
│ │
│ ┌─────────────────────────────────────────────────┐ │
│ │ │ │
│ │ GRAFICA DE INGRESOS EN EL TIEMPO │ │
│ │ │ │
│ └─────────────────────────────────────────────────┘ │
│ TENDENCIA │
├─────────────────────────────────────────────────────────────────┤
│ │
│ ┌───────────────────┐ ┌───────────────────┐ │
│ │ Trafico por Canal │ │ Top Productos │ │
│ │ │ │ │ │
│ └───────────────────┘ └───────────────────┘ │
│ DETALLES │
└─────────────────────────────────────────────────────────────────┘
Zonas del dashboard
Zona de control (superior):
- Filtros de fecha
- Selectores de segmento (pais, dispositivo)
- Logo/titulo del dashboard
Zona de KPIs (scorecards):
- 4-6 metricas principales
- Comparacion con periodo anterior
- Indicadores visuales (flechas, colores)
Zona de tendencias:
- Grafica de linea de ingresos
- Posiblemente con comparacion
Zona de detalles:
- Tablas de productos
- Desglose por canal
- Funnel de conversion
Tamano de pagina recomendado
Para Looker Studio:
- Ancho: 1200-1600 px (optimizado para pantalla)
- Alto: Depende del contenido, pero evita scroll excesivo
Tip: Piensa en como se vera en la pantalla del usuario final. Si tu CEO usa laptop de 13", asegurate de que los KPIs principales sean visibles sin scroll.
Paso 4: Definir interactividad
Filtros esenciales
| Filtro | Uso |
|---|---|
| Rango de fechas | Comparar periodos |
| Pais/Region | Analisis geografico |
| Dispositivo | Identificar problemas UX |
| Fuente/Medio | Evaluar canales |
| Categoria producto | Drill-down por vertical |
Drill-down y navegacion
Planea como el usuario explorara los datos:
Dashboard Principal
│
├──► Pagina de Trafico (detalle por canal)
│
├──► Pagina de Productos (detalle por producto)
│
└──► Pagina de Conversion (funnel detallado)
Elementos interactivos
- Graficas clickeables: Clic en un canal filtra todo el dashboard
- Tablas con ordenamiento: Ordenar por cualquier columna
- Tooltips: Informacion adicional al pasar el mouse
Paso 5: Documentar el plan
Template de especificacion de dashboard
Antes de construir, documenta:
ESPECIFICACION DE DASHBOARD: E-commerce Performance
OBJETIVO:
Monitorear el rendimiento diario de ventas y identificar
oportunidades de optimizacion.
AUDIENCIA:
- Primaria: Gerente de E-commerce (uso diario)
- Secundaria: Director Comercial (revision semanal)
FUENTES DE DATOS:
- Google Analytics 4 (GA4)
- [Opcional] Google Ads, CRM, etc.
PAGINAS:
1. Overview (KPIs principales + tendencia)
2. Trafico (fuentes, canales, campanas)
3. Productos (rendimiento por producto)
4. Conversion (funnel detallado)
KPIs POR PAGINA:
Pagina 1 - Overview:
- Ingresos totales [Scorecard]
- Transacciones [Scorecard]
- AOV [Scorecard]
- Tasa de conversion [Scorecard]
- Ingresos por dia [Linea temporal]
- Top 5 productos [Tabla]
- Trafico por canal [Pie/Barras]
[Continuar para otras paginas...]
FILTROS GLOBALES:
- Rango de fechas (default: ultimos 30 dias)
- Dispositivo
- Pais
FRECUENCIA DE ACTUALIZACION:
- Datos: Tiempo real (GA4 default)
- Envio por email: Lunes 8am (resumen semanal)
RESPONSABLE:
- Creacion: [Nombre]
- Mantenimiento: [Nombre]
- Stakeholder: [Nombre]
Consideraciones de diseno visual
Paleta de colores
Usa colores consistentes:
- Color primario: Para metricas positivas
- Color de alerta: Para metricas negativas o bajas
- Colores de categoria: Para canales o segmentos (consistente en todo el dashboard)
Ejemplo para Tooldata:
- Primario (positivo): #ae4291 (Rosa Tooldata)
- Secundario: #35286b (Morado oscuro)
- Alerta/Negativo: #dc2626 (Rojo)
- Neutro: #6b7280 (Gris)
Tipografia
- Titulos: Grande, bold (ej: 24px)
- KPIs numeros: Extra grande (ej: 36-48px)
- Labels: Regular (ej: 12-14px)
- Notas: Pequeno, gris (ej: 10px)
Espaciado
- Margen entre elementos: 16-24px
- Padding interno de cards: 16px
- No sobrecargar: Dejar espacio en blanco
Errores comunes a evitar
1. Demasiados KPIs
Problema: Dashboard con 20+ metricas, imposible de procesar. Solucion: Maximo 6-8 KPIs principales, resto en paginas secundarias.
2. Sin contexto temporal
Problema: Solo numeros actuales, sin comparacion. Solucion: Siempre incluir % cambio vs periodo anterior.
3. Graficas sin proposito
Problema: Grafica de pie con 15 segmentos ilegible. Solucion: Cada visualizacion debe responder una pregunta especifica.
4. Datos sin accion
Problema: Metricas que nadie puede influenciar. Solucion: Solo incluir metricas que generen acciones.
5. Sin filtros
Problema: Dashboard estatico, no permite exploracion. Solucion: Minimo filtro de fecha y un segmento relevante.
Checklist pre-construccion
Antes de abrir Looker Studio, verifica:
- Audiencia definida y documentada
- KPIs seleccionados y priorizados
- Layout bosquejado (en papel o wireframe)
- Fuentes de datos identificadas
- Filtros planificados
- Frecuencia de uso definida
- Responsable de mantenimiento asignado
Puntos clave de esta leccion
- Planificar antes de construir ahorra tiempo y mejora resultados
- Define tu audiencia para determinar nivel de detalle
- Selecciona KPIs que generen accion, no metricas vanidosas
- Organiza visualmente con jerarquia: KPIs arriba, detalles abajo
- Documenta tu especificacion antes de construir
- Incluye siempre contexto temporal (comparacion con periodo anterior)
Proxima leccion
Ahora que tenemos el plan, en la siguiente leccion construiremos el dashboard paso a paso en Looker Studio, conectando GA4 y creando cada elemento visual.
Quiz de autoevaluacion
1. Cual es el primer paso antes de seleccionar KPIs para un dashboard?
- a) Elegir la herramienta de visualizacion
- b) Definir la audiencia y sus necesidades
- c) Conectar las fuentes de datos
- d) Disenar el layout visual
2. Cual de estas NO es una metrica vanidosa para ecommerce?
- a) Page views totales
- b) Seguidores en redes sociales
- c) Tasa de conversion
- d) Likes en productos
3. Segun la jerarquia visual, donde deben ir los KPIs principales?
- a) Al final del dashboard
- b) En una pagina separada
- c) En la parte superior, visible sin scroll
- d) En el footer
4. Por que es importante incluir comparacion con periodo anterior en los KPIs?
- a) Para ocupar mas espacio en el dashboard
- b) Para dar contexto y entender si la metrica mejora o empeora
- c) Es un requisito tecnico de Looker Studio
- d) Para impresionar a los stakeholders
5. Cuantos KPIs principales recomienda mostrar en la vista principal?
- a) 1-2
- b) 4-8
- c) 15-20
- d) Todos los disponibles
Respuestas: 1-b, 2-c, 3-c, 4-b, 5-b
¿Completaste esta lección?
Marca esta lección como completada. Tu progreso se guardará en tu navegador.