Aman Khatri

Delidone

UX Design / UI Design

Overview

DELIDONE is a fintech app that keeps the track record of daily consumed utilities like Dairy products, Food services, Home helpers, Laundry services, Tea & Juice services, etc.  automatically & transparently between sellers and consumers.

Features

• Keeps the online record track of all consumers with a single click. That would save their hours of time and effort.

• Easy billing mechanism with features like Single click bill transfer, online payment gateway, cash records, and online bill generation.

• They can check the amount of products to be taken for delivery as per consumer requirements.

My Role & Responsibilities

Sole UI/UX Designer

• User Research
• Prototyping
• Usability Test
• Visual Design

Tools

Adobe XD, Photoshop, Illustrator, Lucidchart, Paper & Pencil

 

 

Design Process

With a focus on UI for this project, the steps I covered in my design process included 

With a focus on UI for this project, the steps I covered in my design process included user stories, proto personas, user flows, sketching, wireframing, style guides, and prototyping.

user stories, proto personas, user flows, sketching, wireframing, style guides, and prototyping.

Understanding The Problem

The Problem

Delivery men in India faces many problems while keeping the records of their customers. It consumes lot of efforts and time while calculating the bill amount. That fuzziness lead them into errors in maintaining records and calculating bill of their hundreds of customers. On the other hand, the consumers, they also want some transparency to see whether the bill they get is 100% genuine without involving any kind of fraud. 

Research

Findings From Research

Sellers are finding difficult to manage their expenses.

Milkman recognize that waste issue they generate. However, they don’t do anything to manage their productions.

Buyers always refuses to pay the amount of bill they get.

 Billing takes loads of time to be done by per person individually.

 Some buyers has their own assigned price because of their good relations with seller.

Buyers varies the quantity of products many times in a month.

Buyers pay bill on different dates.

  Buyers sometimes buy other daily products as additional purchases.

Defining The Problem

Task & Context (Product goals)

I started the first step in my process by defining and answering the 5 W questions.

What?

A responsive app to help in keeping and maintaining the records/bills of daily delivered items to the customers.

Who?

Sellers who delivers items like Milk, Tiffin & Tea Services, Laundries, Home helpers, etc. and the their consumers.

When?

Sellers when they are delivering the products, while sending bills, managing their incomes and expenses. Consumers when they have to pay bills and to check the quantity & price of products are correctly entered.

Where?

As the app aims to get users into a routine, the app can be used whenever and wherever users like.

Why?

For Sellers : To save their time, money, and efforts For consumers : To save them from billing manipulations and frauds.

User Persona

User persona is needed to study and understand the behavioural pattern of complex user group in an easier way. 

After user interview user persona guided my ideation process and helped me to achieve the goal of creating good user experience.

profile1

Age & Gender

Location

Education

Profession

Languages

34, Male

Delhi

BA

Milkman

Hindi, English

Dheeraj Verma

“I want to have hassle free milk delivery and want to save up time my time in calculating customers bill”

Background

Dheeraj is a milkman who delivers milk in mornings as well as evenings. He collects the milk from dairy farmers on daily routine. He has 128 customers. He faces some problems while his work. He struggle a lot while calculating bills of all customers that takes lot of efforts and times to be done.

 

Goals

⦿ To get automatic bill calculations

⦿ To save up time and efforts

⦿ To gain more customers

Pain Points

⦿ Calculation takes upto 2-3 hrs. a day

⦿ Cannot keep the record

⦿ Billing errors

profile-2

Age & Gender

Location

Education

Profession

Languages

45, Male

Hisar

High School

Milkman

Hindi

Shakti Berwal

“Business could become better if we could keep the record track of our sales
and send the detailed bill to customers ”

Background

Shakti is a dairy farmer. He owns 2 cows and 3 buffalos. He delivers milk to his customers all by himself and his brother. They want to keep the track of their Sales, income and expenses.

 

Goals

⦿ To get Sales report

⦿ To track income and expenses

⦿ To send detailed bill to customers

Pain Points

⦿ Unbalanced work routine

⦿ Waste of time

⦿ Billing errors

profile-3

Age & Gender

Location

Education

Profession

Languages

37, Female

Delhi

High School

Tiffin Service

Hindi, English

Mamta Jha

“I want to have hassle free tiffin delivery and want to save up time my time in calculating customers bill”

Background

