Background
The education industry has changed a lot with more learning moving online. But there's a challenge in combining online and offline learning experiences smoothly. We need a platform that can blend both environments well and make teaching and learning effective.
Scope
Concepting, User Research, UI Design, and Prototyping
Platform
Mobile & Website
Timeline
December 2023 - April 2024
Learning will be more optimal if students can easily access learning materials both in the classroom and outside the classroom online. Hybrid learning becomes a solution to minimize constraints related to distance and time in the learning process.
The concept of omni-learning also supports students to learn with the flipped classroom method where they need to access learning materials before entering the classroom. This method is effective in improving students' understanding during the learning process. Flipped classroom materials will be presented in an online format through an application.
Active User Engagement: The goal is to achieve at least 80% of students and 75% of teachers actively using the platform within 3 months of launch.
Quiz Participation: The target is for 90% of students to participate in each quiz conducted.
Improvement in Academic Performance: The aim is to see at least a 15% increase in the average student scores after using the platform for 6 months.
User Satisfaction: We aim to achieve a user satisfaction score of at least 8/10 in user satisfaction surveys.
To achieve these goals, we go through several steps. I'll outline the process in six parts below, detailing our journey. Each part presented its unique challenges and successes, guiding us towards our final design.
Methodology
We conduct interview sessions with students, parents, teachers, and school administrators. The goal of this research is to gain insights from these users and validate our ideas. We achieve this by presenting the concept we've developed using wireflows, gathering feedback, and making necessary improvements.
Research Finding
From our research, we can draw detailed user personas. Here's a persona we've identified:
Student
Adi
(15 years old)
Adi is a dedicated and active high school student. He wants a way to track his learning progress both online and offline. He also enjoys gamification, which makes the learning process more engaging and competitive.
Teacher
Ms. Sari
(35 years old)
Ms. Sari is a high school Math teacher committed to helping her students succeed. She needs a tool that can assist in planning, tracking, and evaluating her students' learning process.
Parent
Mr. Budi
(45 years old)
Mr. Budi is Adi's parent. He wants to be involved in Adi's learning process and gain a good understanding of how he is doing.
Prioritizing Feature
After discussing feature priorities, we decided to divide the development into different versions.
In the first version, the focus will be on the website due to the available manpower being specialized in web development. Future updates will aim to expand these features to other platforms as well. The website will include features for teachers and parents with the following features:
Teacher
Workshop Future Educator (Live Class, Video Recording, and module)
Teacher Assessment
Student Report
Parent:
Workshop Excellent Parent (Live Class, Video Recording, and module)
Parent Assessment
Children Report
Connect Family
Student
Join Family Member
User Flow
Following this, I created user flows for each type of user. These flows show the steps and interactions each user will have on the platform.
Entry Point
For the entrance, after discussions with the product and engineering teams, we decided that the entry point for all three user groups would be through the existing Skolla website. As a result, we need to make design adjustments to clearly differentiate between the user types and ensure a smooth experience for each.
Sign up & Login Process
Parent and Teacher Page Features
Then, I moved forward by developing user flows for parents and teachers based on the requirement feature needs. The user flows for teachers and parents may appear similar because the available features are not different, but there's a need for additional classification of workshop materials in the Skolla admin to differentiate videos for teachers, parents, and students. Additionally, there's a difference in the appearance of the reports, as parents can only view their child's report, while teachers can view reports for all the students they teach.
Parent User Flow
Teacher User Flow
Integration Flow: Parent-Child and Teacher-Student Accounts
To access student data on parent reports and student data on teacher reports, there needs to be an integration process between parent and child accounts, as well as between teacher and student accounts. For this integration flow, I've outlined the following steps.
Integration of parent and child accounts
Integration of teacher and student accounts
Starting Hi-Fi Mockup
After the flow I created was approved by the product team and the engineering team, I proceeded to design the hi-fi mockup.
Sign Up & Login
Parent, Teacher, and Student bisa daftar dan masuk dengan menggunakan email dan atau akun google. Pengklasifikasi tipe user hanya ada pada tahap registrasi sebelum mengisi form registrasi.
Integrasi akun guru dan siswa
Parent Page
Parents can access the parent community, psychological assessments, workshops, excellent parent videos, and their child's reports. They can view all the learning progress reports of their children who are part of their family members.
Homepage
Live Class
Video and Module
Children Report
Teacher Page
Teachers can access the teacher community, psychological assessments, workshops, future educator videos, and student reports. They can view all the learning progress reports of the students in the classes they teach.
Homepage
Live Class
Video and Module
Student Report
Account Integration
Parent - Child Account
Parents can create a family and add their children to it to view their children's reports.
Create family in parent account
The child joins the family using the family code
Teacher - Students Account
To integrate teacher and student accounts, the school needs to input teacher and student data into the school dashboard, along with information about which classes the teacher teaches and the student groups.
The school inputs teacher and student data into the school dashboard
The school create classes and the member (student and teacher)
The Impact
This project is still under development by the developers. It will be released by mid-July 2024, just before the start of the new academic year.
In the process of working on this project, I've learned three valuable lessons
Effective collaboration
Working efficiently with team members has been crucial in driving the project forward, ensuring that ideas are thoroughly tested and verified before proceeding.
Importance of validating concepts
Importance of validating concepts: I've learned the significance of ensuring that ideas are thoroughly tested and verified before proceeding, which has helped in creating a solid foundation for the project.
Detailed user flow creation
Being meticulous and detailed when creating user flows has been essential in providing comprehensive guidance and ensuring smooth project progress.
These experiences have not only enhanced my technical skills but also enriched my overall professional development, equipping me with valuable tools and strategies for future projects.
More Case Study
Tracking Student Progress and Achievement through the School Dashboard
See Case Study ->
Enhancing UI/UX for an Augmented Reality Learning Game
See Case Study ->
Established Design Systems to Ensure Design Consistency
See Design System ->