Making it easier for users to edit images and reducing ad rejection by the review team. Image editing is going to be a part of the ad submission process. User's ads get rejected because the ads in the images need rotation or need to have the standard ratio.

Role: UX Designer

Team: Ads team

Year: 2019

Company: Divar (Agah Pardazan Houshmand)

6 mins



🗂 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.

Untitled

😥 Problem/Challenge

Divar’s users submit hundreds of thousands of ads every month and their ads get reviewed by the Review team or our review Bots. user's ads get rejected because the ads in the images need rotation or need to have the standard ratio. Users also had hundreds of feedbacks requesting the ability to edit the images before submitting them. hiding a part of the image was another problem. Users need to hide their car plates for example.

Framing with JTBD

When I'm submitting my ad, I want to edit my images in the process, so I can submit my ad faster and don't get rejected because of the image issues.

Untitled

👨‍👩‍👦‍👦 Users & Audience

500 thousands of users submitting different ads every day with different backgrounds & knowledge in different ad categories.

🎯 Goals

Make it fast, easy and as simple and possible for users to Crop, Rotate or Brush any part of the image in the ad submission process.

😰 Product side challenges

Because mobile devices have small screens, an in-app photo editor can’t include all the tools together. Biderectionality, Localization, system-wide consistency.

Untitled

📚 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.

Everything starts with the basics (most of the time)!

Everything starts with the basics (most of the time)!

Untitled

📊 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 the most rejection reasons?

Key Insights:

And some other quantitative date related.

Untitled

🛠️ Structuring Information Architecture

I did a competitor analysis to identify common tools and design patterns in photo editing apps to structure our image editor Information Architecture. To simplify the learning process for novice users, we needed to use common design patterns. We didn't want to make it another confusion for them to edit the photo in the submission process.

Untitled