Faster way to browse, faster way to learn
Product Designer
January 2022 - May 2022
Global Recommendation
Web (Desktop & Mobile) & Android
Help a user (student) perform searches and make them easier when finding the content. On a business side, we want to grow the Learning Time.
Result
This project Increase 108% the content consumption from search funnel after implement the new design
Project Background
Quipper is the Learning Management System. One of the product is Learn Platform, this is the platform for student that helps them learn something through the content.
The problem
• Learning Time is very low
• Search Feature not perform well, student didn't get what they want.
Looking the Data
First of all, I just wondering, how user type the keyword when they are browsing the content through the search page. Then, we are looking at what is the pattern of our users, when they do searching activity. We took a look at the search logs and found that most users are using grade, and subject name.
Existing Experience
At the current existing flow, students have the capability to search the content based on their keyword. Also, the content is separated into 2 two types of content (Video and Quiz)
Analyze the problem
Analyzing pain points of existing search flow
Currently, the student can search the content by submitting the keyword, but it has some problems that caused pain points for the the student. Also on the search result page, this page has so much information. The challenge is to make the information easy to scan by the student.
Differentiate the user
Following numerous user interviews, we identify two distinct user types during their content exploration.
We're presently facing issues, so what must be done?
Problem
Idea
Give an inspiration about "Something to learn"
To motivate learners who wish to explore the material, we strive to provide them with trending keywords, and if they has previously browsed content, we attempt to offer them the recent keywords.
Showing an empty state when student tap the search field with recent keyword and without it.
Keyword recommendation when user typing 2 character.
Let user set the specific criteria
To make student easier to find the content, we provide the search filter. At this phase, we started to observe our data structure and discussed it with the other stakeholders to make it align.
Based on the data, the most searched keyword is Subject and Grade. In our content structure also, we have the subject, curriculum and grade as a content group.
UI Interaction when user set the filter criteria
There are several problem on search result page. We need to make it better. We try to start to identify the most important information for student and exploring some idea.
Video Card UI Exploration