Tedeache

Wireframe

Con la arquitectura de información definida, comencé la fase de ideación visual creando wireframes de baja fidelidad. Estos bocetos iniciales me permitieron explorar la distribución de los elementos en pantalla de forma rápida y sin condicionarme por el aspecto visual, poniendo el foco únicamente en la estructura, la navegación y la jerarquía de contenidos antes de avanzar al prototipo de alta fidelidad.

Interfaz de usuario

Con los wireframes validados, avancé hacia el diseño de la interfaz de usuario. En esta fase definí el sistema visual de Tedeache: paleta de colores, tipografía, iconografía, componentes y patrones de interacción. El objetivo fue crear una interfaz accesible, visualmente coherente y adaptada a las necesidades cognitivas de personas con TDAH, priorizando la claridad, la simplicidad y la reducción de la sobrecarga visual en cada pantalla.