Air Reading
Usability Testing and Redesign
Founded in September 2021, Air Reading is an educational platform that serves children at various reading levels.
This project focuses on usability testing and redesigning. The usability tetsing goal is to help the company discover problems parents(2C) will encounter during the enrollment process through its website.
3 weeks, 2022
Lead Designer, w/other 5 designers
Website, Edtech
Easy and efficient Top Navigation
All the information a parent needs can
be easily accessed from the top navigation column.
Understandable reading level and terms' explaination
Parents can gain a useful understanding of reading level and terms to help them choose the right course for their kids.
Deep insights on teachers' credibility
From the detailed personal background to real-user reviews, parents can have a clear picture of the reliability of Air Readings' courses.
Visual Hierachy on the Pricing Plan
Visualizations and suitable highlights provide users with explicit information of the program membership.
Coherent and Direct Sign-up Process
Users are guided through a sequence of steps to sign up for either a trial class or a formal course with understandable text and buttons.
.png)
"Why do you design like that?"
" Good question! "
" Let me show you the usability testing results first and you will have a clearer idea of what we are doing. "
Participants and Needs
85% of our participants have kids of school age so they have a strong motivation to select a reading program at their children's level.
"What did they say about the webiste?"
"Oh, I thought there would be more information when I clicked in!"
"I'd like to know more about her"
"How do I know if the teacher's background is true or valid?"
“I don’t know why this field is required. I mean, I don’t even use Wechat. Do I need to download it for this?”
What do all these word mean?
“Is this right?
Did I click the right button?”
“Does this work?”
“Oh, it’s loading, it should be this one.”
“Okay, so they are asking me for money now.”
From the usability testing, I had a clearer understanding of the problems and users' needs.
I summarized five pain points from users.
It is not efficient for users to find a suitable level for their children.
The number of teachers and their information displayed on the website are not convincing enough.
5 painpoints
Users felt forced to pay as they tended to ignore the core value of the classes and solely focused on how much they had to pay.
Users are confused about the abnormal scheduling time and easily misled by the usage of unnecessary buttons.
A long time is spent on the homepage and felt information overloaded.
How do we solve the pain points and provide a seamless experience for parent users?
not efficient for users to find a suitable level for their children?
How might we help parent users find an appropriate reading level for their children?
I replaced the heavily loaded information with animated and easy-to-understand expressions to illustrate terms like " phonics" and "phonemic awareness".
*Previous Level Page"
*Iteration"
*Current Level Page"
not quite convinced by the teachers' credibility?
How might we help parent users feel safe to trust teachers?
I added sections of reviews, recommendation stars, and verification label on the teachers' information page to enhance the credibility of teachers.
*Previous Teacher Page"
*Current Teacher Page"
feel being forced to pay?
How might we help parent users feel more comfortable receiving the program membership information?
I improved the information hierarchy to make deals prominent for users by enlarging the strikethrough prices noticeable.
Also, parent users are able to see explicit benefits and achievements that one student can have through the program
*Previous Pricing Page"
*Current Pricing Page"
have a sense of information overlaoded?
How might we help parent users minimize their cognitive load and get the confidence to search for any information they need?
Providing clear system feedback is critical. I modified the top navigation bar with visual changes. When the user hovers over one section, the background will be filled out with systemized red color to signify its location.
*Previous Top Navigation "
*Current Top Navigation "
Hover State
Iteration
Selected State
confused about the abnormal scheduling time and easily misled by some buttons?
How might we help parent users have a clear flow during the enrollment sign-up process?
Giving an additional confirmation page and email notification makes users feel safe and assured.
Removing and adjusting misleading input fields brings clarity and confidence so that users can fill out the forms without much hesitation and guessing.
*Previous Sign-up Page "
*Current Sign-up Page "
