Erika Romera
ViveAlcorcón
ViveAlcorcón es una app municipal híbrida que centraliza servicios, trámites y participación ciudadana. Un proyecto de máster donde la accesibilidad no fue un añadido — fue la restricción de diseño desde el primer componente.
ROL
Product designer
Tipo
TFM — Máster UX/UI
Herramientas
Figma · UXtweak · WCAG 2.1
EL PROBLEMA
Una ciudad sin canal digital que funcionase.
Alcorcón tiene 171.772 habitantes. Su web municipal, adaptada a móvil, era un laberinto de información sin jerarquía, sin personalización y sin funcionalidades nativas: sin notificaciones, sin geolocalización, sin cámara. Los ciudadanos — especialmente los mayores, el perfil con más trámites — tenían que navegar entre múltiples canales desconectados para gestiones básicas. Y la web no estaba diseñada para ellos.
01
Estructura confusa
Navegación sin jerarquía, información fragmentada.
02
Sin personalización
Misma experiencia para todos los perfiles.
03
Barrera digital para mayores
El perfil con más necesidades, el peor atendido.
EL PROCESO
Entender antes que diseñar.
Design Thinking como marco completo, no como decoración metodológica. Lo que descubrí en las entrevistas cambió lo que pregunté en el card sorting.
01
Benchmarkig
8 apps municipales, España e internacionales, 10 criterios. DubaiNow como referente inesperado.
02
Entrevistas
6 vecinos de 20 a 70 años, distintos niveles digitales. Solo ciudadanos — sin stakeholders del Ayuntamiento.
03
Card Sorting
10 participantes, 20 tarjetas de servicios reales en UXtweak. Resultado: 8 categorías definitivas.
04
Diseño + Testing
50+ pantallas, design system con WCAG 2.1 AA. Testing con 5 usuarios, 3 iteraciones implementadas.
DECISIONES CLAVE
Diseñar para los mayores como estándar.
"Si funciona para alguien de 75 años con nivel digital básico, funciona para todos."
.png)
Navegación por áreas, no por departamentos
El Ayuntamiento organiza por departamento interno. Los ciudadanos piensan en tareas. El card sorting lo confirmó: reorganicé todo desde el modelo mental del usuario.
01
Design system como restricción de accesibilidad
El sistema de diseño no era opcional — era la única forma de mantener coherencia y cumplimiento en todo el producto.
02
Core Loop como propuesta de fase 2
Diseñé un sistema de gamificación con 4 roles (Explorador, Guardián, Deportista, Cultureta). Integrado en el perfil, concebido para después del MVP.
03
TESTING
Lo que salió mal — y cómo se arregló.
Dos usuarios no pudieron obtener el certificado de empadronamiento. No porque el diseño fuera confuso — sino porque no tenían certificado digital y la app no les decía cómo conseguirlo. Ese es el tipo de error que solo aparece cuando hay alguien real usando el producto.
Crítico
Tarea 2 — Certificado de empadronamiento. Solución: aviso destacado con enlace directo para obtener certificado digital o Cl@ve.
Mejora
Usuarios mayores no entendían la navegación por gestos entre habilidades. Solución: flechas visibles en cada tarjeta.
Mejora
Bajo contraste en indicadores de paso en flujos largos. Solución: rediseño con mayor contraste y coherencia visual.
05
Participantes con diferentes perfiles
4/5
Satisfacción en tareas 1, 3, 4 y 5
03
Iteraciones implementadas
LA INTERFAZ
ALCANCE DEL ENCARGO
Qué se entregó y qué no.
Proyecto de máster — prototipo funcional en Figma, no implementado en producción. Los datos son del proceso de diseño y testing, no de uso real.
Incluido en el proyecto
-
Prototipo en Figma navegable
-
Design System
-
Cumplimiento WCAG 2.1 AA documentado
-
6 entrevistas + card sorting con 10 participantes
-
Testing con 5 usuarios (4/5 tareas con éxito)
Fuera del proyecto
-
Desarrollo
-
Datos de conversión real
LO QUE APRENDÍ
Diseñar para todos, de verdad.
La accesibilidad real empieza en el research
El testing con personas mayores reveló problemas de flujo que ninguna auditoría técnica hubiera encontrado.
El card sorting fue determinante
Algunos servicios parecían obvios de clasificar, pero no había consenso entre usuarios. Esos son los que requieren más reflexión.
El testing con think-aloud fue clave
Escuchar a los usuarios narrar su proceso reveló problemas que los datos solos no hubieran mostrado.