UX/UI · Diseño InclusivoInclusive Design · Design Thinking

Elca App

Una aplicación móvil inclusiva orientada a facilitar el desplazamiento de personas neurodivergentes (TDAH y Autismo) en estaciones y aeropuertos complejos.An inclusive mobile app designed to facilitate the movement of neurodivergent individuals (ADHD and Autism) in complex stations and airports.

Mi RolMy Role

Diseñador UX/UI · Proceso Design ThinkingUX/UI Designer · Design Thinking Process

Público ClaveKey Audience

Personas NeurodivergentesNeurodivergent People

DuraciónDuration

4 Meses4 Months

MetodologíaMethodology

Empatía & Validación DirectaEmpathy & Direct Validation

Flujo completo de pantallasComplete Screen Flow

Paso 01Step 01

Inicio / ViajeHome / Trip

Paso 02Step 02

Smart Checklist

Paso 03Step 03

Guía de TránsitoTransit Guide

Paso 04Step 04

Botón de CalmaCalm Button

Paso 05Step 05

Billetes / EmbarqueTickets / Boarding

Paso 06Step 06

Asistente IAAI Assistant

← Desliza horizontalmente para navegar el flujo completo →← Swipe horizontally to navigate the complete flow →

El DesafíoThe Challenge

Navegar sin ansiedadNavigating without anxiety

Los aeropuertos y estaciones son entornos de alta densidad de estímulos. Para personas neurodivergentes (autismo y TDAH), esto genera ansiedad, bloqueos y pérdida de orientación. Las apps actuales ofrecen datos en masa genéricos sin tener en cuenta las necesidades cognitivas específicas de estos usuarios. Airports and stations are sensory-heavy environments. For neurodivergent individuals (autism and ADHD), this generates anxiety, sensory overload, and loss of direction. Current apps offer generic mass data without considering their specific cognitive needs.

ELCA buscó diseñar una herramienta de navegación asistida que simplifique el flujo de trayectos y garantice autonomía sin sobrecargar la capacidad cognitiva. ELCA sought to design an assisted navigation tool that simplifies the journey flow and guarantees autonomy without overloading cognitive capacity.

MetodologíaMethodology

Design Thinking centrado en empatía realDesign Thinking centered on real empathy

Empatía Directa: Entrevistas con 15 usuarios reales y expertos en neurodivergencia para identificar los detonantes específicos de pánico espacial en entornos de tránsito. Direct Empathy: Interviews with 15 real users and neurodivergence experts to identify specific triggers of spatial panic in transit environments.
Ideación Centrada: Paleta de colores de bajo impacto visual y flujo lineal ultra-simplificado, eliminando mapas 3D saturados y menús complejos. Focused Ideation: Low visual impact color palette and ultra-simplified linear flow, eliminating saturated 3D maps and complex menus.
Prototipado Rápido: Tres pilares de solución: navegación paso a paso, barras temporales de progreso y notificaciones contextuales simplificadas. Rapid Prototyping: Three pillars of solution: step-by-step navigation, visual progress bars, and simplified contextual notifications.

Resultados y ValidaciónResults & Validation

Validado con más de 20 usuarios realesValidated with more than 20 real users

Navegación en 3 pasos3-Step Navigation

Simplificó el flujo completo a "¿Qué tengo que hacer ahora?", eliminando la sobrecarga de información simultánea. Simplified the entire flow to "What do I need to do now?", eliminating simultaneous information overload.

Temporizadores visualesVisual Timers

Redujo la ansiedad por incertidumbre temporal un 70% mediante barras de progreso claras y no invasivas. Reduced time-uncertainty anxiety by 70% using clear, non-invasive progress bars.

Alertas contextualesContextual Alerts

Notificaciones sensoriales tranquilas para cambios de puerta o andén anticipados, sin crear alarma innecesaria. Calming sensory notifications for anticipated gate or platform changes without creating unnecessary alarm.

Prototipos InteractivosInteractive Prototypes

Flujos en vivo — FigmaLive Flows — Figma

Un proceso guiado e intuitivo de tres pasos diseñado para que el usuario añada los detalles de su trayecto sin sobrecarga cognitiva. Cada pantalla muestra una sola acción clara. A guided and intuitive three-step process designed for users to add their journey details without cognitive overload. Each screen displays a single clear action.

El núcleo central de accesibilidad. Un botón de pánico de fácil acceso que activa ejercicios de respiración, sonidos relajantes o conecta con el Asistente IA para orientación inmediata. The core accessibility feature. An easily accessible panic button that activates breathing exercises, soothing sounds, or connects with the AI Assistant for immediate guidance.

Un planificador de tareas simplificado que permite desglosar el viaje en hitos sencillos con casillas de verificación gratificantes, adaptado al ritmo cognitivo del usuario. A simplified task planner that allows breaking down the trip into simple milestones with rewarding checkboxes, adapted to the user's cognitive pace.