EL PRODUCTO
Design Mentor es un sitio que recopila los mejores tutoriales en diseño. El usuario común tiene entre 19 y 50 años. El objetivo es cubrir la expectativa de un aprendizaje rápido y sencillo a través de tutoriales.
DURACIÓN DEL PROYECTO
Enero-2023 Febrero-2023
DESCRIPCIÓN DEL PROYECTO
El problema
Existen sitios web con tutoriales que no se especializan en alguna área, están desordenados e incluso pueden generar estrés en una navegación infeficiente.
El objetivo
Diseñe un sitio web que concentre solo tutoriales de diseño, en una navegación clara y fácil de usar.
DESCRIPCIÓN DEL PROYECTO
Mi rol
Diseñador UX que lidera el diseño del sitio web Design Mentor.
Responsabilidades
Realización de entrevistas, esquemas en papel y digital, creación de prototipos de baja y alta fidelidad, realización de estudios de usabilidad, contabilidad de la accesibilidad, iteración de diseños y diseño receptivo.
INVESTIGACIÓN DE USUARIO
Resumen
Realice varias entrevistas y las convertí en mapas de empatía, para comprender mejor al usuario objetivo y sus necesidades. Entendí que el mundo del diseño cambia constantemente, ya que va de la mano de la tecnología, por ello los usuarios requieren aprender o reforzar habilidades en su profesión, pero la falta de tiempo y la inmesidad de sitios web con tutoriales no especializados en diseño hace que la búsqueda sea confusa, tediosa e incluso no se concrete la búsqueda.
PUNTOS DÉBILES
1
Navegación
Los sitios web de tutoriales están llenos de información que resulta difícil la búsqueda, lo que genera confusión al seleccionar el adecuado.
2
Interacción
Los sitios web de tutoriales, carecen funciones como: filtros específicos, categorías o secciones. Haciendo que el usuario se sienta frustrado en la selección.
3
Experiencia
Los sitios web de tutoriales no brindan una navegación grata.
PERSONA : LUCY
Planteamiento del problema
Lucy es una madre soltera y empleada con poco tiempo libre, necesita un sitio web con búsqueda intuitiva con filtros por categorías de tutoriales de diseño, para fortalecer su conocimiento y subir de puesto.
MAPA DE RECORRIDO
Realice un mapa de recorrido de la experiencia de Lucy usando el sitio web para identificar los puntos débiles y oportunidades de mejora.
MAPA DEL SITIO
Realicé un mapa de recorrido de la experiencia del usuario Lucy para usar el sitio. La dificultad de navegación y búsqueda era un punto principal a tomar en cuenta, así que use ese conocimiento para crear el mapa del sitio.
Mi objetivo a partir de aquí era tomar estrategias de arquitectura que mejorara la navegación de una manera fácil e intuitiva.
ESQUEMA DE PAPEL
Dibujé esquemas de papel de cada pantalla de mi sitio web, teniendo en cuenta de los puntos débiles del usuario sobre la navegación y exploración.
En el esquema de papel la pantalla de inicio presenta la opción de búsqueda, así como un menú por secciones centrándose en la necesidad del usuario.
ESQUEMA DE PAPEL VARIACIÓN DE TAMAÑO
Debido a que los clientes de l sitio web Design Mentor, ingresan desde varios dispositivos, comencé a trabajar en los diseños para tamaños de pantalla adicionales para asegurarme su correcta ejecución.
ESQUEMAS DIGITALES
Pasar los esquemas de papel a digitales, me hizo re considerar la ubicación de los elementos de manera que sea una mejor experiencia del usuario, considerando en todo momento el flujo de navegación esperado.
PROTOTIPO DE BAJA FIDELIDAD
Para crear un prototipo de baja fidelidad, conecté todas las pantallas involucradas en el flujo de un usuario principal para la búsqueda de un tutorial y la selección del mismo.
En este punto había recibido comentarios sobre mis diseños de miembros del equipo sobre las ubicaciones de los botones y la organización de la página. Me concentré en las sugerencias para abordar los puntos débiles de los usuarios.
ESTUDIO DE USABILIDAD
5 Participantes
Estudio: No moderado
Tiempo : 20-30 minutos
Remoto , Edo Méx.
Hallazgos
MOCKUPS
Según los conocimientos del estudio se usabilidad, agregué la pantalla de inicio para no confundir a los usuarios con las funciones principales del sitio, al diferenciar el inicio con una portada el flujo es más intuitivo
Con los comentarios recibidos del estudio de usabilidad, agregue el ícono de regresar en cada pantalla, para que el usuario pudiera retroceder y avanzar en red a través de un flujo sencillo.
PROTOTIPO DE ALTA FIDELIDAD
Mi prototipo de alta fidelidad siguió el mismo flujo de usuarios que el prototipo de baja fidelidad e incluyó los cambios de diseño realizados después del estudio de usabilidad, así como varios cambios sugeridos por miembros de mi equipo.
SIGUIENTES PASOS:
Realizar un estudio de usabilidad, e identificar las necesidades y características necesarias de navegación que hagan falta para cubrir la necesidad del usuario.