Mamta is a Tiffin provider. She has 100+ daily tiffin consumer. She has scheduled
Tiffin meal for each day. She finds it hard to maintain the tiffins rotations and
Billing of customers.

 

 

Goals

⦿ To keep maintain tiffin rotations

⦿ Easy billing as per customers need

⦿ To gain more customers

Pain Points

⦿ Tiffins keep getting missing

⦿ Cannot keep the record

⦿ Billing errors

Hypotheses

• If we allow users to select ‘deliver all’ option at the end of deliveries, it would be the work done within seconds.

• If we add a button where user can send all the bills to their customers at once, that would minimize the time..

• If we show the Sales report to the user, then they will be aware of how much they need produce the product.

• If we allow users to add their income and expenses of their business then users can manage to keep records of their accounts within single platform.

Generating Possible Solution

Information Architecture

I conducted card sorting testing and created the information architecture to see how the app information was organized and labelled for overall ease of use.

I sketched and laid out the idea in my mind.

Onboarding

Onboarding : The first-time onboarding experience is a way to introduce users to a new product. I created this onboarding experience as simple as possible. Also, I wanted to understand users behaviors during this step to personalize the app.

Home

I wanted to create a very simple and very straightforward way of home screen for new users to start interacting with this app. I was thinking about the actions on the home which action was primary and how I dominated the primary action.

Add customers

I tried to provide not only simple ways, but also several ways for my users to add customers according to their requirements. User can add Dues & advance balance, select their products and can assign the price each customer individually. Customers can be assigned to delivery persons from morning to evening making the user keep the record track of both of their customers as well as delivery persons.

Delivery

I think this is the way to track the amount of product to be delivered as per dates. User can set the sequences of their customers as per delivery needs and when they start their delivery journey, they can navigate the customers easily and just click on delivered to deliver, it will automatically gets added to the customers billing account. This is created to minimise the amount of time taken by delivery persons.

5
6
7
8
9
10
11
12

Embody Solutions (Prototype)

Wireframing

After card sorting, I started sketching the core features and designing mid-fidelity wireframes.

The wireframes will be tested by users to identify pain points and optimize the design.

Assess ( Find new problems )

Usability Testing

Reviewed the proposed wireframes that were generated in the brainstorming phase with a team and conducted usability testing to validate the ideas and resolved them further with more in depth planning. 

I worked on possible solutions to the problem then test it with my users. Then, based on the feedback, I iterated design again and again. 

When I conducted a user interview or testing, usually people expressed their experience  by words. Those words sometimes were subjective. 

 

The subjective feedback was not good enough to measure whether the UX was good or not. Once I had drafted design mockups, I created interactive prototyping and tested by SUS (System Usability Score). I asked the 10 system usability scale questions. People responded by scale point (1-5). Then, I calculated the overall SUS score by using the framework. 

 

During calculation, I enjoyed the process. The experience transformed to numbers. This quantitative method was very useful to measure people’s response.

 

Here are some sample test score : 

Add customer (8/10 responses) : 78.75 – Good to launch

Delivery (10 /10 responses) : 82.20 – Excellent to launch

Final Screens

You can see the video below.

What I learned

• Defining the right problem

   Is the most important factor in finding a suitable solution.

• User centered design

   The importance of user centered design to provide better experience. Merchant pain point and customer pain point of checkout experience.

   The importance of target platform design guidelines for consistency.

• Inclusive design

  Specially, payment screens should be usable for all people from young to old people and accessible consumers. For example, the colors, font      size and weight, many components of design should be for all.

• Ideas/features prioritization

  Through users feedback and interviews, I learned what they needed and practiced how to prioritize the features.

• Users – Don’t make them work

  They would always like to minimize the total mental efforts.

• Designer mindset

  Trying new things is the best way to keep up with design and technique trends as a designer.

• Defining the right problem

Is the most important factor in finding a suitable solution.

• User centered design

The importance of user centered design to provide better experience. Merchant pain point and customer pain point of checkout experience. The importance of target platform design guidelines for consistency.

• Inclusive design

Specially, payment screens should be usable for all people from young to old people and accessible consumers. For example, the colors, font size and weight, many components of design should be for all.

• Ideas/features prioritization

Through users feedback and interviews, I learned what they needed and practiced how to prioritize the features.

• Users – Don’t make them work

They would always like to minimize the total mental efforts.

• Designer mindset

Trying new things is the best way to keep up with design and technique trends as a designer.