Diseño UX/UI
AIEP
AIEP es una de las instituciones de educación superior más importantes de Chile, con más de 50 años de trayectoria y presencia en múltiples sedes a nivel nacional. Su enfoque está en la formación técnica y profesional, con un fuerte vínculo con la industria y el mercado laboral.
Visión General del Proyecto
Título
Refrescamiento Universidad (AIEP) de Chile
Resumen
El rediseño del sitio web de AIEP tenía como objetivo mejorar la experiencia del usuario, facilitando el acceso a información clave para estudiantes, postulantes y docentes. Se buscó optimizar la estructura de navegación, mejorar la usabilidad y renovar la identidad visual digital para ofrecer una experiencia más clara, atractiva y eficiente.
Uno de los aspectos clave de este proyecto fue la incorporación de módulos con accesibilidad, asegurando que personas con discapacidad pudieran navegar el sitio sin barreras. Se implementaron mejoras en contraste y tamaño de fuente, garantizando una lectura más cómoda y una mejor visibilidad para todos los usuarios, además de optimizar la navegación por teclado y la compatibilidad con lectores de pantalla, alineándonos con estándares de accesibilidad digital.
El desafío principal era transformar un sitio web complejo y sobrecargado en una plataforma intuitiva y funcional, alineada con las necesidades de los usuarios y los estándares modernos de diseño UX/UI.
Rol
Participé en todas las etapas del proyecto, desde la investigación hasta la entrega final del diseño, asegurando que cada decisión estuviera basada en datos y buenas prácticas UX.
Mis responsabilidades incluyeron:
- Investigación y análisis: realización de pruebas heurísticas, benchmarks y entrevistas con usuarios clave.
- Estrategia UX: definición de arquetipos y creación de mapas de empatía para entender mejor las necesidades de los usuarios.
- Diseño y validación: desarrollo de wireframes, prototipos de alta fidelidad y test de usabilidad para validar soluciones antes de la implementación.
- Informe QA: revisión post-desarrollo para asegurar la correcta implementación de las soluciones diseñadas.
El equipo estuvo conformado por 5 profesionales en la agencia Reactor: dos diseñadores, dos desarrolladores y una periodista. No participé en la generación de código ni en la integración, ya que mi enfoque estuvo en la estrategia UX y el diseño.
Metodología y Proceso
UX utilizado
1. Mapa de Empatía
Es una técnica empleada para la comprensión profunda de los usuarios y sus necesidades a través de análisis y segmentación en la que todo el equipo participa entrando en la piel del usuario final.
2. Análisis Heurístico
Evaluamos la usabilidad del sitio anterior con la metodología de Nielsen para detectar problemas y oportunidades de mejora. Los principales hallazgos fueron una navegación confusa, sobrecarga de información y una interfaz poco intuitiva.
3. Entrevistas
Entrevistamos a 5 estudiantes de pregrado, 5 de postgrado y 5 docentes para identificar sus principales problemas y expectativas. Recopilamos insights clave sobre su experiencia y los obstáculos que enfrentaban al interactuar con la plataforma.
4. Creación de Arquetipos
Con toda la información recopilada creamos un arquetipo, es la definición de perfiles de usuario basados en datos reales y comportamiento digital.
5. Benchmark
Analizamos los sitios web de otras universidades e institutos de educación superior para identificar mejores prácticas y oportunidades de mejora en comparación con la plataforma de AIEP.
6. Wireframes
Diseñamos wireframes de baja fidelidad para definir la estructura y funcionalidad del sitio antes de pasar a los diseños finales. Se realizaron pruebas internas para validar la usabilidad de cada propuesta.
7. Diseño en Alta Fidelidad
Aplicamos la identidad visual renovada de AIEP en prototipos de alta fidelidad, asegurando un diseño moderno, accesible y alineado con la marca.
8. Informe QA
Antes de la entrega, realizamos una revisión exhaustiva para detectar posibles errores o inconsistencias en la implementación. Se generó un informe QA con recomendaciones para garantizar la calidad del producto final.
Impacto y Mejoras del Sitio Web
Impacto del Proyecto
El nuevo sitio web mejoró significativamente la accesibilidad y usabilidad, facilitando la interacción de estudiantes y docentes con la plataforma. La navegación más intuitiva y el diseño optimizado permitieron una experiencia más fluida y eficiente.
Además, gracias al éxito de este rediseño, AIEP decidió implementar mejoras similares en otras plataformas internas, aplicando los aprendizajes obtenidos en este proyecto.
Aprendizajes Clave
Este proyecto reafirmó la importancia de una investigación profunda con usuarios reales para diseñar soluciones efectivas. También aprendimos que simplificar la navegación y optimizar la arquitectura de la información tiene un impacto directo en la satisfacción del usuario.
La colaboración entre equipos multidisciplinarios fue clave para lograr un resultado exitoso, demostrando que el diseño UX no solo mejora la experiencia digital, sino que también contribuye al posicionamiento y eficiencia de una institución educativa.
Proyectos Relacionados
UNAB
Rol
Diseñador UI/UX
Contribución
Transformación digital para mejorar la experiencia del usuario, con una interfaz clara y accesible.
CMPC
Rol
Diseñador UI/UX
Contribución
Renovación del sitio con una estructura más intuitiva, mejor navegación y un buscador optimizado para certificaciones.