Online Learning Website for School

Problem Statement: Students go to school to learn and have a better career in the future, Covid Happened and everyone had to stay home, which led Kids to have online classes. Families want to make sure that their kids get a proper education while they find work. Kids who are home, online studying are finding it hard to keep themselves motivated for school & Teachers also struggle to make sure that their students attend and excel in school.

 

 

Research Reference

Even though this is a practice project I made for my portfolio. I didn’t want to create a UX design without any research, cause as they said “if you're not doing research then you are not doing UX”. I figure out that I may not be able to conduct proper research like I want to, but I can be sure that the articles I referenced are well researched therefore that makes my design decisions have a basis on facts. If I am able to go further, however, I would choose to conduct a contextual interview to observe users in their natural environment and Surveys where I can ask teachers qualitative questions like what online platforms do you use and why? what are the things you implemented for online learning and why? for students, I would ask, why are you in school? what motivates you to learn? & How do you study?

 

Problem Reference:

• Sarah Schwartz (2021). Survey: Teachers and Students Are Struggling With Online Learning Learn More

• Emelina Minero (2020) Distance Learning FAQ: Solving Teachers’ and Students’ Common Problems Learn More

• The Newyork time (2020) Teachers and Students Describe a Remote-Learning Life Learn More

Possible Solution Reference:

• Benedict Carey (2020) What We’re Learning About Online Learning Learn More

• Susanna Loeb (2020) How Effective Is Online Learning? What the Research Does and Doesn’t Tell Us Learn More

• Western Governors University 5 things teachers can do to improve online teaching. Learn More

Defining the problem

I sort out and arrange all the data into 4 categories. Putting all the problems in red, and the solutions the users did to encounter the problem in yellow, side by side.

Tech - Students and teachers are having a hard time Troubleshooting the software they are using, it disrupts learning and wastes time. Students are more likely to finish and do their assignments if they know the software. These are the reason why Teachers schedule live sessions to discuss and go over instructions.

Support - Online Learning Slows Students Progress, They are behind the supposed school curriculum Schedule and It's Harder for them to keep engaged with virtual lessons. They are less motivated and feel like failing. Teachers However say that if they see 2 students having the same question they will put an announcement for everyone to see. Some say They do either a live video or Recordings during lectures and will make sure to have a one-on-one video call to check in students every week

Resources - Some Students live in an area where internet access and Wi-Fi are hard to get or slow. They fear that they won't be able to join or maintain online access to classes and assignments. Some students are experiencing financial hardship and are still expected to turn in all homework & projects on time. Teachers are considering new learning methods like “flipped classroom style” which allows students to first view lectures, then during online, they go over the problems and assignments. They create group projects and have online students meet on google hangouts or zoom to connect and work together.

Structure - Students struggle to create structure away from the classroom and this results in them feeling that online classes have more work than normal classes. The school states that they find students to have support and a schedule, they tend to do better. Teachers do one-on-one live sessions to teach students how to create a schedule and which to prioritize.

 

CUSTOMER JOURNEY MAP (BEFORE MY PRODUCT)

 

EMPATHY MAP

User Persona

  • Olivia - Teacher (Technology Problem)

    Olivia is a 33-year-old teacher. She loves to cook, spend time with friends, and go out on the weekends. She is not a Tech Person and only uses software/ apps that she knows.

    Goals: to make sure all her students pass her subject and can still make time for herself

    Frustrations: She tries to explain a new software to students which she herself is having a hard time understanding.

  • Josh - Teacher (Support Problems)

    Josh is 36-years-old. A math teacher and a father. He has a 1-year and a 3-year-old which he loves playing and taking care of them.

    Goals: Support and help each student to pass his subj so he can spend more time with family.

    Frustrations: His not sure if his students are understanding or doing the task he gave.

  • Emma - Student (Resources Problem)

    Emma is a top student. She’s also a working student & dreams of becoming a doctor and getting into an ivy league college.

    Goals: to pass each subject, get enough time to at least sleep before she goes to work

    Frustrations: Because of covid. she has to stay home. But she doesn’t have the internet at home

  • Isabella - Student (Structure Problem)

    Isabella loves to listen to music and play video games. She wants to do good in school but has trouble understanding the lesson.

    Goals: to finish school work so I can get back playing my games.

    Frustrations: having trouble understanding the structure of the lesson and not sure which task to prioritize

Designing a Solution

Tech Solutions

• Video Call - will allow teachers and students to have a video conference to meet.

• Help Guides - an option that can help them navigate the site. or a chat robot that they can ask for help.

Support Solutions

• Messenger - just like how any online chat / Messenger works.

• Video Recording - Teachers can record videos and their screens to upload.

• Time in with Auto screen Capture -Tells the teacher who is present and can see what they are doing.

• Work Diary - has all records of all auto screenshots. this is private and only you and the teacher can see it.

Resources Solutions

• Download Resources- Students with no-wifi or slow internet can download videos, lectures, and assignments.

• Extension - A grace period that teachers can grant to kids who are having trouble.

Structure Solutions

• Syllabus & Lectures - Teachers can upload the syllabus or lectures.

• Calendar - To help students & Teachers be on track on schedules.

• Daily checklist - an everyday checklist so students would know to prioritize.

• Announcement - Creating a post for everyone to see.

 
 

SITE MAP

 
 

Design Inspirations

  • Time Tracker

    Upwork’s Time Tracker tells if you are online or not and it says how much time & work you put an effort into the project.

  • Screen Capture

    Zoom lets you screen capture or share Screen to anyone in the Video call.

  • practice Question

    LinkedIn learnings videos has a practice quiz after each videos.

  • Online Chat

    Facebook Messenger Can connect with friends, set video calls to friends.

  • Work Diary

    Upwork's Work Diary Auto Screenshots your work logs the time and calculates how much work is done then compiles it into a diary.

 

Sketching a Wireframe

This is a quick time-lapse video Sketch I made with Procreate on my iPad. Procreate makes it easier for me to brainstorm and create really quick sketches before I forget my ideas, The paper and Ipad works kinda the same as a pen and paper but with an iPad, I can easily undo by tapping on my 2 fingers as for paper I still have to either erase it with an eraser or draw from scratch.

 
 

HIGH FIDELITY - WIREFRAME (TEACHER’S VIEW)

Design System

 

Building A Prototype

These are both my medium-fidelity and High-fidelity prototypes. the medium-fidelity prototype shows the view logged as a student, and how would they navigate around my product. on the High-fidelity prototype is the teachers logged in and how they can use my product.

 
 
Next

UX Design/Research - New Airline Website (Under Construction)