FlyDrop - Remote Shopping by Drones
Mobile App UX Case Study
The problem:
The goal:
Design a specialized drone delivery app to empower individuals with disabilities, residents in underserved areas, and busy individuals. The app aims to provide fast and easy way to remote shopping, optimizing time and enhancing accessibility for users with diverse needs.
About
type
mobile app
on-demand shopping
09/2023 – 12/2023
This is an individual project that allowed me to plan and direct each step of the design thinking process.
Research
To understand user frustration, needs, and requirements, I conducted user research through interviews. I have also conducted secondary research using statistical data and articles.
Statictics about drone delivery
Consumer Acceptance:
Consumer Acceptance:
Time Optimizing:
Social Good:
Drone units can be employed in remote or inaccessible regions to successfully deliver vaccines, pharmaceuticals, and other medicines.
Interviews
The interview was conducted with 5 people with different backgrounds, potentially interested in drone delivery.
Personas
Key Painpoints
Based on research, I found out the most important problems user experience using on-demand delivery apps.
Limited Mobility for Individuals with Disabilities
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Time Constraints for Busy People
Busy professionals encounter difficulties in allocating time for traditional shopping methods, needing a more time-efficient solution for their daily needs.
Delivery to some locations is not possible
Residents in hard-to-reach locations lack convenient access to essential products and services, making it challenging to meet their daily needs efficiently.
Communication Barriers with Traditional Services
Users experience challenges in effective communication with coursiers who do not speak the national language, leading to misunderstandings
Ideation
To solve main pain points I came up with features that will make the app more useful and usable.
Accesibility
- screen readers avaiable,
- voice control
- multi language
- no-contact delivery
- user-friendly interface and clear communication thgroughout the delivery process
Convenience & Efficiency
- order tracking,
- ordering in advance for specific time and location,
- re-submitting previous orders,
- faster delivery and greater range than traditional methods,
- special funcionalities for shopping medical products.
Cost & affordability
- discounts,
- loyalty system,
- smaller cost of delivery than competitors, thanks to the use of drones, which are a relatively cheap delivery option.
Support & Assistance
- tutorial in app,
- mini game to learn about drones,
- AI avatar guiding user through app,
- easy acces to contact customer service
Story boards
I’ve created storyboards to visualise how the app can be used.
big picture
close up
User flow
Take a closer look at the user flow within drone delivery app using this scenario: a seamless order for medicines delivered right to your doorstep. This user flow is just a snapshot of the app’s diverse capabilities.
Building the first prototype
Simple home screen for easy and quick ordering
Busy users wants an easy way to quickly order what they need. A simple start screen with the most important information and quick access to previous orders makes it easier for them and also tech beginners benefit.
Ordering medicines
As drone delivery might help people with health problem I added some useful options for them.
Drone’s capacity
Drones have limited capacity, so the app must show the user how much space is left.
Supporting the user
Drone deliver is something new so I made sure to provide live-tracking screen with most important informations.
Usability study of the prototype
I conducted moderated usability study with 5 participants. They were asked to perform tasks in the low fidelity prototype.
interactive prototype
Insighths & Recommedations
- Users wants to see product details by clicking on product title/image
- Make it possible to see product details after clicking on product title/image.
- Users want to receive order confirmation on mail box.
- Add email confirmation of order. Thanks to this, users feel safer about their order
- In general users don’t notice information about drone capacity. It’s important for them to be informed when they exceeded the permitted capacity
- Add clear and visible information when capacity is exceeded. Neutral status stays visible, but may be lower in visual hierarchy.
- People who are not fluent in english struggle using the app
- Add more language options to make app more accesible for users not fluent in english.
A focus on friendliness and simplicity
The UI design system reflects the user’s desire to have user friendly and clutter free app.
-This small, friendly looking drone guides the user through the app.
Drone Happy
Drone Shocked
Drone with package
– Typography & Color
- Typeface - Roboto + Roboto Condensed
The primary color is used across all the interactive elements such as CTAs, link, and actives states
The secondary color palette is used alongside primary color to indicate to the user it’s the secondary focus
The neutral palette is used for text, backgrounds, image overlays and strokes
High fidelity solution
Based on insights from usability study of lo-fi prototype I created high fidelity prototype which also have been tested.
interactive prototype
1. Onboarding
The welcome screen allows the user to start by setting a location or reading about drone delivery. The user’s location is crucial for the proper functioning of the application.
2. Navigation through the app
For easy and intiutive navigating I’ve designed simple home screen. User can look for products by categories or search bar, voice search is also possible. For better cooperation with screen readers, all settings are in one place.
3. List of products
In a usability study, it was observed that 4 out of 5 participants were confused when nothing happened when they clicked on a product. Once the design is updated, the user can open more details by clicking on the product and quickly add to cart using the plus button.
4. Functionalities when purchasing medical products.
Users can quickly fill basket using the prescription code and request for missing products by quick form. This helps people with health problems cope well on their own.
5. Order tracking
The layout is simple and clear. It shows the current order status, tracks the drone’s flight, provides detailed delivery times and order pickup instructions. In any case, the user can contact technical support or simply watch an instructional video.
Next steps
The number of screens and functions in this type of application can be very large. I couldn’t cover all of them at once, so I plan to design more features I mentioned in Ideation phase.
I want to obtain UX/UI feedback from designers with more experience in this field to improve design.
I’ll be very grateful for your feedback!