UX/UI Case Study
Proyecto eTUTORIAL
Página web responsive en la que los usuarios encontarán
desde tutoriales a cursos completos de los diferentes
programas de diseño, además de cursos de experiencia de
usuario.
Duración del proyecto:
5 semanas
- UX Research
- Information architecture
- User Flow
- Design System
- Wireframes
- Prototype
El problema:
En un mundo donde la educación en línea se ha convertido en una herramienta clave para el desarrollo personal y profesional. A pesar que existe una abundancia de plataformas educativas, no todas logran equilibrar de manera efectiva la calidad del contenido con la usabilidad y la accesibilidad.
La solución
La solución propuesta se centra en diseñar una plataforma de tutoriales intuitiva, accesible y personalizada, que facilite el aprendizaje mediante una interfaz clara, recomendaciones inteligentes, y herramientas interactivas que optimicen la experiencia del usuario y promuevan la finalización exitosa de los cursos.
Objetivo:
El objetivo principal de esta plataforma de tutoriales y cursos es proporcionar una experiencia de aprendizaje en línea que sea intuitiva, accesible y altamente personalizada, permitiendo a los usuarios adquirir nuevas habilidades de manera eficiente y satisfactoria, independientemente de su nivel de conocimiento previo.
Investigación sobre los usuarios: Resumen
Encuestas en línea: Se enviaron a 40 participantes, seleccionados por su interés en diseño gráfico y web.
Entrevistas en profundidad: Se realizaron con 10 participantes seleccionados de las encuestas.
Análisis de datos de uso: Se analizaron las métricas de comportamiento de usuarios en la web actual.
Personas
Sandra Martínez
“Aprender dia a día para ser mejor«
Edad: 27 años
Educación: Diseñoa gráfico
Ciudad natal: Madrid
Familia: Soltera
Ocupación: Diseñadora gráfica
Sandra es una diseñadora gráfica junior, es una apasionada de su
profesión actualmente trabaja en una agencia digital creando contenido
gráfico, su sueño independizarse y empezar a trabajar por su cuenta con
sus propios clientes; para ello hace cursos de los diferentes programas de
diseño para mejorar sus habilidades y poder demostrar a sus futuros
clientes sus competencias.
Motivaciones
- Crecimiento Profesional: Quiere adquirir nuevas habilidades que le permitan diferenciarse en el mercado y ofrecerservicios más especializados.
• Autonomía: Busca la libertad de gestionar su propio tiempo y elegir los proyectos en los que trabaja.
• Seguridad Financiera: Desea construir una base de clientes sólida que le brinde estabilidad económica.
Frustrations
Falta de Recursos: Siente que las herramientas y los recursos que utilizó en
su trabajo anterior son limitados y no cubren todas las áreas de interés.
• Acceso a Información Actualizada: Encuentra difícil mantenerse al día con las últimas tendencias y tecnologías en diseño debido a la falta de recursos
educativos adecuados.
• Miedo a Emprender: Aunque está motivado para convertirse en freelance,
tiene dudas sobre cómo gestionar su propio negocio y asegurar clientes.
Arquitectura de la información
Wireframes Lo-fi
Wireframes Hi-fi
Design system
