Iken App - UX Project

Client Brief

Online education gained momentum during the pandemic and has since become a constant for many students and teachers. While schools may have started offline teaching, students still take up extra classes online to gain a competitive edge.

For effective online education, the software or app that facilitates the education needs to be robust and easy enough to be used by the school children. If the software/app is too complex, then neither the students nor the teacher will be able to use it effectively.

Hence, when Mexus Education decided to create an online education application, they approached Yellow Slice to design the UI and UX of their app.

About iKen

iKen is an online education platform created by Mexus Education to promote learning through entertainment. It offers learning packages based on subjects and allows students, teachers, and parents to collaborate for the all-around development of the children.

The app connects subject teachers with students who want to learn to promote better learning experiences from subject experts and the progress of each child is communicated to their parents.

Problem Statement

Mexus Education wanted us to design an app that motivates students while providing support, reporting, and clear communication among parents, teachers, and students. They planned on achieving this through:

• Rewards and emotions
• Theatrical presentation
• Updated curriculum
• New teaching mediums
• Tips and tricks
• Visualization and statistics
• Uninterrupted communication

We needed to keep in mind, all these points while designing the application.

Designing the Solution

We understood that kids and teenagers made up a significant part of the users of this app. Hence, the designs we create had to be bright, engaging, and encouraging enough to keep the students interested.

That said, parents and teachers also made up a good part of the app’s user group. Based on this understanding, we create the user personas to comprehend their aims and expectations from the app.

The three different user groups of the app needed different features of the app to do their work efficiently. Hence the elements and task flow for all three would be different. We segregated our design process into three groups to focus on each user group separately.

Work Flows

To ensure that the user experience is as smooth and intuitive as possible, we paid attention to the workflow designs. Different workflows were created for students, teachers, and schools.

For Students

For Teachers

For Schools

Wireframes

Wireframes were created based on the task flow and different dashboards for teachers, students, and schools.

For Students

For Teachers

For Schools

With the wireframes in place, we moved on to create the UI elements that we were going to use in the application.

Visual Design and Subject Icons

For Students

For Teachers & Schools

UI Screens

No. of Screens:

For Students

For Teachers

For Schools

Animations

For Students

https://www.yellowslice.in/project/mexus/img/Animation/student/onboaring.mp4

https://www.yellowslice.in/project/mexus/img/Animation/student/chat.mp4

https://www.yellowslice.in/project/mexus/img/Animation/student/chat-request-toast.mp4

https://www.yellowslice.in/project/mexus/img/Animation/student/tab-scroll-scrub.mp4

https://www.yellowslice.in/project/mexus/img/Animation/student/white-bg-transition.mp4

For Teachers

https://www.yellowslice.in/project/mexus/img/Animation/teacher-parents/parents-onboarding.mp4

https://www.yellowslice.in/project/mexus/img/Animation/teacher-parents/teachers-onboarding.mp4

https://www.yellowslice.in/project/mexus/img/Animation/teacher-parents/mexus_attendance.mp4

https://www.yellowslice.in/project/mexus/img/Animation/teacher-parents/to-do.mp4

Results

The users loved the app and found it easy to use. The app’s intuitive user interface makes it easy to navigate through the app regardless of whether the user is a student, parent, or teacher.

Here’s a review one of the users posted about the user interface update.

“It's a very good application for the easy mode of communication between the parents students and teachers. Easy to use Easy to handle Way normal graphics Updates have made fonts and designs more cool than earlier” – Raj Aryan Sharma

Create such success stories with the help of UI/UX design solutions from Yellow Slice. Connect with us to get a quick consultation on your project. Or if you want to know more about our recent work and new services, follow us on Instagram and Twitter.