Faster way to browse, faster way to learn

Role

Role

Product Designer

Timeline

Timeline

January 2022 - May 2022

Team

Team

Global Recommendation

Platform

Platform

Web (Desktop & Mobile) & Android

Project Goal

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.

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

A student that doesn’t know what they want to learn and dont have keyword to search.

A student that doesn’t know what they want to learn and dont have keyword to search.

How might we give a user inspiration about something to learn?

How might we give a user inspiration about something to learn?

Dofficult to find content with certain criteria.

Dofficult to find content with certain criteria.

How might we make user faster when they’re finding the content?

How might we make user faster when they’re finding the content?

Too much information on the current card structure. And sometimes it's redudance

Too much information on the current card structure. And sometimes it's redudance

How might we make user easier and faster when they’re scanning the information on result page?

How might we make user easier and faster when they’re scanning the information on result page?

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

Information Architecture mapping

Information Architecture mapping

Information Architecture mapping

Information Architecture mapping

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

Make user easier when scanning on result page.

Make user easier when scanning result page.

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

Refine Video Card Information Structure

Refine Video Card Information Structure

Refine Video Card Information Structure

Refine Quiz Card Information Structure

Refine Quiz Card Information Structure

Refine Quiz Card Information Structure

Search Result Page Before and after

Search Result Page Before and after

Search Result Page Before and after

Search result page implementation

Search result page implementation

The results

We try to record the data 20 day before implementations and 20 day after it implemented. In average, the new search experience increases the content consumptions more than double.

We try to record the data 20 day before implementations and 20 day after it implemented. In average, the new search experience increases the content consumptions more than double.