Design Collection
Design Collection
Design Collection
Uplift K12
Uplift K12
Uplift K12
Overview
Overview
Overview
Team: Zhen Jiang | Paige Williams | Jenny Truong | Josh Aldridge | Garmain Wu | Johnny Pires
Roles & Responsibilities: User Research and UI Design
Duration: July 2023 - Aug 2023 (4-week Sprint)
Tools: Figma | Optimal Workshop | Pitch | Zoom | Trello | Calendly | Slidesgo | Google Analysics& Form
Team: Zhen Jiang | Paige Williams | Jenny Truong | Josh Aldridge | Garmain Wu | Johnny Pires
Roles & Responsibilities: User Research and UI Design
Duration: July 2023 - Aug 2023 (4-week Sprint)
Tools: Figma | Optimal Workshop | Pitch | Zoom | Trello | Calendly | Slidesgo | Google Analysics& Form
Team: Zhen Jiang | Paige Williams | Jenny Truong | Josh Aldridge | Garmain Wu | Johnny Pires
Roles & Responsibilities: User Research and UI Design
Duration: July 2023 - Aug 2023 (4-week Sprint)
Tools: Figma | Optimal Workshop | Pitch | Zoom | Trello | Calendly | Slidesgo | Google Analysics& Form
What is Uplift K12?
What is Uplift K12?
What is Uplift K12?
Uplift K-12 is an online platform offering interactive math games and activities designed to facilitate engaging learning experiences for students. During the rise of virtual learning, Uplift K-12 was created by former teachers, Michelle and Mehul Shah to help teachers and students connect virtually while making learning enjoyable.
Uplift K-12 is an online platform offering interactive math games and activities designed to facilitate engaging learning experiences for students. During the rise of virtual learning, Uplift K-12 was created by former teachers, Michelle and Mehul Shah to help teachers and students connect virtually while making learning enjoyable.
Uplift K-12 is an online platform offering interactive math games and activities designed to facilitate engaging learning experiences for students. During the rise of virtual learning, Uplift K-12 was created by former teachers, Michelle and Mehul Shah to help teachers and students connect virtually while making learning enjoyable.
What brought clients to us?
What brought clients to us?
What brought clients to us?
Recognizing the power of playful learning, Uplift K-12 offers an assortment of math-centric games and resources that empower educators to deliver tough topics in a lively, hands-on fashion. However, in its pioneering journey, Uplift K-12 encountered two major hurdles:
A significant drop-off between user registration and launching a lesson.
Limited user engagement with the platform's content.
Recognizing the power of playful learning, Uplift K-12 offers an assortment of math-centric games and resources that empower educators to deliver tough topics in a lively, hands-on fashion. However, in its pioneering journey, Uplift K-12 encountered two major hurdles:
A significant drop-off between user registration and launching a lesson.
Limited user engagement with the platform's content.
Recognizing the power of playful learning, Uplift K-12 offers an assortment of math-centric games and resources that empower educators to deliver tough topics in a lively, hands-on fashion. However, in its pioneering journey, Uplift K-12 encountered two major hurdles:
A significant drop-off between user registration and launching a lesson.
Limited user engagement with the platform's content.
What were clients aiming for?
What were clients aiming for?
What were clients aiming for?
Clients aimed to boost the proportion of users transitioning from registration to game launch by 10% and ensure steady engagement throughout the platform.
Clients aimed to boost the proportion of users transitioning from registration to game launch by 10% and ensure steady engagement throughout the platform.
How can we help to achieve clients' needs?
How can we help to achieve clients' needs?
How can we help to achieve clients' needs?
We took initial approach with user interviews of current users to gathering their onboarding experience, challenges, and expectations.
At the same, our team also evaluated the current Uplift K12 site to systematically determine its usability.
We took initial approach with user interviews of current users to gathering their onboarding experience, challenges, and expectations.
At the same, our team also evaluated the current Uplift K12 site to systematically determine its usability.
We took initial approach with user interviews of current users to gathering their onboarding experience, challenges, and expectations.
At the same, our team also evaluated the current Uplift K12 site to systematically determine its usability.
Here is Users' insights
Here is Users' insights
Here is Users' insights
Below were the quotes from our user interviews:
“I feel like navigating the site is confusing. I can’t find some of the things I need quickly”
“I want a more personalized experience when signing up”
“I wish there was an easier way to filter games that I was looking for”
Beside that, 4 out of 5 users struggled to find the game library, with one mistaking the 'import from library' function as a means to upload personal files.
Additionally, some users had hard time to locate the tool needed to play the game per instructions.
Below were the quotes from our user interviews:
“I feel like navigating the site is confusing. I can’t find some of the things I need quickly”
“I want a more personalized experience when signing up”
“I wish there was an easier way to filter games that I was looking for”
Beside that, 4 out of 5 users struggled to find the game library, with one mistaking the 'import from library' function as a means to upload personal files.
Additionally, some users had hard time to locate the tool needed to play the game per instructions.
Below were the quotes from our user interviews:
“I feel like navigating the site is confusing. I can’t find some of the things I need quickly”
“I want a more personalized experience when signing up”
“I wish there was an easier way to filter games that I was looking for”
Beside that, 4 out of 5 users struggled to find the game library, with one mistaking the 'import from library' function as a means to upload personal files.
Additionally, some users had hard time to locate the tool needed to play the game per instructions.
My evaluation findings
My evaluation findings
As we individually assessed the current Uplift K12 site to systematically determine its usability. Unfortunately, the usability of current website was not meeting the expectation, here was my findings.
Design consistency between the engaging homepage and the post-signup/login pages.
As we individually assessed the current Uplift K12 site to systematically determine its usability. Unfortunately, the usability of current website was not meeting the expectation, here was my findings.
Design consistency between the engaging homepage and the post-signup/login pages.
Filter function was not working properly
Filter function was not working properly
Also some other functionalities were found on whiteboard design was not working properly either
Also some other functionalities were found on whiteboard design was not working properly either
Due to time constraints, we moved forward to design perspectives
Due to time constraints, we moved forward to design perspectives
Due to time constraints, we moved forward to design perspectives
Based on the insights from user interviews and evaluation, we agreed that informational architecture of navigation need to be resigned in order to increase onboarding experience along with more functionality of virtual classroom and whiteboard activities:
Personalize grade curriculum options to teacher during signup or in user home page
Easy access to virtual classroom and whiteboard
Provide quick access of invitation function for teacher
Based on the insights from user interviews and evaluation, we agreed that informational architecture of navigation need to be resigned in order to increase onboarding experience along with more functionality of virtual classroom and whiteboard activities:
Personalize grade curriculum options to teacher during signup or in user home page
Easy access to virtual classroom and whiteboard
Provide quick access of invitation function for teacher
Based on the insights from user interviews and evaluation, we agreed that informational architecture of navigation need to be resigned in order to increase onboarding experience along with more functionality of virtual classroom and whiteboard activities:
Personalize grade curriculum options to teacher during signup or in user home page
Easy access to virtual classroom and whiteboard
Provide quick access of invitation function for teacher
Wireframing
Wireframing
As we synthesize throughout the processes, there were 2 user flows of Gray-Scale Wireframing were created for 1st usability testing of revamp:
As we synthesize throughout the processes, there were 2 user flows of Gray-Scale Wireframing were created for 1st usability testing of revamp:
Dylan, a 6th-grade math teacher in a public school, is interested in using the Uplift K12 virtual teaching platform to enhance his lessons.
Dylan, a 6th-grade math teacher in a public school, is interested in using the Uplift K12 virtual teaching platform to enhance his lessons.
Dylan is ready to set up the Math 6B class on the homepage, where he can select the grade level and add students.
Once the class is created, Dylan can adding new lesson in each class, where he can changing the name of lesson, and also adding games, manipulatives, and files with ease.
Dylan is ready to set up the Math 6B class on the homepage, where he can select the grade level and add students.
Once the class is created, Dylan can adding new lesson in each class, where he can changing the name of lesson, and also adding games, manipulatives, and files with ease.
Carol, a remote teacher for a 3rd grade, is interested in utilizing remote virtual learning capabilities.
Here Carol creates an account and during the sign-up process, she chooses to set up a class names Math 3B and adding students, as well as adding lesson, the same process has been done by Dylan. Now Carol is ready to explore the Virtual Classroom available on her homepage
Carol, a remote teacher for a 3rd grade, is interested in utilizing remote virtual learning capabilities.
Here Carol creates an account and during the sign-up process, she chooses to set up a class names Math 3B and adding students, as well as adding lesson, the same process has been done by Dylan. Now Carol is ready to explore the Virtual Classroom available on her homepage
On the Virtual Classroom, a user-friendly tutorial has provided with a quick introduction to the features, including the ability to add a whiteboard for interactive with her students.
On the Virtual Classroom, a user-friendly tutorial has provided with a quick introduction to the features, including the ability to add a whiteboard for interactive with her students.
Additionally, Carol can easily invite students to the Virtual Classroom. There are two ways to invite students, she can invite either by the name of individual students or the entire class of Math 3B students to join her section.
Additionally, Carol can easily invite students to the Virtual Classroom. There are two ways to invite students, she can invite either by the name of individual students or the entire class of Math 3B students to join her section.
As we conducted Lo-Fi Moderated Usability Test with 3 users on above design, here were the insights we gained:
Dylan, a 6th-grade math teacher in a public school, is interested in using the Uplift K12 virtual teaching platform to enhance his lessons.
Provide quick access of invitation function for teacher
As we conducted Lo-Fi Moderated Usability Test with 3 users on above design, here were the insights we gained:
Dylan, a 6th-grade math teacher in a public school, is interested in using the Uplift K12 virtual teaching platform to enhance his lessons.
Provide quick access of invitation function for teacher
As we conducted Lo-Fi Moderated Usability Test with 3 users on above design, here were the insights we gained:
Dylan, a 6th-grade math teacher in a public school, is interested in using the Uplift K12 virtual teaching platform to enhance his lessons.
Provide quick access of invitation function for teacher
Insights of 1 usability testing
As we conducted Lo-Fi Moderated Usability Test with 3 users on above design, overall 3 out of 3 users found revamp was easy to process and engaged.
As we conducted Lo-Fi Moderated Usability Test with 3 users on above design, overall 3 out of 3 users found revamp was easy to process and engaged.
Positive Feedback on Sign-up Process
Positive Feedback on Sign-up Process
3 / 3
3 / 3
3 / 3
“I think the sign-up process is pretty straightforward”
“I think the sign-up process is pretty straightforward”
“I think the sign-up process is pretty straightforward”
Clear and Simple Interface
Clear and Simple Interface
3 / 3
3 / 3
3 / 3
Users found the platform's interface to be intuitive and easy to navigate, leading to a positive overall experience.
Users found the platform's interface to be intuitive and easy to navigate, leading to a positive overall experience.
Users found the platform's interface to be intuitive and easy to navigate, leading to a positive overall experience.
Engaging Whiteboard for Interactive Teaching
Engaging Whiteboard for Interactive Teaching
3 / 3
3 / 3
3 / 3
Users liked the option of the whiteboard for interactive teaching activities, contributing to a more engaging learning experience.
Users liked the option of the whiteboard for interactive teaching activities, contributing to a more engaging learning experience.
Users liked the option of the whiteboard for interactive teaching activities, contributing to a more engaging learning experience.
Recommendation and Suggestion from 1 usability testing
Recommendation and Suggestion from 1 usability testing
Recommendation - 1 user recommended to add language clarification to the tools on the Whiteboard for usability friendly.
Suggestion - Another user suggested making the interface more colorful and kid-friendly to enhance its appeal and make it more engaging for young users.
Recommendation - 1 user recommended to add language clarification to the tools on the Whiteboard for usability friendly.
Suggestion - Another user suggested making the interface more colorful and kid-friendly to enhance its appeal and make it more engaging for young users.
Final Prototype
Overall users felt
Final Prototype
Key finding of Final Product usability testing
Key finding of Final Product usability testing
Final Prototype
Key finding of Final Product usability testing
The final product underwent an unmoderated usability test with eight users. For the task of creating an account, all eight testers successfully completed the process, boasting a 100% success rate. On average, they took just 36.9 seconds to create their accounts. For the subsequent task of creating a class page and adding students, six out of the eight users accomplished it seamlessly. On average, this task was completed in 30 seconds.
The final product underwent an unmoderated usability test with eight users. For the task of creating an account, all eight testers successfully completed the process, boasting a 100% success rate. On average, they took just 36.9 seconds to create their accounts. For the subsequent task of creating a class page and adding students, six out of the eight users accomplished it seamlessly. On average, this task was completed in 30 seconds.
Overall users felt
Overall users felt
“Everything makes sense! UI looks amazing.”
"The platform is attractive and seems largely functional! "
"The platform is attractive and seems largely functional! "
"It fits the theme and purpose"
“Everything makes sense! UI looks amazing.”
"The platform is attractive and seems largely functional! "
"The platform is attractive and seems largely functional! "
"It fits the theme and purpose"
“Everything makes sense! UI looks amazing.”
"The platform is attractive and seems largely functional! "
"The platform is attractive and seems largely functional! "
"It fits the theme and purpose"
Future Developement:
Future Developement:
Future Developement:
Games - Redesign the game interactions to make them more accessible and improve the user experience when playing them.
Games - Redesign the game interactions to make them more accessible and improve the user experience when playing them.
Games - Redesign the game interactions to make them more accessible and improve the user experience when playing them.
State Standards -Integration of State Educational Standards is a great way for teachers to make sure that children are meeting learning milestones while playing fun math games!
State Standards -Integration of State Educational Standards is a great way for teachers to make sure that children are meeting learning milestones while playing fun math games!
State Standards -Integration of State Educational Standards is a great way for teachers to make sure that children are meeting learning milestones while playing fun math games!
Parent Accounts - Implement a sign-up process for parents, allowing them to actively participate in their children's learning journey on the Uplift K-12 platform, fostering a collaborative and supportive environment.
Parent Accounts - Implement a sign-up process for parents, allowing them to actively participate in their children's learning journey on the Uplift K-12 platform, fostering a collaborative and supportive environment.
Parent Accounts - Implement a sign-up process for parents, allowing them to actively participate in their children's learning journey on the Uplift K-12 platform, fostering a collaborative and supportive environment.
