top of page

Enhancing visual differentiation

Screenshot 2024-10-07 at 14.47.04.png

Differentiating text and video content within clickable components on the lock screen.

Background 

Project for Taboola as part of my summer internship with them.

About Taboola

Taboola is a content discovery platform that provides personalized content recommendations to users across various digital platforms, including mobile devices.

Deliverables

Research 
Market analysis
Usability tests
UX/UI design 

Challenge

One of the key challenges Taboola faces is effectively differentiating between text-based and video-based content within clickable components displayed on user's lock screens. This differentiation is crucial to enhance user engagement and interaction with the content.

HMW differentiate between the various contents without being intrusive?

Mockup.png

Goals 

Improved Engagement

Increase user engagement with video content, leading to higher click-through rates and a better overall user experience.

Content Clarity

Create a design that clearly communicates the content type, promoting user understanding.

Non-Intrusive Design

Develop a design solution that effectively differentiates content types without being intrusive or disruptive to user's lock screens.

Market analysis

Content Marking Analysis: Analyze industry practices for marking video content, including the use of icons, colors, and text.

​

Identify Market Patterns: Discover prevalent design patterns used by competitors and similar platforms for differentiating video content.​

Using the 'play' icon to mark content that is a video

2.png

Using Text insertion by adding an icon or graphic to the text to make it stand out

3.png

Using tags to indicate the type of content

4.png

Use of red color to attract attention and differentiate

5.png

Using the player as a known component for running video / music

Using dynamic components

Usability tests

We conducted a usability test in order to check memorability and to filter the best options​

​

-  Flow of 5 wallpapers that change every 5 seconds
-  The fourth screen gets a different component in each variant
-  We tested each variant on 50 users from the UK
-  We asked the users which of the wallpapers was a video item

test.png

Control test

test results.png

The results of the control test showed that no one chose the fourth item

Implementation and discovery

R1.png

For the 'play' icon the success rates here were low

R2.png

For Text insertion the success rates increased and the white icon worked the best

R3.png

The Tags also showed an increase in success rates when the tag was red

R4.png

Changing background color was not enough

R5.png

Using the player increased the percentages significantly and worked best without a color change

Using a dynamic component showed the best success rates

Insights

The observed differences between the different versions were minimal and lacked statistical significance (usually ranged between 2 and 3 users)

We came to a conclusion that the choice between these versions has negligible practical importance due to the performance results and in this case, we preferred to choose what worked better visually.

bottom of page