Diseño UX para un sitio web responsivo
For the English version, click here.
Durante mis cursos de Grow with Google de diseño UX/UI, trabajé en un proyecto súper interesante que me dió la oportunidad para diseñar un flujo para realizar un cuestionario para un servicio de tutoría en línea. Profundicé en el proceso de design thinking, siguiendo las mejores prácticas establecidas en Google. Esta metodología integral me guió a través de una serie de pasos cruciales:
Puede encontrar mi proceso de pensamiento a continuación, junto con todo lo que creé durante el curso.
Empatizar
Comencé analizando a las personas que podrían necesitar tutoría, tratando de comprender sus necesidades, aspiraciones y puntos débiles. A través de personas en profundidad, entrevistas, encuestas y análisis de redes sociales, obtuve información valiosa sobre sus necesidades y experiencias positivas y negativas.
Esto incluirá:
- Personas
- Historias de Usuarios
- Mapas de Recorrido de Usuarios
Definir
Después de lograr entender la base de usuarios, definí el problema en cuestión, articulando los desafíos que enfrentan las personas que podrían necesitar tutoría y cuáles son las mejores posibilidades para ayudarlos.
Esto incluirá:
- Planteamiento del problema
- Propuesta de valor
Idear
Buscando nuevas ideas, trabajé en una sesión de lluvia de ideas, generando varias soluciones potenciales. Exploré diferentes opciones para ayudar a quienes necesitaban tutoría, al mismo tiempo que empatizaba con las necesidades de los usuarios en primer plano.
Esto incluirá:
- Crazy 8s ( ejemplo )
- Flujo de usuario
- Storyboard general
- Storyboard de primer plano
Prototipo
Con algunas ideas prometedoras en mano, pasé a la fase de creación de prototipos, transformando mis conceptos en representaciones tangibles. Creé prototipos de baja fidelidad utilizando papel y bocetos, lo que permitió iteraciones rápidas y comentarios de otros diseñadores que también estaban trabajando en este curso y de usuarios potenciales. También aprendí a utilizar Figma para crear prototipos de baja fidelidad y maquetas.
Esto incluye:
- Mapa de Sitio
- Wireframes
- Maqueta
- Flujo
Prueba
Para validar la efectividad de mis diseños, realicé sesiones de prueba de usuarios no moderadas, observando cómo los fans interactuaban con los prototipos. Reuní valiosos comentarios sobre usabilidad, intuición y satisfacción general, lo que me permitió perfeccionar aún más mis diseños.
A través de este proceso iterativo de pensamiento de diseño, desarrollé con éxito una aplicación de reserva de álbumes en preventa que integró perfectamente las necesidades de los fans de The Dollyrots con su visión artística única, solidificando mi compromiso con los principios de diseño centrados en el usuario.
En esta sección se pueden encontrar:
- Mapa de empatía
- Estudio de usabilidad
- Diagrama de afinidad
Estos no son todos los estudios realizados en este proyecto, faltan el informe competitivo y el informe de usabilidad, entre otros, los cuales estan disponibles bajo petición.