Introduction
Problem
In the current market, there are no virtual classroom apps available for students and teachers to effectively manage their daily tasks. Existing communication apps primarily cater to business and family meetings, lacking the specific features required for educational purposes.
Target
The primary goal of this project is to create a virtual classroom app that addresses the lack of existing solutions for students and teachers to manage their daily tasks. By conducting user research and observing competitor offerings, we aim to design an intuitive user interface with user-friendly features, ensuring an optimal user experience.
Idea
Amidst the sudden changes in the education system during the pandemic, I recognized the need for my new project to address emerging challenges. I took the initiative to gather valuable information from friends and teachers, which served as the fuel to kickstart my project.
User A
Teacher
Questions
Answers
Only repeated answers
-
How do you manage your classes?
-
What problems are you facing in an online class?
-
It is easy to set up an online class?
-
What are all the limitations of online classes?
-
Marking Attendance
-
Allowing Latecomers
-
Difficult to find quality work
-
Assignment Evaluation
User B
Student
Questions
-
Are you missing offline classes?
-
Are you facing any problems in online classes?
-
Mention new features you need.
-
The existing app is fulfilling your needs?
Answers
Only repeated answers
-
Missing fun in an online class
-
Network issues
-
Feel sleepy in an online class
-
Assignment submission
-
Auto record classes , saving all files and videos
Persona
User A
User B
.png)
Pain Points
-
Marking attendance without wasting time
-
Allowing respected students to automatically
-
Easy to setup class
-
Analyzing quality of work
-
Video recording
-
More interesting chat
-
Keep student active
Solutions
-
Easy way of setting class
-
Easy to join class
-
Greate visible attendance marking
-
Plagiarism check to analyze work
-
Every 20 mins trigger a sound to keep student active
-
All recorded videos are saved in the cloud
-
Adding emojis and gifs for entertain chat
-
Assignment remainder
Site Map
Wireframes
I created numerous variations of wireframes for this project. Additionally, I designed working wireframes to gain a better understanding of how users would interact with the interface, allowing me to refine and optimize the overall design.
Design System
Typography
Colors
Spacing
Prototype
Feedback
Use Testing
I shared a prototype of the project with my friends, family members, and high school teachers. The testing phase yielded positive responses and valuable feedback from users, which further motivated me to incorporate the suggested changes and improvements into the project.
Positive Response
-
Great idea of introducing a sidebar
-
80% of students' and teachers' problems are solved
-
The plagiarism feature helps to know how students are learning online
-
A new way of showing the attendance list
-
Auto saving of files & videos
-
The best features in it compare to existing apps
Insights
I filtered down all necessary chanfges to be made in the final design
-
Setting filter option in files, videos and attendance
-
Visibility of icons
-
Maintains white background throughout the project
-
important information as to avilable in homepage
-
Make sure gray or black background in live class screen
-
Hide side bar
Conclusion
This is a cloud-based solution for educational institutes, facilitating seamless knowledge sharing with students online. As more institutes are expected to offer online courses in the future, this app will prove to be immensely helpful in meeting the evolving needs of the education sector.
