E-learning App

Timeline: 4 months

Year: 2023

Role: UX / UI Designer
Arrow right

The Project

I was tasked with re-designing a e-learning app platform used by people to get their high school degree. I want to showcase my design thinking process and the design solutions I arrived at.

user research

Discover and understand users

This section is all about discovering and understanding the user's needs, goals, and pain points. I set myself a few research goals before getting started: 
- Learn as much as possible about my potential users
- Understand current solutions and its main pain points
- Catch frustrations of the users, how they use platform's features and what impact have in their daily routine

Users' feedback

Here’s what some of the users said when asked about studying on this platform.

The e-learning app has great potential, but the usability is quite frustrating. Navigating through the platform feels clunky, and finding the right resources for my high school subjects is a struggle. It definitely needs improvement to enhance the overall learning experience.

As a high school student using this e-learning app, I find the usability to be lacking. The interface is confusing, making it difficult to access my classes and study materials. It's frustrating when I can't easily find what I need. I hope they invest in improving the user experience.

While the e-learning app offers convenience, the usability leaves much to be desired. It's not intuitive, and I often spend more time trying to navigate through the platform than actually focusing on my studies. A smoother user interface would greatly enhance the learning process.

I appreciate the flexibility of the e-learning app, but the usability is disappointing. It's challenging to find specific features, and the layout feels cluttered. Improving the design and streamlining the user experience would make studying for my high school degree less frustrating and more enjoyable.

User persona

Here’s what some of the users said when asked about planning and booking travel abroad.

User persona

Stefania Rossi

17 years old

|

High school student

Stefania Rossi is a 17-year-old high school student. She is currently attending online classes through an e-learning platform that allows her to earn her high school diploma online. Stefania is an ambitious individual who wants to succeed in her studies and achieve her academic goals.

Goal

  1. Succeed in school: Stefania aims to achieve good grades in her school subjects. She wants to demonstrate her competence and achieve her academic goals to open up opportunities for her future.
  2. Manage performance anxiety: Stefania may experience performance anxiety, especially when it comes to exams and important assignments. She wants to learn how to manage stress and anxiety so that she can approach her studies in a more calm and focused manner.
  3. Develop musical skills: Stefania enjoys playing the guitar in her free time and wants to continue developing her musical skills. She wants to find a balance between her studies and her passion for music, so that she can dedicate the right amount of time to both.

Pain Points

  1. Poor usability of the e-learning platform: Stefania finds the current e-learning platform she uses to be poorly designed and difficult to navigate. The user interface is confusing, and it's hard for her to find the resources and materials she needs for her studies.
  2. Lack of interactive features: The current platform lacks interactive features that would enhance the learning experience. Stefania feels disconnected from her teachers and classmates as there are limited opportunities for real-time interaction, collaboration, and discussion.
  3. Limited technical support: Stefania faces challenges in troubleshooting technical issues she encounters while using the platform. There is a lack of readily available technical support, which leaves her feeling frustrated and helpless when she experiences difficulties accessing or using the platform.

UX DESIGN

User flows

Choose Subject: Stefania selects the desired subject from the available options on the e-learning platform.
Attend Online Classes: Stefania attends online classes for the chosen subject, following the scheduled lessons and engaging with the course materials provided.
Book Tutoring Sessions: If needed, Stefania can book tutoring sessions with a tutor to receive additional support and clarification on difficult topics.
Take Assessments: Stefania takes assessments, such as quizzes or exams, to evaluate her understanding of the subject matter. She submits her answers online.
View Assessment Results: Stefania can access the platform to view her assessment results, including scores and feedback from teachers. Practice with Test Answers: To improve her knowledge and skills, Stefania utilizes the platform's test answer section, which provides explanations and solutions to practice questions.
Track Progress: Stefania can track her progress by monitoring her performance in assessments and comparing it to previous results.
Repeat Steps for Other Subjects: Stefania repeats the user flow for other subjects, selecting, attending classes, booking tutoring sessions, taking assessments, and practicing with test answers.

Wireframes

This section demonstrates the designed solution, from low-fidelity wireframes to a high-fidelity prototype. Figma was used as the design tool.

Final design