UX Design for a responsive website
Para la versión en español, de click aquí.
During my UX/UI Design Google Coursera Courses, I worked on a super interesting project to design a flow to take a quiz for an online tutoring service. I delved into the design thinking process, following the established best practices at Google. This comprehensive methodology guided me through a series of crucial steps:
You can find my thinking process below, along with everything I created during the course.
Empathize
I began by immersing myself in people who might need tutoring, seeking to understand their needs, aspirations, and pain points. Through in-depth personas, interviews, surveys, and social media analysis, I gained valuable insights into their needs, positive and negative experiences.
This will include:
- Personas
- User Stories
- User Journeys.
Define
Armed with a deep understanding of the user base, I defined the problem at hand, articulating the challenges faced by people who might need tutoring and what are the best possibilities to help them.
This will include:
- Problem statement
- Value proposition.
Ideate
With creativity, I worked on a brainstorming session, generating several potential solutions. I explored different options to help those in need of tutoring, all while empathizing with user’s needs at the forefront.
This will include:
- Crazy 8s example
- User Flow
- Big-picture Storyboard
- User Interaction Storyboard
Prototype
With a few promising ideas in hand, I transitioned into the prototyping phase, transforming my concepts into tangible representations. I crafted low-fidelity prototypes using paper and sketches, allowing for rapid iterations and feedback from fellow designers who were also working on this course and potential users. I also learned how to use Figma to create low-fidelity prototypes.
This will include:
- Sitemap
- Wireframes
- Mockups
- Flow
Test
To validate the effectiveness of my designs, I conducted unmoderated user testing sessions, observing how fans interacted with the prototypes. I gathered valuable feedback on usability, intuitiveness, and overall satisfaction, enabling me to refine my designs further.
Through this iterative design thinking process, I successfully designed a flow to take a quiz for an online tutoring service, solidifying my commitment to user-centered design principles.
In this section you will find:
- Empathy Map
- Usability Study
- Affinity Diagram
These are, by no means, all the studies done, the competitive report and the usability report, among others are missing from this project, available upon request.