Role & Responsibilities
Role & Responsibilities
-
Solo student project for Google UX Design course
Project Duration
-
March 2022 - April 2022 (One Month)
Project Overview
learner is an e-learning platform that offers coding courses at affordable pricing options. Learners’ target users are college students and early career professionals who want to learn coding, but due to lack of time are not able to join any institute.
Problem
Busy workers and students want to learn coding, but due to lack of time are not able to join any institute.
Goal
Design a website that allows users to learn coding easily at any time and anywhere.
Understanding the Users
My goal was to build a product from real user problems rather than come up with a concept from a preconceived idea. So first of all I had to understand;
-
Who are our primary users?
-
What kind of goals do they have?
-
What are their frustrations and pain points?
-
What do they really want?
-
What do they really need?
And for that, I dived into an intensive 2-week research spirit and conduct
User Interview
I interviewed 10 people, ranging from people who have no experience in using paid learning platforms to frequent users. which I then turned into empathy maps to better understand the target user and their need.
Market Reviews
For market review, I used trustpoint.com from where I collected various genuine reviews of the top 5 online learning platforms. To get into the minds of the user and consider their problems when using the website, and what they enjoy.
Competitive Analysis
Before designing a website it's important to research solutions that already exist. This will help strategically create a superior experience that allows the website to stand out from the rest. I did a deep analysis of functional competitors and extracted important features.
Analysis
I synthesized the collected data from the Interviews and Market Review into an affinity map to help form insights and brainstorm design ideas to solve higher-order problems.
Insights
Time was not the only factor that limiting users from learning coding
Based on the affinity map, I generated the following insights by grouping similar notes under similar headings and I found that time was not the only factor, there were other user pain points that limit users from learning to code.
User Persona
Based on our insights and observations from the research methods, I created two personas that captured the essence of our users and their characteristics, needs, and frustrations.
Main User Flow
Before designing a website it's important to create a user flow because it helped us to understand the user context and gave us a clear picture of the steps the user goes through when interacting with the website. My goal was to create an intuitive user flow to make it easier for the user to enroll in the course.
Sitemap
After completing the user journey map and user flow I had a better understanding of the basic structure and functionality of the website. My goal here was to make strategic information architecture that would improve overall website navigation.
Starting Design
wireframes
Given our research findings, I did a quick ideation exercise to come up with ideas for how to solve the user's problem and how to address gaps identified in the competitive audit. Then I sketched out paper wireframes for each screen of my application, keeping the user's pain points in mind.
Then I turned the paper wireframe into digital wireframes and created the initial designs for the Learner Website. These designs focus on delivering a simple user interface so that users can easily access all the necessary features without any hustle.
Then I turned the paper wireframe into digital wireframes and created the initial designs for the Saviour App. These designs focus on delivering a simple user interface so that users can easily access all the necessary features without any hustle.
Usability testing
To prepare for testing, I created a low-fidelity prototype then I used this prototype to conduct an
remote un-moderated task-based usability study with 10 participants. This was followed by a qualitative survey that asked participants to describe their thought processes while performing the tasks.
After the test, I gathered a mostly positive response to the prototype. Participants were able to perform the benchmark tasks easily, and the survey allowed me to obtain qualitative data about users' thoughts while using the website. Here are a few highlights from the results:
Final Product
Finally, they’re done. After few iterations were made based on usability studies and peer review.
Timestamp & Screenshot
In-build timestamp and screenshot feature will help users to create digital notes.
So next time they don't have to find a pen and paper to take down notes.
Transcript to Note
Transcript to note feature allow users to turn any transcript to note for future reference.
Reminder
In-build Reminder helps users to remind their class either by mail or by SMS.
So next time they will not forget to take their class.
Screen Reader
"Read smarter, not harder." In-build screen reader helps users to read text-heavy notes.
connections & networking
The community page helps users to set up groups,
add mentors and refer to each other for education and career advice.
Progress Tracker
Progress tracker helps users to track their progress.
More Screen
Screen Variation
I included considerations for additional screen sizes in my mockups based on my earlier wireframes. Because users learn from a variety of devices, I felt it was important to optimize the browsing experience for a range of device sizes, such as mobile and tablet so users have the smoothest experience possible.
Screen size variations
Desktop Version
Tablet Version
Mobile Version
Prototype
Conclusion + Lessons Learned
Throughout multiple User Testings, trial and error, feedback, and peer-to-peer sessions. At the end of the project, I’m super happy because I’m able to accomplish my goal.
What I learned
I learned that even a small design change can have a huge impact on the user experience. The most important takeaway for me is to always focus on the real needs of the user when coming up with design ideas and solutions.
What's Next?
If I had more time, I would have loved to conduct in-depth usability studies and test the prototype in the field/real world scenario. This would have helped me to identify some of the feasibility factors such as the usability of the interface in terms of accessibility, information architecture, and our solution's impact on helping improve the online coding learning experience.
Thank you for reviewing my work on the Learner Website
