ASLORA

Handling
Deliveries
Elegantly

asloramockup

Overview

Online shopping brings convenience right to the palm of your hand but missed deliveries due to not being home brings more trouble than its worth. Utilising UX methodologies I designed an app that allows the user to track and handle deliveries conveniently.

Time

1 week 

Tools

Adobe XD


Role

UX Designer 

 

Methodologies

○ User interviews
○ Affinity Mapping
○ Wireframing
○ Prototyping

 


METHODOLOGIES

○ User interviews

○ Affinity Mapping

○ Wireframing

○ Prototyping

 


The Plan

processmapp1

User Research

To gain insights, I first conducted my research in terms of user interviews to gain an understanding of needs, pain points and motivations of users in the realm of online shopping.  Once I transcribed the interviews, I utilised affinity mapping to give me a more complete picture of the research process and was able to synthesise the main pain point, delivery, to develop a solution for. Specifically, within delivery I will be targeting collection, tracking and customer service.

IMG_0572
Affinity Map Proj1_ver2 (3)

Define

With a target issue selected I began to clearly define my problem and solution 

THE PROBLEM:

Online shoppers need a way to know the delivery timing because the shopper faces collection issues when he/she is not at the delivery address during collection.

THE SOLUTION:

A mobile application that alerts customers of an incoming delivery and gives the customer an option to request for an alternative delivery timing, ensuring for a smooth collection process.

Design

USER FLOW

Before I began designing the app I created a flow chart to illustrate the movement of a user through my app.

userflowaslora

SKETCHING

Drawing influences from delivery tracking services within Amazon and Food Panada, I did preliminary sketches to visualize the user flow and to experiment with the interface. During this process I did not take particular care in the aesthetics but focused more of the functionality of the app. Sketching also allowed me to get feedback and suggestions as I could run through the flow with test participants before I began developing an interactive prototype.

IMG_0600
IMG_0598

PROTOTYPING

I used Adobe XD to add the final touches of aesthetic design and created a high-fidelity interactive prototype.