Milad Safarzadeh

UX Case Studies

Bookmark in a more faster way

Make it fast, easy and as simple and possible for explorers to Bookmark the ads they want and view them later. helping them to narrow down on what they want.

5 min read

Bookmark to review later – UX Case Study

🗂 Overview

Divar, Iran's leading online classified ads service. One of the most popular Cafe Bazaar’s products is the largest and fastest-growing mobile-first general classifieds with +30 Million Monthly Active Users and +500k daily listings. Active listing's value on Divar is almost 6 percent of Iran's GDP!

👨‍💻 My Role

UX/Interaction Designer

We are a team of 12 designers working on Divar (Including two verticals). UX researchers, Interaction Designers, UX/UI Designers, UX Engineers, and a Design System Manager.

😥 Problem/Challenge

In order to "Bookmark" the ads that they want, the user should go to the page of each ad and click the "Bookmark" button to add it to the list of bookmarks for that ad. We want to improve Interaction cost on this process and help the user "Bookmark" ads faster. It can also be used as an indicator of what ads the user has seen before.

Framing with JTBD

When I'm exploring the ads, I want to bookmark ads faster, so I can be able to review them later and compare the ads I bookmarked before.

👨‍👩‍👦‍👦 Users & Audience

42 Million people using bookmark every month. Divar has billions of post views each month which is pretty huge.

🎯 Goals

Make it fast, easy and as simple and possible for explorers to Bookmark the ads they want and view them later. helping them to narrow down on what they want.

😰 Product side challenges

Biderectionality, Localization, system-wide consistency based on design system components.

📚 My Process

Gathering requirements, Problem defining, Navigating through Data to validate the problem or see what I can find out my self, Generating Ideas, Gathering feedback and discussing it with other team members, Designing Iterations, Prototyping, Feedback, Defining Metrics, Delivering to the Client team and DSM.

Define, Research, Design & Prototype, Evaluation, Iterating & Delivery.

📊 Gathering data

I have a background in digital web analytics and a basic understanding of quant data analysis. so I did run a few queries to see what are numbers telling us?

Key Insights:

*** Million Bookmark Usage
***/*** GetContact Button in ads.

🖥️ Design iterations

Defining clear objectives for our design.

In response to the pain points we identified during our research, we established a single main objective to guide our design decisions moving forward.

Adding and Simplifying bookmark interaction in the post list.

Tools I use: Pen & Paper, Balsamiq Mockups, Sketch

📲 Prototype

Prototyping is an integral part of my design process for two key reasons:

Visualization & gathering feedback from teams and users. You can interact with a near-final product and highlight areas that are less than user-friendly.
The design team can then iterate the design before the product team rolls out the final product, saves us both time and money. They’re good for testing and for getting a team’s final sign off on a product design before development begins.

🧐 How we are going to measure it's effectiveness?

By setting action logs and events we would be able to measure it.

Bookmarking ads from the Post list.

GetContact method rate from bookmarks screen

🙋‍♂️ What I've learned?

Working with a large and well-defined role team for my first experience and working with UX researchers and product managers in different verticals of the product. The challenges were complicated due to the need for constant communication with the Design system manager to make sure we are on the right path and solving the right problem with the right reusable components.

📈 The Impact

The bookmark button in post list cards is now being developed by the client team. Our assumption is a big raise in bookmarks but we'll wait.

This is our amazing team I have the pleasure to work with everyday.