Tigers Den
Overview
A food delivery app, that is able to help all people order from the online menu without any barriers.
Going abroad may be stressful since many individuals feel like outsiders when they don't speak the language. As a result, many countries use English as the international language to greet visitors and make them feel at ease. Many of the families I visit struggle with English, making ordering food or reading the menu difficult. When ordering through the mobile app, the goal is to enable access to a language option.
Role
-
UX / UI Design
-
Product Designer
Duration
-
2 Months
Tools
-
Figma
-
Adobe Photoshop
-
Google Docs
-
Paper & Pencil
Team
-
Individual
Problem
Many foreigners struggle with the English language, that is where they feel like outcasts for not being able to communicate with the business.
Some tourists do identify places that speak their language, but navigating via the app to the correct language settings can be time-consuming and challenging.
Design Challange
How can we make it as easy as possible for foreigners to use food delivery apps?
Many foreigners struggle with the English language, that is where they feel like outcasts for not being able to communicate with the business.
Solution
From the elderly to the young, many immigrants have difficulty with the English language. They feel like outcasts of not being able to communicate with the business.
By emphasising more on UX and UI, my design process has the following 11 steps that carry out the following process.
-
Competitive Audits
-
Personas
-
User Interviews
-
Usability Testing
-
User Flows
-
Prototyping
-
Wireframing
-
Information Architecture
-
Moodboards
-
Sketching
-
5Ws (Who, What, When, Where, and Why)
Process
Okay, but how are we going to get there?
When investigating the problem, conducting primary and secondary research can assist us in gaining some insights.
Secondary Research
In secondary research, the designer needs to understand how the user and the business side of things think to offer a strong user experience. I began doing some research and learning more about accessibility and how to apply simple strategies to the app to attract people.
Why choose a mobile platform and not other platforms?
-
Mobile platforms have gained more popularity due to the rise of smartphones worldwide.
-
There is more due to simplicity and support on mobile platforms that make things easier for the users.
Primary Research
In order to better understand and learn more about their perspectives and pain points, I conducted a total of 6 interviews along with various types of surveys.
Age range: 20 to over 60
Gender: Each gender is equally targeted, and each has a different set of skills.
users who are tech-savvy, non-English speakers, Dyslexia impairment, visual impairment
France, Germany, Spain, Italy, and the United Kingdom are the target countries.
Types of features users are interested in?
I have displayed a persona for my research to figure out the findings regarding the pain points, non-identical backgrounds, and needs.
-
Easy access to navigation and order
-
Occurring updates for delivery
-
Payment options to be an easy process
Persona
With my persona, I have created journey maps for them. This is to display an idea and understand how my users would complete prompts and assess their actions, and behaviors as they test the food app.
Who, What, When, Where and Why (5WS's)
What
A mobile app to help people interact with food apps easier.
Who
For those users who would like to eat out and try different cuisines.
When
Users can order from the food app whenever they like.
Where
For those users who have a close range towards the restaurant.
Why
To experience delicious food, and also be able to use the accessibility features to make things easier when ording food.
Competitive Analysis
For my competitive audit, I researched and picked 2 companies that were dominating the mobile food delivery market. I focused on learning their pros and cons based on the following.
Website : https://www.ubereats.com
Pros
-
Variety of cuisines to choose from
-
Modern minimalist design as it's easy
-
Smooth working design with no limitations
Cons
-
Long delivery wait times
-
Selection of restaurants are limited
Website : https://www.dominos.com
Pros
-
Very eye-catching colours
-
Easy and simple user flow
-
Discount / Coupons are always added to attract customers
Cons
-
Not many healthy options
-
High fat and high calorie food perceived not good by health
-
No language options to choose from
User Journey
In addition to creating personas, I also created user journeys for the main features of the app. I was interested to know how and what my users would need in order to complete a task.
Information Architecture
Then, to arrange the structure of my app and have a graphic illustration of the screens, I produced a site map.
There are three main buttons that are important within the homepage which have been added are the following,
-
Profile button = This button is included to provide quick access to the profile page, which makes it easier for users to view what information has been uploaded to the food delivery app.
-
Share button = The share option has been introduced for individuals who want to share the restaurant menu with their friends and family.
-
Search button = The goal of the search button is to quickly locate dishes/drinks without having to navigate through numerous pages. When browsing, this makes things go quickly and efficiently.
Style Guide
Font
Colours
Icon bar
Menu bar
Heading 1
Heading 2
Sub-heading
Body
Voltaire 40px
Voltaire 20px / 24px
Voltaire 18px
Georgia 14px / 18px
Prototype
I began by drawing paper wireframes. I iterated the designs and chose the most appropriate variations. Then I used Figma to build the Low Fidelity wireframes. Frequent updates to the app's UX and functionality were made across the various fidelity phases.
Key feature 1
You can change the language in the settings at any time.
Because of the user interface's simplicity, users may easily change the language.
This makes it easier for consumers to grasp the menu because their preferred language is easily accessible.
Key feature 2
The menu displays are simple.
Many customers suffer several issues as a result of too much information being displayed on displays, which is why I have simplified things for them.
Key features 3
The payment and ordering process has been simplified.
Users may pick which payment methods they want to use after selecting an order, as well as keep connected to the delivery driver with times and updates, once the order has been selected.
Usability Study
The usability research was repeated twice since it aided in my usability testing for my digital wireframes. I utilised my high-fidelity prototype for the second study since it highlighted which areas of the design needed to be improved.
Observation # 1
Is the navigation for the users counterintuitive?
Many users encountered many problems with the navigation bar for going back and forth.
Changes were then made to make things more identifiable by using a CAT (call to action) button.
Observation # 2
Is there adequate functionality in the checkout procedure for the customer?
Users weren’t impressed by the lack of options shown in the order review.
Added colours, information, and illustrations to attract the users' attention.
Observation # 3
Is there enough information on the sidebar for customers to use?
Users felt that the side menu page was not as exciting to interact with.
Added illustrations and buttons to attract the users more.
Reflections
Small companies may use the food delivery app to keep up with the new trends.
Regardless of the origin of pandemics, many restaurants, and food businesses have found strategies to attract consumers.
This conceptual case study has taught me a great deal. As a designer, I've found that the more research I do, the more insight I get.