The One Academy’s student portal is a necessity for all current The One Academy students, but they often feel like hassle and inconvenience to use it cause of the troublesome login process and unclear navigation.
RESEARCH SPRINT
Objectives
The purpose of this research is to understand how satisfied current The One Academy students are with The One Academy website and understand how they usually use the website.
To collect data, I surveyed 5 people, aged between 19 to 21, who are currently studying in The One Academy at least 2 years and above.
Persona Survey Questions:
Consequence
After the interview, I found out that students have more opportunities to use the student portal rather than the website, because of the information on the website are not relevant to them and they mostly use student portal to check information.
Persona Survey Supplementary Questions:
Supplementary questions to ask about The One Academy’s student portal.
Pain Points
Since students are mostly using the student portal, I asked with some supplementary questions about the student portal, and help me find out the pain points of them using the student portal.
- Interviewees felt hassle and inconvenience every time they had to log in to the student portal and had to constantly update their personal information.
- Interviewees said that the student portal is overloaded with text as if it’s like a government website.
- Interviewees mentioned that it should be more convenient to help students to find what they’re looking for efficiently.
- Interviewees said that the navigation of the student portal website are not clear and they will feel lost sometimes.
Problem Statement
For first-year students that just joining The One Academy,
Who wants to check the school’s announcement and latest updates,
The One Academy’s Student Portal Is an app
That is providing more information and latest updates of the school for current The One Academy students.
Unlike The One Academy’s website,
Our product is providing a more private, personalized and convenient platform for students to check and update their school documents.
User’s Journey
The user journey starts from Kelly who wants to check for school announcements through The One Academy website, and she found out that the information on the website is not relevant to her, so she tries to check on her student portal and she felt hassle and inconvenient of the login process.
Opportunites
Due to the questions and thought of the user’s journey, I will create a more personalized and convenient Student Portal App for The One Academy students.
Full Research Deck Slides:
CONCEPT SPRINT
Sitemap
The sitemap for current The One Academy Student Portal.
UX Audit
I did a UX audit on current The One Academy Student Portal and it scores 3.5
Features Matrix
Using this method to filter out the unnecessary features and the highlighted features will be added into the Student Portal App.
First Round Survey
After I have created the wireframes, I interviewed with the same 5 people and gather their feedback about the new features.
Prototype Survey Questions:
Here are some main feedbacks:
1. Log In with Face ID
“I would like to login with password or fingerprint because I’m not using Face ID.”
I added this feature is to make it easier for students to log in to this app, and fingerprint and Face ID depends on the phone model, but it reminds me of some people who will more prefer on using the password, so I will let users have a choice of choosing use Face ID/Fingerprint or password to log in.
2. Linking Student ID to the App
“It’s unnecessary to link my Student ID card again because I already log in with my Student ID.”
The purpose of this feature is to let users manage their Student ID card through their mobile phone since the user feels like it’s adding one more steps, I will combine log in with linking their Student ID card, which means users can log in through scanning their Student ID card and it will link it automatically after they’ve successfully logged in.
Wireframe Prototype:
AB Testing
AB testing on 5 different home page and profile page layout.
Full Concept Sprint Slides:
USABILITY SPRINT
Sitemap
The sitemap for the Student Portal App.
Moodboard
First User Flow
Second Round Survey
I interviewed with the same 3 people again and gather their feedback about the design and usability of the app.
Hi-Fi Prototype Survey Questions:
Here are some main feedbacks:
1. Customise Home Page
“The menu button in each widget is unnecessary, I will prefer hold and drag to do the arrangement of my home page.”
That is a good suggestion to rearrange the widget, I will remove the menu button, make it hold for a second and drag to arrange the widget and users can directly resize the widget by holding on the corner of the widget.
2. Check for Announcement
“I feel hassle and there is too much of steps to reach the announcement listing page.”
Since most of the interviewees mentioned this problem, I will reduce the steps by adding a speaker icon on the top right corner of the announcement widget so that users can reach the announcement listing page by just clicking one button.
3. Lack of Graphics and Color Difference
“Overall is a bit monotunes and lack of graphics.”
After they mentioned it, I realized that all the colours are not much different. I will replace some text with icons, adding some graphics and secondary colours to make it more interesting.
Hi-Fi Prototype:
AB Testing
AB testing on different button style, layout and colour.
Final Prototype:
After gathered the user’s feedback, I amended on the flow and added some graphics and colours.
Second User Flow (Amended)
Based on the user’s feedback and amended on the user flow.
Full Usability Sprint Slides:
HANDOVER SPRINT
Style Guide
All the style guide are exported to Zeplin and all the icons are marked as exportable.
User Stories
Product Roadmap
KEY LEARNINGS
- Learned how to craft user test questions and interview the users.
- Learned how to analyze findings and organize data.
- Learned how to present and share ideas.
- Learned how to create and design an app based on the users need.
- Learned a whole flow of creating an app, from research to handover.
This project was super fun and cool, I know here are just a part of UI/UX, we should continue making improvement, optimize the design and add improving maintain the usability of the product. I’ve really learned a lot in these few months! Thank You!