Milad Safarzadeh
UX Case Studies
Back to milaad.net

Divar Recent & Saved Searches

Making it easier for people to see their recent searches and save them to access them faster and easier, especially in their micro-breaks in "Divar", used by 30 million people every year.

7 min read

Divar Recent & Saved Searches – UX Case Study

πŸ—‚ Overview

Iran's leading online classified ads service. Divar, 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 Design/Interaction Design

We are a team of 12 designers working on Divar. UX researchers, IxD Designers, UX/UI Designers, UX Engineers, and a Design System Manager.

No recent searches and not being able to save previous searches.

No recent searches and not being able to save previous searches.

πŸ˜₯ Problem/Challenge

Search is the core part of Divar app.

People use it more than millions of times each day and some of the most of their searches are recurring, they are looking to rent a house with specific criteria. setting the filters every time is frustrating and time-consuming. we wanted to make it much easier and quicker to use and understand. 

Framing with JTBD

When I'm searching with lots of filters applied, I want them to be saved on my search, So I can search faster without applying them all again when I come back.

Divar Recent & Saved Searches – UX Case Study

πŸ‘¨β€πŸ‘©β€πŸ‘¦β€πŸ‘¦ Users & Audience

+18 Million users using search every day with applied filters to narrow it down to find what they are looking for.

🎯 Goals

Make it fast and easy to use for everyone, everywhere, Give searchers more control over their search history and Make it fast enough to fit into their micro-breaks and save searches.

😰 Product side challenges

Biderectionality & Localization. because we’re designing mainly for Persian users.

Everything starts with the basics!Β 

Everything starts with the basics! 

πŸ“š My Process

Having a well-defined problem, 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.

Divar Recent & Saved Searches – UX Case Study

πŸ”Ž Task Flow of the current search

I created the task flow of the current search to have a better understanding of the tasks user taking. Task flow diagrams also help surface obstacles in the way of users achieving their goals. 

You can see the current flow that it's a pain for users to find their recent searches and explore:

Divar Recent & Saved Searches – UX Case Study
Divar Recent & Saved Searches – UX Case Study

πŸ“Š Diving into the data

People were using the search millions of times in a day searching for the same query and setting the same filters over and over again without being able to see their previous searches (with applied filters). no history and no idea of what are they searching for. 

Divar Recent & Saved Searches – UX Case Study

πŸ–₯️ Design Iterations

I might skip sketching in certain situations cause we do have a design system and certain reusable components to put it all together in a short amount of time and then I will work on the details and will design another component based on the DS elements if necessary. 

We design based on our design system "Sonnat" components and check them back with the Design System Manager if we have to design or create a new component or pattern.

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

I used

I used "Principe" for prototyping

πŸ“² Prototypes

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

  1. Visualization & gathering feedback from teams and users. You can interact with a near-final product and highlight areas that are less than user-friendly. 

  2. The design team can then iterate the design before the product team rolls out the final product, saving 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.

Divar Recent & Saved Searches – UX Case Study

🎲 Component Behavior

When pin search results tapped (TapPin) it will jump up first of the list and will be marked as pinned and the icon will change to fill. 

On removing (TapUnPin) from saved pinned searches the component will not be transitioned back to the previous state/place because it will make no sense. 

According to the LATCH method information can be organized in 5 ways β€” by Location, Alphabet, Time, Category and Hierarchy.

Divar Recent & Saved Searches – UX Case Study

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

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

  • Usage of pin button to save the search (with applied filters on the query)
  • Usage of saved searches instead of searching and applying the same filters.

Design Critique session with UX Chapter

Design Critique session with UX Chapter

πŸ—£οΈ Design critique Session with the UX Chapter

Conducting a productive design critique session can be challenging. Designers often forget that not everyone understands the finer points of the design process. I gathered feedback on the designs in the design critique session to iterate again.

πŸ™‹β€β™‚οΈ 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 PMs, IxDs, and Design system manager to make sure we are on the right path and solving the right problem with the right reusable components. 

Divar Recent & Saved Searches – UX Case Study

πŸ“ˆ The Impact

Saved searches and recent searches are now being used by around 2 million users right now making it easier and quicker for them to use it in their microbreaks and finding what they are looking for a piece of cake for the later uses.

Around 2 Million times a day, users save their searches.

Around 2 Million times a day, users save their searches.

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

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