Back

CONTENT

Overview

Introduction

Research

Process

Design solution

Testing

Results

Improving the search experience on TalkShopLive, boosting sales and streamlining content discovery in a live commerce marketplace.

MY ROLE

User Experience Design, Visual Design, User Research, Developer Hand off

TEAM

1 Product Manager

1 Front-end Engineer

2 Back-end Engineers

Customer growth team

CXOs

TIMELINE

4 weeks in Q4 2024

WHAT IS TALKSHOPLIVE ↗ (TSL)?

A social-selling and video commerce platform enabling sellers to sell products through live streaming and buyers to purchase them on the platform

Who are the sellers?

  • Influencers and celebrities

  • Small, mid and large-scale businesses

THE PROBLEM

TSL was facing high drop-offs, lower product sales than expected, lower viewership on live show and VOD on user initiated Search journeys

THE SOLUTION

Revamped the Search experience that prioritized content discovery and enables users to engage with TSL's live commerce marketplace more deeply

KEY RESULTS

54% increase in number of successful searches, 18% increase in viewership on shows, 66% increase in product sales conversion from direct search

54% increase in number of successful searches, 18% increase in viewership on shows, 66% increase in product sales conversion from direct search

Jump to final designs

Jump to final designs

Jump to final designs

RESEARCH AND PROBLEM BREAKDOWN

User feedback, and user journey data analysis revealed users could not get to a product, VOD or a live show

90 out of 100

viewers and buyers on TalkShopLive did not find what they were looking for!

🚨 Inconsistent scroll pattern, lack of filters, no autocompletion, no segragation of content

🚨 No recovery from 'No results found' page, lack of autocorretion and suggestions

🚨 Quick search is not present

THE PROCESS

Setting design goals

The research and review of the Search experience helped define the focus areas for the redesign of Search

Easy content discovery

Explore methods to allow users to easily discover the different type of content (Shows, Products, Channels) on talkshop.live with appropriate filter and sorting for each content type to reduce frustration with rage quit drop-offs.

Remove and recover from dead-ends

Lead the user to relevant search results when faced no content matching the search results is found while giving them auto suggestions.

Match search workflow to industry standards

Introduce consistent scrolling, content segregation, a dedicated search results page and ability to go back to search results page to match user's mental models.

User journeys and iterative wireframes leading to final designs

Got stakeholders buy on early on via continous iteration of wireframes and creating user journeys that meets user needs and achieve design and business goals

I'd be happy to share the detailed process of iteration and the associated wireframes via email. Contact me 📧

FINAL DESIGNS

🔍 Revamping the 'Full search results' page

Division of content type, ability to view search results for each content type, quick filters for individual content type

🛍️ Navigate to all products using 'Products' quick filters

Each content has its own page with pagination to ensure optimal load times with ability to search for each a product based on filtering and sorting mechanisms

🎬 Navigate to all shows using 'Shows' quick filters

🔴 Turning dead ends into opportunities - Recovering from 'No Results' page

🔍 Quick search: User goals 🤝 Business goals

It was found through research that currently viewers and buyers search for recent content which was hyped about by sellers through external channels (Social media, Press release, Influencers, etc). It could be a recently aired show, a live show, or a product for which a recent show was aired.

To help users quickly get to relevant content without spending too much time, we instantly give users a list of 'Trending Searches' 'Trending Products' and 'Trending shows'.

This also serves as a way to educate users about the type of content at TalkShopLive.

SEE IT ALL COME TOGETHER

Prototypes that underwent user testing to ensure the experience is intuitive

USABILITY TESTING AND MEASURING SUCCESS

A little before and a lot after

Feedback from user testing (Existing and potential new users)

  • "No hindrance in searching for content"

  • "Spell correction and auto completion is important because I often don't type everything and expect the website to guess what I am searching for"


  • "No hindrance in searching for content"


  • "Spell correction and auto completion is important because I often don't type everything and expect the website to guess what I am searching for"


  • "No hindrance in searching for content"

  • "Spell correction and auto completion is important because I often don't type everything and expect the website to guess what I am searching for"

  • "I find the filters on products page very useful"

  • "I understand what I can search for in the platform"

  • "Could I get personalized recommendations based on my behavior on the website?"

  • "I find the filters on products page very useful"

  • "I understand what I can search for in the platform"

  • "Could I get personalized recommendations based on my behavior on the website?"


  • "I find the filters on products page very useful"


  • "I understand what I can search for in the platform"


  • "Could I get personalized recommendations based on my behavior on the website?"


RESULT AND IMPACT

The revamped search enhanced the experience making it easier for the users to find products and content, ultimately contributing to user success and driving sales and engagement.

MEETING USER GOALS

42%

decrease in time taken to find a product, show, channel

54%

increase in number of successful searches

MEETING BUSINESS GOALS

66%

increase in product sales conversion from direct search

18%

increase views for products and shows (Live and VODs)