← Todos los casos

GobiernoElecciones 2024

Página Alterna

3 min de lectura

Una página ligera con la información clave de cada etapa electoral, rápida en los picos de demanda.

El problema
La página alterna del INE tenía que aguantar los picos de demanda de las elecciones 2024.
Lo que hice
La rediseñé: analicé 4 procesos anteriores, prototipé y probé con usuarios.
El resultado
3.7 millones de usuarios del 25 de mayo al 10 de junio de 2024, según el INE.
Portada de la Página Alterna del INE: tres pantallas móviles con la cuenta regresiva, las cifras y los cargos por elegir
  • 3,693,000usuarios, según el INE
  • 25.4 millonesde interacciones, según el INE
  • 4procesos anteriores analizados
Entregables
Análisis en Google Analytics, benchmark, wireframes, prototipos y diagramas de flujo en Figma.

De genérica y saturada a modular y con datos reales

Analicé cuatro procesos anteriores para diseñar la página alterna de 2024:

  • 2018
  • 2021
  • Consulta Popular
  • Revocación de Mandato
  • Elecciones 2024

La ubicación de casillas, las candidaturas y el estado de la credencial se quedaron siempre visibles.

Antes de la elección: cuenta regresiva
El día de la votación

Una página que aguante los picos de demanda

La página alterna se activa en los periodos electorales. Mi tarea fue rediseñarla para las elecciones de 2024 y que fuera funcional, accesible y rápida, y que la gente encontrara la información de forma eficiente. Seguí Design Thinking en cinco fases: empatizar, definir, idear, prototipar y testear.

Cuatro procesos anteriores mostraron qué mirar

Analicé con Google Analytics las páginas alternas anteriores (2018 y 2021) y otros procesos como la Consulta Popular y la Revocación de Mandato. Miré cuáles eran las páginas más visitadas y los tiempos de carga.

Había que reemplazar el contenido genérico por información real.

El hallazgo principal

Tres prioridades: información crítica, velocidad e interacción

  • Hacer más accesible la información crítica: ubicación de casillas, estado de la credencial, candidaturas y PREP.
  • Reducir la saturación de contenido para ganar velocidad.
  • Aumentar la interacción con un diseño intuitivo y llamados a la acción claros.

Una interfaz que cambia con la etapa electoral

  • Una interfaz modular que cambia según la etapa electoral.
  • Botones con llamados a la acción claros y directos.
  • Iconos y globos de ayuda para explicar términos técnicos.

Casillas y candidaturas siempre a la vista

Hice wireframes, prototipos y diagramas de flujo. La información sobre casillas y candidaturas quedó siempre visible, reemplacé el texto genérico por datos reales y armé una jerarquía clara con tipografía diferenciada.

Ajustes a partir de lo que vi con usuarios

Probé el prototipo con usuarios y ajusté la interfaz a partir de lo que vi.

3.7 millones de usuarios en 17 días

La página alterna estuvo disponible del 25 de mayo al 10 de junio de 2024, con la Jornada Electoral el 2 de junio. Estas son las métricas de uso real que documenta el INE:

  1. 25 de mayola página alterna está disponible
  2. 2 de junioJornada Electoral
  3. 10 de juniofin del periodo

Uso de la página alterna (datos del INE)

Las barras son proporcionales entre sí.

Eventos durante la Jornada Electoral

  • Durante la Jornada Electoral (13,508,492 eventos)
  • El resto del periodo (11,856,926 eventos)

El INE documenta los eventos; el porcentaje es cálculo propio: 13,508,492 de 25,365,418.

A partir de esos datos calculé dos promedios por usuario. Son cálculo propio, no cifra oficial:

  • 6.87interacciones por usuario
  • 2.29vistas por usuario

Los archivos de diseño, para explorarlos

Benchmark y wireframes de la página alterna.

Página Alterna INE: benchmark (Figma) · Abrir en Figma
Página Alterna INE: wireframes (Figma) · Abrir en Figma

¿Hablamos? Busco retos de Product Design en banca, fintech, B2B y SaaS.