Revamped Search Experience, Boosting Content Consumption by 112.5%.
Product Designer
January 2022 - May 2022
Global Recommendation Team (PM, Designer, Engineer, QA)
Web (Desktop & Mobile), Android, iOS
Result
This project Increase 112.5% the content consumption from search funnel after implement the new design
CONTEXT
Company
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.
Project Goal
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.
BUSINESS INSIGHT
90K
At 2021, 90K queries are generated on search feature.
6%
But, only 6% converting to the content consumptions.
USER INSIGHT
User Feedback
Students have difficulty finding the content they want to learn. Especially from the Search funnel.
User Problem
• The content that appears does not match user preferences
• Difficult to read the information in search results
• Sometimes I'm confused about what to study.
Questioning
• Find out what preferences students want.
• What makes it difficult for students to digest information?
• How to inspire students•?
PROBLEM VALIDATION
Quantitative Research
Analyzing the keyword that is used by students when browsing the content. Then, try to calculate the keyword group.
Qualitative Research
User interviews with some different type of students. Try to know they behaviour when browse the content.
Problem 1
What is preferences that students want?
To answer the question, we took a look at the search logs and found that most users are using grade, and subject name. Beside that, we have the insight from the teacher that will be good if we can select the curicullum.
![](https://framerusercontent.com/images/MdEnifEFdKnaRk0eJ4F3lMuHLO4.png)
Problem 2
What make user difficult to read the information?
![](https://framerusercontent.com/images/ebImqTzWtUHCgTTM3iuGqphkdbA.png)
Problem 3
How to inspire student to learn?
Following numerous user interviews, we identify two distinct user types during their process for searching the content.
![](https://framerusercontent.com/images/TGtb5MRXnQQYzj94ijBWojcSGU.png?scale-down-to=4096)
THE ROOT CAUSES
After knowing all the insight, I realize that the root causes is the content structure. This is need to be improved.
IMPROVING THE CONTENT STRUCTURE
At this phase, we started to observe our data structure and discussed it with the other stakeholders (Content team, PM and Engineer) to make it align.
DESIGNING THE SOLUTION
Solution 1
Filter by students preferences
To make student easier to find the content, we provide the search filter.
Based on the data, the most searched keyword is Subject, Grade and Curicullum.
![](https://framerusercontent.com/images/kELeQQgwHTyZLPrqCWiwuiFUQlk.gif)
UI Interaction when user set the filter criteria
Solution 2
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
Final UI Design For Search Result Page
Solution 3
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.
![](https://framerusercontent.com/images/fO8KgUdYCvJuhe3avfzdunqnmA.png)
Showing an empty state when student tap the search field with recent keyword and without it.
![](https://framerusercontent.com/images/N497MM2F3zVLt5gkhgeyAVueKk.gif)
Keyword recommendation when user typing 2 character.