Lección 15 de 26Filtros e Interactividad

Controles de fecha y dropdowns

Implementa selectores de fecha y filtros desplegables.

15 minutos

Los controles interactivos transforman un reporte estático en una herramienta de análisis dinámica. En esta lección aprenderás a implementar controles de fecha y menús desplegables que permiten a los usuarios explorar los datos según sus necesidades específicas.

Introducción a los Controles Interactivos

Los controles en Looker Studio actúan como filtros que los usuarios pueden manipular directamente en el dashboard. A diferencia de los filtros fijos que defines durante el diseño, los controles empoderan a tu audiencia para personalizar su vista de los datos.

Los tipos principales de controles son:

Tipo de Control Uso Principal Interacción
Rango de fechas Filtrar por período Selección de calendario
Lista desplegable Filtrar por dimensión Selección única o múltiple
Casilla de verificación Incluir/excluir valores Toggle on/off
Control deslizante Filtrar por rango numérico Arrastrar
Entrada de datos Búsqueda libre Texto

Controles de Rango de Fechas

El control de rango de fechas es probablemente el más utilizado en cualquier dashboard. Permite a los usuarios seleccionar el período de tiempo que desean analizar.

Crear un Control de Rango de Fechas

  1. Ve a Insertar > Control de rango de fechas
  2. Dibuja el control en tu lienzo
  3. En el panel de propiedades, configura las opciones

Configuración de la Dimensión de Fecha

Es fundamental que el control apunte a la dimensión de fecha correcta:

Dimensión de fecha: fecha_transaccion

Si tu fuente de datos tiene múltiples campos de fecha (como fecha_creacion, fecha_actualizacion, fecha_cierre), selecciona la que sea más relevante para el análisis.

Rangos de Fecha Predeterminados

Looker Studio ofrece rangos predefinidos que facilitan la selección:

Rango Predefinido Descripción
Hoy Solo el día actual
Ayer Día anterior
Últimos 7 días Semana reciente
Últimos 28 días Aproximadamente un mes
Últimos 30 días Mes calendario aproximado
Este mes Mes actual completo
Mes pasado Mes anterior completo
Este trimestre Trimestre actual
Este año Año calendario actual (YTD)
Año pasado Año anterior completo

Configurar el Rango Predeterminado

Para establecer qué rango verán los usuarios al abrir el reporte:

  1. Selecciona el control de rango de fechas
  2. En el panel derecho, busca Rango de fechas predeterminado
  3. Selecciona una de las opciones:
Rango predeterminado: Últimos 30 días

También puedes definir un rango personalizado fijo:

Rango personalizado:
  Fecha inicio: 2026-01-01
  Fecha fin: 2026-01-28

Formatos de Fecha Personalizados

El formato en que se muestra la fecha es configurable. En el panel de estilo:

Formato de fecha: dd/MM/yyyy

Formatos comunes:

Formato Ejemplo
dd/MM/yyyy 28/01/2026
MM/dd/yyyy 01/28/2026
yyyy-MM-dd 2026-01-28
d MMM yyyy 28 ene 2026
MMMM d, yyyy enero 28, 2026

Control de Fecha Avanzado: Comparación

Puedes habilitar la comparación de períodos directamente en el control:

  1. Selecciona el control
  2. En propiedades, activa Mostrar comparación
  3. Configura el período de comparación:
Comparación: Período anterior

Opciones de comparación disponibles:

  • Período anterior: Mismo número de días antes del rango seleccionado
  • Año anterior: Mismas fechas del año pasado
  • Ninguna: Sin comparación

Controles de Lista Desplegable (Dropdown)

Los dropdowns permiten filtrar por valores específicos de una dimensión, como país, categoría de producto o vendedor.

Crear un Control Desplegable

  1. Ve a Insertar > Control de lista desplegable
  2. Dibuja el control en el lienzo
  3. Selecciona la dimensión a filtrar:
Dimensión de control: pais

Selección Única vs Múltiple

Por defecto, los dropdowns permiten selección única. Para habilitar selección múltiple:

  1. En el panel de propiedades
  2. Marca la casilla Permitir selección múltiple
Permitir selección múltiple: ✓

La diferencia en comportamiento:

Modo Comportamiento Caso de Uso
Selección única Solo un valor activo Análisis enfocado en una región
Selección múltiple Varios valores simultáneos Comparar múltiples categorías

Configurar Valores Predeterminados

Puedes definir qué valores estarán seleccionados al cargar el dashboard:

  1. En propiedades, busca Valores predeterminados
  2. Escribe o selecciona los valores:
Valores predeterminados: México, Colombia, Argentina

Para mostrar todos los datos por defecto (sin filtro):

Valores predeterminados: (Todos)

Ordenar los Valores del Dropdown

Los valores en el dropdown pueden ordenarse:

Ordenar por: Alfabético ascendente

Opciones de ordenamiento:

  • Alfabético (A-Z o Z-A)
  • Por métrica asociada (mayor a menor ventas, por ejemplo)
  • Por fecha
  • Orden personalizado

Filtrar los Valores Disponibles

A veces no quieres mostrar todas las opciones. Puedes filtrar qué valores aparecen en el dropdown:

  1. Agrega un filtro al control
  2. Define la condición:
Filtro del control:
  pais IS NOT NULL
  AND ventas_totales > 0

Esto evita mostrar valores nulos o países sin ventas.

Mejores Prácticas para Controles

Ubicación Estratégica

Coloca los controles donde los usuarios los esperen encontrar:

  • Parte superior del dashboard: Filtros globales que afectan todo el reporte
  • Junto a gráficos específicos: Filtros que solo afectan una sección
  • Barra lateral: Si tienes muchos filtros, agrúpalos verticalmente

Etiquetas Claras

Usa etiquetas descriptivas para cada control:

Etiqueta: Período de análisis
(en lugar de solo "Fecha")

Etiqueta: País de operación
(en lugar de solo "País")

Tamaño Apropiado

Dimensiona los controles según su contenido:

  • Dropdowns con valores largos necesitan más ancho
  • Controles de fecha necesitan espacio para mostrar el rango completo
  • Considera el espacio en dispositivos móviles

Agrupación Visual

Si tienes múltiples controles relacionados, agrúpalos visualmente:

  1. Usa un rectángulo de fondo con color sutil
  2. Agrega un título como "Filtros"
  3. Alinea los controles consistentemente

Ejercicio Práctico

Crea un panel de filtros para un dashboard de e-commerce:

  1. Control de fecha: Últimos 30 días por defecto, con comparación al período anterior
  2. Dropdown de país: Selección múltiple, ordenado por ventas descendente
  3. Dropdown de categoría: Selección única, con "Todas las categorías" como default

Organiza los tres controles en una fila horizontal en la parte superior del dashboard.

Puntos Clave

  • Los controles de fecha permiten a los usuarios definir el período de análisis con rangos predefinidos o personalizados
  • Los rangos predeterminados como "Últimos 30 días" o "YTD" facilitan la selección rápida de períodos comunes
  • Los formatos de fecha son personalizables para adaptarse a las convenciones regionales (dd/MM/yyyy vs MM/dd/yyyy)
  • Los dropdowns filtran por dimensiones como país, categoría o vendedor, con opciones de selección única o múltiple
  • Los valores predeterminados definen el estado inicial del filtro cuando se carga el dashboard
  • La ubicación estratégica de los controles mejora la usabilidad: filtros globales arriba, filtros locales junto a sus gráficos
  • Las etiquetas descriptivas ayudan a los usuarios a entender qué filtra cada control

¿Completaste esta lección?

Marca esta lección como completada. Tu progreso se guardará en tu navegador.