My Role
UX Lead - Feature Scoping, Research, Interaction Design, Visual Design, Prototyping
Product Team Squad
Derrick Stewart
Overview
Beyond Learning, is an online platform where parents can find tutors, and tutors can children in need. The concept of Beyond Learning is that the brand partners with school districts to help those who may be falling behind get the help that they need.
When you use the platform, either web or mobile app, the user is prompted through a tutor focused journey or a parent focused journey.
Research Summery
I conducted most of my research utilizing second-hand research, gathering information google, quora, and other forum sites. In my research found various parents going into great detail on there opinions on what makes a good tutor and how to find one.
Keywords that stuck out in the research were; expertise, empathy, and of course cost. Out of three, empathy being the biggest point of emphasis.
Parent Pain Points
Parent Pain Points
Parent Pain Points
Emphathy
Emphathy
Emphathy
Tutors being able to connect with children and work with them on their level
Tutors being able to connect with children and work with them on their level
Tutors being able to connect with children and work with them on their level
Expertise
Expertise
Expertise
Tutors being well versed in their area of expertise to give the children the information they need
Tutors being well versed in their area of expertise to give the children the information they need
Tutors being well versed in their area of expertise to give the children the information they need
Cost
Cost
Cost
The better the tutor the greater the cost
The better the tutor the greater the cost
The better the tutor the greater the cost
Tutor Pain Points
Tutor Pain Points
Tutor Pain Points
Behaviour
Behaviour
Behaviour
Students may have poor behavior making it difficult to connect and teach students.
Students may have poor behavior making it difficult to connect and teach students.
Students may have poor behavior making it difficult to connect and teach students.
Workload
Workload
Workload
Students may already have anxiety from their current workload and now they have tutor sessions on top of their normal school routine.
Students may already have anxiety from their current workload and now they have tutor sessions on top of their normal school routine.
Students may already have anxiety from their current workload and now they have tutor sessions on top of their normal school routine.
Pressure
Pressure
Pressure
Parents may be putting to much pressure on the child to do well making it hard for them to focus during tutoring sessions
Parents may be putting to much pressure on the child to do well making it hard for them to focus during tutoring sessions
Parents may be putting to much pressure on the child to do well making it hard for them to focus during tutoring sessions
User Personas
User Personas
User Personas
Persona
Persona
Persona
Shawn Langston
Shawn Langston
Shawn Langston
Shawn, a married mother of two, is facing challenges with her son Erick's academic troubles in several subjects. With a full-time employment at Target, it's been strenuous for her to find a suitable tutor that aligns with the family's timetable. Shawn’s worry is that Erick’s lack of interest in subjects like math and science is dragging down his grades to the point where he may not be able to transition to the 7th grade. Shawn frequently uses her phone at work during her breaks and downtime. If she could browse through a selection of tutors and understand the services they provide all on her mobile while at work, it would be hugely beneficial. This convenience would allow Shawn to shortlist prospective tutors and thus, by the time she clocks out from work, the initial steps of finding a tutor would have already been undertaken.
Shawn, a married mother of two, is facing challenges with her son Erick's academic troubles in several subjects. With a full-time employment at Target, it's been strenuous for her to find a suitable tutor that aligns with the family's timetable. Shawn’s worry is that Erick’s lack of interest in subjects like math and science is dragging down his grades to the point where he may not be able to transition to the 7th grade. Shawn frequently uses her phone at work during her breaks and downtime. If she could browse through a selection of tutors and understand the services they provide all on her mobile while at work, it would be hugely beneficial. This convenience would allow Shawn to shortlist prospective tutors and thus, by the time she clocks out from work, the initial steps of finding a tutor would have already been undertaken.
Shawn, a married mother of two, is facing challenges with her son Erick's academic troubles in several subjects. With a full-time employment at Target, it's been strenuous for her to find a suitable tutor that aligns with the family's timetable. Shawn’s worry is that Erick’s lack of interest in subjects like math and science is dragging down his grades to the point where he may not be able to transition to the 7th grade. Shawn frequently uses her phone at work during her breaks and downtime. If she could browse through a selection of tutors and understand the services they provide all on her mobile while at work, it would be hugely beneficial. This convenience would allow Shawn to shortlist prospective tutors and thus, by the time she clocks out from work, the initial steps of finding a tutor would have already been undertaken.
Persona
Michael Chen 41
Michael Chen 41
Michael Chen 41
Michael Chen - Secondary School Math and Science Tutor. His experience includes 5 years of instructing in mathematical and scientific subjects along with a Master's degree in Education emphasizing STEM curriculum. Ambitions include bolstering students' self-confidence through understanding and tolerant teaching methods, and establishing personalized academic plans that complement students' existing educational timetables. Difficulty areas: Effectively teaching students facing behavioral issues, supporting students overwhelmed by their academic workload, and syncing up with parents' work schedules. Preferences: Prefers laying the foundation of a trustworthy bond and comprehension with pupils before the introduction of the subject material, esteems open dialog with parents regarding student headway. Prospects: Parents are expected to actively participate in their child's academic journey, students require persistent backing and encouragement for improvement, and achieving progress might be gradual aiming towards a secure and relaxed exploration of the subject matter.
Michael Chen - Secondary School Math and Science Tutor. His experience includes 5 years of instructing in mathematical and scientific subjects along with a Master's degree in Education emphasizing STEM curriculum. Ambitions include bolstering students' self-confidence through understanding and tolerant teaching methods, and establishing personalized academic plans that complement students' existing educational timetables. Difficulty areas: Effectively teaching students facing behavioral issues, supporting students overwhelmed by their academic workload, and syncing up with parents' work schedules. Preferences: Prefers laying the foundation of a trustworthy bond and comprehension with pupils before the introduction of the subject material, esteems open dialog with parents regarding student headway. Prospects: Parents are expected to actively participate in their child's academic journey, students require persistent backing and encouragement for improvement, and achieving progress might be gradual aiming towards a secure and relaxed exploration of the subject matter.
Early thoughts
Early thoughts
Early thoughts
Hypothesis & Goals
Hypothesis & Goals
Hypothesis & Goals
After careful examination and comparing online tutoring versus in person, I decided to create an experience that connected parents and tutors an in-person experience. The app would guide the user, parent or tutor, through an onboarding experience to get an understanding of who the user is.
Guiding Principles & framework
1.Friendly: Though parents and tutors are the intended users of the app, I wanted the visual design to be geared towards children and learning. I wanted to make sure the child isn't forgotten in this process because they will be the most impacted as the result.
2.Clean and simple navigation: create universal and simple navigation. Navigation bar on all screens and can easily exit out of a prompt if user is not ready or may have miss clicked a button.
After careful examination and comparing online tutoring versus in person, I decided to create an experience that connected parents and tutors an in-person experience. The app would guide the user, parent or tutor, through an onboarding experience to get an understanding of who the user is.
Guiding Principles & framework
1.Friendly: Though parents and tutors are the intended users of the app, I wanted the visual design to be geared towards children and learning. I wanted to make sure the child isn't forgotten in this process because they will be the most impacted as the result.
2.Clean and simple navigation: create universal and simple navigation. Navigation bar on all screens and can easily exit out of a prompt if user is not ready or may have miss clicked a button.
After careful examination and comparing online tutoring versus in person, I decided to create an experience that connected parents and tutors an in-person experience. The app would guide the user, parent or tutor, through an onboarding experience to get an understanding of who the user is.
Guiding Principles & framework
1.Friendly: Though parents and tutors are the intended users of the app, I wanted the visual design to be geared towards children and learning. I wanted to make sure the child isn't forgotten in this process because they will be the most impacted as the result.
2.Clean and simple navigation: create universal and simple navigation. Navigation bar on all screens and can easily exit out of a prompt if user is not ready or may have miss clicked a button.
User Flow
Paper Wireframes
Paper Wireframes
Paper Wireframes
Paper Wireframes
Paper Wireframes
Paper Wireframes
Early Challenges
Creating wireframes to help establish style and navigation were pretty simple. Taking inspiration from standards in ux right now, such as horizontal scrolling and cards. One of my first challenges were structuring the card design in a way to fully see the auto layer the elements in Figma.
The second challenge I faced in this stage was 'what' was the content and 'where' was it going. Having to create the content or, at least the idea of content, was on my at the beginning of project. And I wanted the wireframes to be reflective of what each screen could potentially look like.
Early Challenges
Creating wireframes to help establish style and navigation were pretty simple. Taking inspiration from standards in ux right now, such as horizontal scrolling and cards. One of my first challenges were structuring the card design in a way to fully see the auto layer the elements in Figma.
The second challenge I faced in this stage was 'what' was the content and 'where' was it going. Having to create the content or, at least the idea of content, was on my at the beginning of project. And I wanted the wireframes to be reflective of what each screen could potentially look like.
Early Challenges
Creating wireframes to help establish style and navigation were pretty simple. Taking inspiration from standards in ux right now, such as horizontal scrolling and cards. One of my first challenges were structuring the card design in a way to fully see the auto layer the elements in Figma.
The second challenge I faced in this stage was 'what' was the content and 'where' was it going. Having to create the content or, at least the idea of content, was on my at the beginning of project. And I wanted the wireframes to be reflective of what each screen could potentially look like.
Wireframes/Lo-fi
Wireframes/Lo-fi
Wireframes/Lo-fi
The wireframes utilize a grayscale theme to help give the basic design depth. This is because I know i’m going to utilize overlapping elements for this design.
The wireframes utilize a grayscale theme to help give the basic design depth. This is because I know i’m going to utilize overlapping elements for this design.
The wireframes utilize a grayscale theme to help give the basic design depth. This is because I know i’m going to utilize overlapping elements for this design.
Lo-fi/Prototyping
Lo-fi/Prototyping
Lo-fi/Prototyping
The wireframes utilize a grayscale theme to help give the basic design depth. This is because I know i’m going to utilize overlapping elements for this design.
The wireframes utilize a grayscale theme to help give the basic design depth. This is because I know i’m going to utilize overlapping elements for this design.
The wireframes utilize a grayscale theme to help give the basic design depth. This is because I know i’m going to utilize overlapping elements for this design.
As screens and layouts were built rapid testing quickly ensued, always keeping the average smartphone user in mind. If buttons don't work as intended or sections don't scroll properly, it is back to iterating.
As screens and layouts were built rapid testing quickly ensued, always keeping the average smartphone user in mind. If buttons don't work as intended or sections don't scroll properly, it is back to iterating.
As screens and layouts were built rapid testing quickly ensued, always keeping the average smartphone user in mind. If buttons don't work as intended or sections don't scroll properly, it is back to iterating.
Hi-fi/Prototyping
Hi-fi/Prototyping
Hi-fi/Prototyping
Implementing color schemes, fleshing out navigation, and detailed oriented for a full userflow. Alongside with constant testing to ensure screens are connect and the user flow is complete
Implementing color schemes, fleshing out navigation, and detailed oriented for a full userflow. Alongside with constant testing to ensure screens are connect and the user flow is complete
Implementing color schemes, fleshing out navigation, and detailed oriented for a full userflow. Alongside with constant testing to ensure screens are connect and the user flow is complete
Tutor User Flow
Switching to examples of the tutor user flow. Creating a flow the is similar to the parent user flow with key differences, geared towards the tutor but with children at the focus.
Switching to examples of the tutor user flow. Creating a flow the is similar to the parent user flow with key differences, geared towards the tutor but with children at the focus.
Switching to examples of the tutor user flow. Creating a flow the is similar to the parent user flow with key differences, geared towards the tutor but with children at the focus.
A difference in card design
The goal here with the different card design was to put more emphasis on empathy as tutors search for requests. The tutors are looking to solve a problem by helping children succeed, I put images as backgrounds to the cards to give a face to the person a tutor could potentially be helping.
The goal here with the different card design was to put more emphasis on empathy as tutors search for requests. The tutors are looking to solve a problem by helping children succeed, I put images as backgrounds to the cards to give a face to the person a tutor could potentially be helping.
The goal here with the different card design was to put more emphasis on empathy as tutors search for requests. The tutors are looking to solve a problem by helping children succeed, I put images as backgrounds to the cards to give a face to the person a tutor could potentially be helping.
Parent request user flow
Usability Testing
Usability Testing
Usability Testing
Findings
Findings
Findings
Through usability testing found that generally users enjoyed the look and feel of the design with a few pain points. Mostly dealing with prototyping flows not working correctly or taking the user to the wrong screen
Through usability testing found that generally users enjoyed the look and feel of the design with a few pain points. Mostly dealing with prototyping flows not working correctly or taking the user to the wrong screen
Through usability testing found that generally users enjoyed the look and feel of the design with a few pain points. Mostly dealing with prototyping flows not working correctly or taking the user to the wrong screen
Before
Before
Before
After
After
After
Conclusion
Conclusion
Conclusion
Key Take aways
Key Take aways
Key Take aways
Great deal of learning
This being my first mobile app design, there was a lot that I didn't know. I learned a lot about the work flow from the early stages, reiterating the middle and being detailed and thorough until the end.
I thought the prompt was simple at first but designing work flows for two user was a very tedious task
Great deal of learning
This being my first mobile app design, there was a lot that I didn't know. I learned a lot about the work flow from the early stages, reiterating the middle and being detailed and thorough until the end.
I thought the prompt was simple at first but designing work flows for two user was a very tedious task
Great deal of learning
This being my first mobile app design, there was a lot that I didn't know. I learned a lot about the work flow from the early stages, reiterating the middle and being detailed and thorough until the end.
I thought the prompt was simple at first but designing work flows for two user was a very tedious task