Introduction
Introduction
Introduction
Overview
Overview
Overview
With the recent spike in popularity for younger children to learn a second language in the UK, it has become apparent that parents need a safe online space where their children can learn and explore other languages and cultures, on an easy to manage platform. Tutorly is designed with this is in mind. The goal was to create a website that enables young children to receive private tutoring safely online, while giving parents the tools to monitor their children and schedule their learning.
With the recent spike in popularity for younger children to learn a second language in the UK, it has become apparent that parents need a safe online space where their children can learn and explore other languages and cultures, on an easy to manage platform. Tutorly is designed with this is in mind. The goal was to create a website that enables young children to receive private tutoring safely online, while giving parents the tools to monitor their children and schedule their learning.
With the recent spike in popularity for younger children to learn a second language in the UK, it has become apparent that parents need a safe online space where their children can learn and explore other languages and cultures, on an easy to manage platform. Tutorly is designed with this is in mind. The goal was to create a website that enables young children to receive private tutoring safely online, while giving parents the tools to monitor their children and schedule their learning.
Summary
Summary
Summary
Tutorly Flashcards
Tutorly Flashcards
Tutorly Flashcards
In this project, I will improve the existing online learning format to design a system that is inclusive for young children, allowing them to benefit from online learning in a safe environment. This involved creating a new system where a parent user can create sub-users, allowing child accounts to be maintained and managed by a parent. To go along with this, lesson planning and scheduling had to be updated to accommodate the new sub-profiles.
In this project, I will improve the existing online learning format to design a system that is inclusive for young children, allowing them to benefit from online learning in a safe environment. This involved creating a new system where a parent user can create sub-users, allowing child accounts to be maintained and managed by a parent. To go along with this, lesson planning and scheduling had to be updated to accommodate the new sub-profiles.
In this project, I will improve the existing online learning format to design a system that is inclusive for young children, allowing them to benefit from online learning in a safe environment. This involved creating a new system where a parent user can create sub-users, allowing child accounts to be maintained and managed by a parent. To go along with this, lesson planning and scheduling had to be updated to accommodate the new sub-profiles.
Problems
Problems
Problems
Children wanting to learn online are not able to set up their own account.
Children wanting to learn online are not able to set up their own account.
Children wanting to learn online are not able to set up their own account.
Parents find it difficult to manage their children's accounts for lots of children.
Parents find it difficult to manage their children's accounts for lots of children.
Parents find it difficult to manage their children's accounts for lots of children.
Online tutoring can be unsafe for younger children without parental supervision.
Online tutoring can be unsafe for younger children without parental supervision.
Online tutoring can be unsafe for younger children without parental supervision.
Goals
Goals
Goals
Allow users to create sub-profiles.
Allow users to create sub-profiles.
Allow users to create sub-profiles.
Allow the primary user to manage and book lessons behalf of all sub-users.
Allow the primary user to manage and book lessons behalf of all sub-users.
Allow the primary user to manage and book lessons behalf of all sub-users.
Allow separate of sub-users from the primary user.
Allow separate of sub-users from the primary user.
Allow separate of sub-users from the primary user.
Allow parental monitoring to increase safety.
Allow parental monitoring to increase safety.
Allow parental monitoring to increase safety.
Results
Results
Results
Sub-profiles can be created on the user selection page upon logging in.
Sub-profiles can be created on the user selection page upon logging in.
Sub-profiles can be created on the user selection page upon logging in.
The main user can manage lesson bookings via a multi-user calendar.
The main user can manage lesson bookings via a multi-user calendar.
The main user can manage lesson bookings via a multi-user calendar.
Sub-profiles can be split from the main account via the settings to create a new account with a sub-user as the owner.
Sub-profiles can be split from the main account via the settings to create a new account with a sub-user as the owner.
Sub-profiles can be split from the main account via the settings to create a new account with a sub-user as the owner.
User Research
User Research
User Research
Refining the Age Barrier
Refining the Age Barrier
Refining the Age Barrier
As a student, I didn’t have the opportunity to learn about the Korean language or culture in school. I therefore understand the pain of having to wait until later life before being able to connect with and learn more about a culture which I have a vast interest in.
With the recent influx in interest towards learning a second language in the UK, I wanted to validate this problem with my contemporaries, so I ran a meeting with a group of parents and teachers from various backgrounds, along with some of their children to see how they felt about language learning and online lessons.
From speaking with these groups, I discovered the following problems:
As a student, I didn’t have the opportunity to learn about the Korean language or culture in school. I therefore understand the pain of having to wait until later life before being able to connect with and learn more about a culture which I have a vast interest in.
With the recent influx in interest towards learning a second language in the UK, I wanted to validate this problem with my contemporaries, so I ran a meeting with a group of parents and teachers from various backgrounds, along with some of their children to see how they felt about language learning and online lessons.
From speaking with these groups, I discovered the following problems:
As a student, I didn’t have the opportunity to learn about the Korean language or culture in school. I therefore understand the pain of having to wait until later life before being able to connect with and learn more about a culture which I have a vast interest in.
With the recent influx in interest towards learning a second language in the UK, I wanted to validate this problem with my contemporaries, so I ran a meeting with a group of parents and teachers from various backgrounds, along with some of their children to see how they felt about language learning and online lessons.
From speaking with these groups, I discovered the following problems:
Lack of interest in European languages
Lack of interest in European languages
Lack of interest in European languages
The child may not be interested in learning a European language, as is the standard in UK schools. Instead, some felt that the time would better spent learning a language linked to their heritage or a separate interest.
The child may not be interested in learning a European language, as is the standard in UK schools. Instead, some felt that the time would better spent learning a language linked to their heritage or a separate interest.
The child may not be interested in learning a European language, as is the standard in UK schools. Instead, some felt that the time would better spent learning a language linked to their heritage or a separate interest.
Unable to find online group lessons
Unable to find online group lessons
Unable to find online group lessons
Some felt that they couldn’t find the right style of learning on existing platforms. A frequent example given was that some wanted to learn a language in a group in order to practise speaking with others, but they were unable to find a suitable group to join.
Some felt that they couldn’t find the right style of learning on existing platforms. A frequent example given was that some wanted to learn a language in a group in order to practise speaking with others, but they were unable to find a suitable group to join.
Some felt that they couldn’t find the right style of learning on existing platforms. A frequent example given was that some wanted to learn a language in a group in order to practise speaking with others, but they were unable to find a suitable group to join.
Managing multiple accounts for children can be difficult
Managing multiple accounts for children can be difficult
Managing multiple accounts for children can be difficult
Parents felt that online tutoring could be a good solution, however, it may be difficult to keep track of their child’s studying when lessons are spread out across multiple accounts, especially in larger families.
Parents felt that online tutoring could be a good solution, however, it may be difficult to keep track of their child’s studying when lessons are spread out across multiple accounts, especially in larger families.
Parents felt that online tutoring could be a good solution, however, it may be difficult to keep track of their child’s studying when lessons are spread out across multiple accounts, especially in larger families.
Online tutoring can be unsafe for younger children
Online tutoring can be unsafe for younger children
Online tutoring can be unsafe for younger children
Parents suggested that while they liked the idea of online lessons, for younger children, there are concerns about who is teaching their child and the manner in which they are being taught.
Parents suggested that while they liked the idea of online lessons, for younger children, there are concerns about who is teaching their child and the manner in which they are being taught.
Parents suggested that while they liked the idea of online lessons, for younger children, there are concerns about who is teaching their child and the manner in which they are being taught.
User Personas
User Personas
User Personas
From this study, we can recognise 4 key user types whose problems can be solved.
From this study, we can recognise 4 key user types whose problems can be solved.
From this study, we can recognise 4 key user types whose problems can be solved.
The Goal
The Goal
The Goal
Based on these personas, I decided on the following main goal:
Based on these personas, I decided on the following main goal:
Based on these personas, I decided on the following main goal:
To create a site that will allow children to have their own account and will allow parents to monitor and manage their children's accounts in one place.
To create a site that will allow children to have their own account and will allow parents to monitor and manage their children's accounts in one place.
To create a site that will allow children to have their own account and will allow parents to monitor and manage their children's accounts in one place.
Ideation
Ideation
Ideation
Innovation & Simplicity
Innovation & Simplicity
Innovation & Simplicity
In order to meet this goal, I started to identify the key features the site would need, and begun brainstorming for ideas on how they might be implemented. I also created user flows for any promising ideas to see how a user might actually traverse through each idea.
In order to meet this goal, I started to identify the key features the site would need, and begun brainstorming for ideas on how they might be implemented. I also created user flows for any promising ideas to see how a user might actually traverse through each idea.
In order to meet this goal, I started to identify the key features the site would need, and begun brainstorming for ideas on how they might be implemented. I also created user flows for any promising ideas to see how a user might actually traverse through each idea.
Feature One
Feature One
Feature One
Allow the creation of sub-users
Allow the creation of sub-users
Allow the creation of sub-users
Parents can manage a single account, with sub-user profiles, allowing each child to have their own profile to manage their lessons, while still under the supervision of the parent account.
Parents can manage a single account, with sub-user profiles, allowing each child to have their own profile to manage their lessons, while still under the supervision of the parent account.
Parents can manage a single account, with sub-user profiles, allowing each child to have their own profile to manage their lessons, while still under the supervision of the parent account.
Implementation One
Implementation One
Implementation One
A 'profile selection' page
A 'profile selection' page
A 'profile selection' page
Upon logging in, the user will be prompted with a profile selection. On this screen, new sub-user profiles can be created. Users can then access their own profile from this selection.
Upon logging in, the user will be prompted with a profile selection. On this screen, new sub-user profiles can be created. Users can then access their own profile from this selection.
Upon logging in, the user will be prompted with a profile selection. On this screen, new sub-user profiles can be created. Users can then access their own profile from this selection.
User Flow 1: Creating A Sub-Profile From Profile Select
User Flow 1: Creating A Sub-Profile From Profile Select
User Flow 1: Creating A Sub-Profile From Profile Select
User Flow 2: Select A Sub-Profile When Logging In
User Flow 2: Select A Sub-Profile When Logging In
User Flow 2: Select A Sub-Profile When Logging In
Feature One
Feature One
Feature One
Allow the creation of sub-users
Allow the creation of sub-users
Allow the creation of sub-users
Implementation Two
Implementation Two
Implementation Two
Create a new sub-user in the settings tab
Create a new sub-user in the settings tab
Create a new sub-user in the settings tab
Upon logging in, the user will be prompted with a profile selection. On this screen, new sub-user profiles can be created. Users can then access their own profile from this selection.
Upon logging in, the user will be prompted with a profile selection. On this screen, new sub-user profiles can be created. Users can then access their own profile from this selection.
Upon logging in, the user will be prompted with a profile selection. On this screen, new sub-user profiles can be created. Users can then access their own profile from this selection.
User Flow 3: Creating A Sub-Profile From Settings
User Flow 3: Creating A Sub-Profile From Settings
User Flow 3: Creating A Sub-Profile From Settings
Feature Two
Feature Two
Feature Two
Allow sub-users to be separated from the parent account
Allow sub-users to be separated from the parent account
Allow sub-users to be separated from the parent account
If a sub-user wishes to have their own separate account, a feature is needed to allow a profile to be split from the main parent account, keeping all of their data, ready to be used independently.
If a sub-user wishes to have their own separate account, a feature is needed to allow a profile to be split from the main parent account, keeping all of their data, ready to be used independently.
If a sub-user wishes to have their own separate account, a feature is needed to allow a profile to be split from the main parent account, keeping all of their data, ready to be used independently.
Implementation One
Implementation One
Implementation One
Add a split sub-user's profile page in the settings tab
Add a split sub-user's profile page in the settings tab
Add a split sub-user's profile page in the settings tab
A new page can be added to the settings tab with the option to split a sub profile if needed. This will then take the user through the split account process.
A new page can be added to the settings tab with the option to split a sub profile if needed. This will then take the user through the split account process.
A new page can be added to the settings tab with the option to split a sub profile if needed. This will then take the user through the split account process.
User Flow 4: Splitting A Sub-Profile From Settings
User Flow 4: Splitting A Sub-Profile From Settings
User Flow 4: Splitting A Sub-Profile From Settings
Feature Three
Feature Three
Feature Three
Allow the parent account to manage lessons via the calendar
Allow the parent account to manage lessons via the calendar
Allow the parent account to manage lessons via the calendar
To let parents manage the lessons of each sub-user, an improved calander is required to allow easy lesson planning and organisation, without having to check each sub-profile individually.
To let parents manage the lessons of each sub-user, an improved calander is required to allow easy lesson planning and organisation, without having to check each sub-profile individually.
To let parents manage the lessons of each sub-user, an improved calander is required to allow easy lesson planning and organisation, without having to check each sub-profile individually.
Implementation One
Implementation One
Implementation One
Update the main calendar to a multi-user calendar
Update the main calendar to a multi-user calendar
Update the main calendar to a multi-user calendar
Update the single user calendar on the main users profile to show each user's lessons, allowing for easy lesson management, with filters by student and subject.
Update the single user calendar on the main users profile to show each user's lessons, allowing for easy lesson management, with filters by student and subject.
Update the single user calendar on the main users profile to show each user's lessons, allowing for easy lesson management, with filters by student and subject.
Low Fidelity Wireframes
Low Fidelity Wireframes
Low Fidelity Wireframes
Following on from the process flows, I created a basic set of wireframes showing the general structure of each feature proposed above. Throughout, I gained regular feedback from parents and students to see which elements best suited their needs, iterating based on feedback.
Following on from the process flows, I created a basic set of wireframes showing the general structure of each feature proposed above. Throughout, I gained regular feedback from parents and students to see which elements best suited their needs, iterating based on feedback.
Following on from the process flows, I created a basic set of wireframes showing the general structure of each feature proposed above. Throughout, I gained regular feedback from parents and students to see which elements best suited their needs, iterating based on feedback.
Design
Design
Design
Multi-User Tutorly
Multi-User Tutorly
Multi-User Tutorly
Throughout the design phase, I conducted regular user testing as each new feature became available. This allowed me to spot pain points within the current version and update them alongside the next new feature.
Throughout the design phase, I conducted regular user testing as each new feature became available. This allowed me to spot pain points within the current version and update them alongside the next new feature.
Throughout the design phase, I conducted regular user testing as each new feature became available. This allowed me to spot pain points within the current version and update them alongside the next new feature.
User Selection Page
User Selection Page
User Selection Page
Select which user is currently using the platform to enter their own private workspace.
Select which user is currently using the platform to enter their own private workspace.
Select which user is currently using the platform to enter their own private workspace.
Design
Design
Design
To give each sub-user their own space, this design allows each user to select their own space upon opening the site and logging in. Each user gets a customisable profile picture to make finding themselves on this list easier.
To give each sub-user their own space, each user to select their own sub-profile upon logging in. Each user gets a customisable profile picture to make finding themselves on this list easier.
To give each sub-user their own space, each user to select their own sub-profile upon logging in. Each user gets a customisable profile picture to make finding themselves on this list easier.
UX Psychology
UX Psychology
UX Psychology
Usability: Utilising a clear and simple inferface, it is easy to find each user's respective profile.
Usability: Utilising a clear and simple inferface, it is easy to find each user's respective profile.
Usability: Utilising a clear and simple inferface, it is easy to find each user's respective profile.
Hick's Law: A customisable profile picture allows each user to be found at a glance, reducing complexity and time-taken searching.
Hick's Law: A customisable profile picture allows each user to be found at a glance, reducing complexity and time-taken searching.
Hick's Law: A customisable profile picture allows each user to be found at a glance, reducing complexity and time-taken searching.
Splitting A Profile
Splitting A Profile
Splitting A Profile
Separate a profile from the main user account to create a brand new account for the sub-user.
Separate a profile from the main user account to create a brand new account for the sub-user.
Separate a profile from the main user account to create a brand new account for the sub-user.
Design
Design
Design
A simple list design to manage the sub-profiles, allowing editing user details, personal colour and splitting a profile into it's own account. The 'Add Profile' button ensures profile management can be maintained from this page alone.
A simple list design to manage the sub-profiles, allows for adding new profiles, editing user details & personal colours and splitting a profile into it's own account.
A simple list design to manage the sub-profiles, allows for adding new profiles, editing user details & personal colours and splitting a profile into it's own account.
UX Psychology
UX Psychology
UX Psychology
Law of Proximity: For each record, related details, edit options and splitting are kept close to the user's profile picture and name.
Law of Proximity: For each record, related details, edit options and splitting are kept close to the user's profile picture and name.
Law of Proximity: For each record, related details, edit options and splitting are kept close to the user's profile picture and name.
Multi-User Calendar
Multi-User Calendar
Multi-User Calendar
Keep track of every sub-user's scheduled lessons and lesson history.
Keep track of every sub-user's scheduled lessons and lesson history.
Keep track of every sub-user's scheduled lessons and lesson history.
Design
Design
Design
Taking inspiration from familiar calendars such as Teams and Google Calendar, I have updated the design to accomodate multi-user scenarios, using filters to navigate by student and subject.
Taking inspiration from familiar calendars such as Teams and Google Calendar, I have updated the design to accomodate multi-user scenarios, using filters to navigate by student and subject.
Taking inspiration from familiar calendars such as Teams and Google Calendar, I have updated the design to accomodate multi-user scenarios, using filters to navigate by student and subject.
UX Psychology
UX Psychology
UX Psychology
Jakob’s Law: To ensure familiarity, I took inspiration from Teams and Google Calendar while adding new filters to benefit the multi-user environment.
Jakob’s Law: To ensure familiarity, I took inspiration from Teams and Google Calendar while adding new filters to benefit the multi-user environment.
Jakob’s Law: To ensure familiarity, I took inspiration from Teams and Google Calendar while adding new filters to benefit the multi-user environment.
Accessibility: Utilising strong colour contrast for the text, backgrounds and date & time indicators improves readability and information distinction.
Accessibility: Utilising strong colour contrast for the text, backgrounds and date & time indicators improves readability and information distinction.
Accessibility: Utilising strong colour contrast for the text, backgrounds and date & time indicators improves readability and information distinction.
Review
Review
Review
What I Learned
What I Learned
What I Learned
User
Personas:
User Personas:
User
Personas:
Summarising large amounts of user data into digestable snippets proved useful for creating goals and problems statements.
Summarising large amounts of user data into digestable snippets proved useful for creating goals and problems statements.
Summarising large amounts of user data into digestable snippets proved useful for creating goals and problems statements.
Design
Context:
Design Context:
Design
Context:
Building out the wider website helped inform styling guidelines and gave additional UX problems to consider, leading to a more consistant design with the bigger picture in mind.
Building out the wider website helped inform styling guidelines and gave additional UX problems to consider, leading to a more consistant design with the bigger picture in mind.
Building out the wider website helped inform styling guidelines and gave additional UX problems to consider, leading to a more consistant design with the bigger picture in mind.
User Flows:
User Flows:
User Flows:
Visualising ideas early helped with identifying potential issues that would have arised later. Iterating on these findings saved time overall and better established the requirements each feature would need to be sucessful.
Visualising ideas early helped with identifying potential issues that would have arised later. Iterating on these findings saved time overall and better established the requirements each feature would need to be sucessful.
Visualising ideas early helped with identifying potential issues that would have arised later. Iterating on these findings saved time overall and better established the requirements each feature would need to be sucessful.
Next Time:
Next Time:
Next Time:
Creating a formal design system and style guide would have been useful for this project to ensure consistency in components and colours while building the full site, and also for faster changes during iterations of the designs.
Creating a formal design system and style guide would have been useful for this project to ensure consistency in components and colours while building the full site, and also for faster changes during iterations of the designs.
Creating a formal design system and style guide would have been useful for this project to ensure consistency in components and colours while building the full site, and also for faster changes during iterations of the designs.
Other Projects
Other Projects
Other Projects
