
Etomon is a virtual education platform where users can access well online courses to acquire different knowledge and new skills. Additionally, it empowers instructors to provide their unique teaching experience in a large variety of subjects.
Our team divided the entire ecosystem into multiple design tasks for following sprints because of the large project scope and tight timeframe. I took main responsible for 3 of them:
Design and iterate the workflow that helps students find their favorite course and drive them to enrollment in simple a way.
Create the interfaces for students to checkout a course during the payment processing.
Improve the experience for instructor registration, verification and course publication.
I need to learn about the benefits of e-learning and the reason why student opting for online education initiatives instead of traditional methods of learning. Therefore, I created research protocol and questionnaire asking users to talk about their e-learning experience.
With new technologies developments and instructional strategies, the online education continues to remain a steady rising trend both in the number of enrolled students and commercial marketing.
After analyzing, the main target users is aged 18- 35, such as students and technical employees and instructors.
“When I face challenges within studies, I would like to seek help from others.”
Students need to easily find private tutors/teachers in order to help their study.
“I cannot ensure the teaching quality of unacquainted tutors”
Employees need to make sure the quality of teaching in order to launch or advance their career.
“I rely on educational agencies to find students. However, agencies would charge a fee.”
Instructors need to find student sources in order to increase their incomes.
After research and analytics, I informed simple and institutive user journey map from student perspective.
I sketched preliminary wireframes and workflows. Then, I presented my ideas and get critiques from the internal team review.
I illustrated my initial concept for this task to create an appealing homepage & course detail page that helps students find their favorite course and drive them to enroll it in as quick and simple a way as possible.
The initial prototype aims to test visual aspects and usability of my design solution. I created a series of protocol and interview questions, then conducting multiple rounds of user testing.
After user testing, I gained an overall impression of the interface/interaction from users. I analyzed the feedback in order to make necessary changes to my high-fidelity prototype.
“I have to handle multiple actions before searching because too many filter options and they limits the scope of results out of the comfortable range.”
“Course Description is clear but sounds robotic. It is not engaging to read long merged paragraphs. It doesn't help me know how the course addresses my specific needs.”
“Separate the blocks of course description clearly and use more space to distinguish different sections of information.”
“It has low contrast between some interface elements, like course detail cards. It makes these visual compositions hard-to-read.”
“The time conflict error is only indicated by using color on the timetable. There is no actionable feedback to ease the process for a correct entry.”
“Good to have a chat box on the course page because it helps me to get help and clarification about the course whenever needed.”
In order to minimize visibility issues and improve aesthetic & consistency of design, I followed and maintained the established Etomon style guide with comprehensively annotated design specs to create high-fidelity prototype.
After users enrolled, they need to checkout their on-demand course. The platform offers 3 different course types and each with a different checkout process:
Therefore, my second task is to improve simple, secure and worry-free checkout experience.
The idea is to accept a wide range of payment methods, including 3rd-party payment. However, simply adding multiple payment options could complicate the checkout process.
Besides, the price may be affected by factors such as free trials & promotions, making it essential to display payment information clearly.
I sketched the workflow and defined which of the features were more fitting to resolve these problem.
The checkout is one of the most complicated process in the project because the likelihood of errors increases here. For example, when users manually enter card information into form, a typo error might creep in.
I discovered that users were frustrated because of such errors and often abandon enrollment. Therefore, I focused on providing a smooth and error-free checkout experience.
User experience wouldn't end after they've complete checkout process. By contrast, we should give clear instructions to users on the next steps in order to ease their potential concerns.
The use of mobile devices in online courses is widespread. Since a significant number of learners expressed a desire to complete their courses on smartphones or tablets, the responsive design ensures a seamless experience across all platforms.
Etomon is a virtual education platform where empower instructors to provide their unique teaching experience in a large variety of subjects.