Food Ordering App Design: Case Study of Food Hunger Mobile Application

Desklib provides past papers and solved assignments for students. This project details the design of a food ordering app.

Abstract
This assignment describes the designing process of the Food Hunger application. The main
objective of this application is for ordering products and booking a table in the Food Hunger
business. During the designing of the application, Nelson’s heuristics principles were
implemented to maintain error-free application design.
Introduction
The Food Hunger application is a mobile-platform application for the business. It is used by the
users to order products from the Food Hunger business using the application. The interface
design of the Food Hunger is performed by following the Neilson’s heuristic principles which
describe the strategy approaches in designing an application platform. Nelson’s heuristic
principles include a set of ten principles that can be incorporated into the designing of the
application. The research paper selected for this application reference designed an e-commercial
application for the Pinzhi 365 mobile application which used only Yellow, White and Black
color in their design, they also used uniform icons in their design. Their research paper described
the overall design of the Pinzhi 365 mobile application (Xin et al., 2017).
The user interface design of the application
It is the appearances of the application design that a user sees when interacting in the application.
It is generally the graphical user interface (GUI) of the application also including other functions
present in the design of the application. The UI design of this Food Hunger application is easily
understandable and operable. The user interface design of the application is processed by using
the six important heuristic principles from Nelson’s heuristic principles.
By implying the simplicity principle of Nelson’s heuristic principle, the design is made simple
using the common general language and also by providing breadcrumbs for easy navigation in
the platform.
By implying the structure principle of Nelson’s heuristic principles, the structure of the
application is managed by adequately distributing the similar and dissimilar contents in separate
structures. This allows easy and quick processing ability of the application.
By implying the visibility principle of Nelson’s heuristic principles, the contents of the Food
Hunger application is adjusted and used accordingly so that the user does not get distracted due
to complexities in viewing products and their relevant information.
By implying the re-use principle of Nelson’s heuristic principles, the application design is
managed accordingly by using similar designs for the functions in the multiple pages of the
application.
By using the tolerance principle of Nelson’s heuristic principles, the application design is made
tolerant and flexible. The process of undoing a task is incorporated in the application for its re-
usability and also reduces the cost required in error fixing.

By using the feedback principle of Nelson’s heuristics principle, the users of the Food Hunger
application design is always well-informed and updated by the use of notifications and mails
(BIELLER, 2018).
How the design meets the user's requirements and enhances their experience
The Food Hunger interface design was created by keeping Nelson’s heuristic principles in check,
so the design of the application system includes various functions required to fulfill the
customer’s requirements. The main user requirements in the application design of the Food
Hunger business includes-
Home page- It is the page in which a user lands upon when opening the Food Hunger
application. This page allows users to use their respective credentials to log-in and interact in the
application.
Login page- It is the login page of the Food application in which a user can enter their registered
credentials to interact in the application services. This enables the user to enroll in the business
system for getting offers and promotional discounts of the business’s products. The user also has
the options to use their existing personal account details such as by using their Google or
Facebook accounts.
Main menu page- This page contains all the product information and is displayed in a list. The
user can benefit from this page by obtaining quick access to the products which are categorized
according to their type. The user can also see the details of a product by visiting the individual
product site.
Confirmation pop-ups- It contains all the alert boxes used in the designing of the application. It
includes the alert boxes such as the payment confirmation pop-up, order confirmation pop-up
and all other types of alerts that the user receives when interacting in the Food Hunger
application. The user can benefit from these alerts as it can eliminate unwanted actions
performed in the application.
Cart- It is the basket of the Food Hunger application. It contains all the selected products of
choice that a user wishes to purchase. It benefits the user by providing the list of their selected
products and also the option to add or remove certain undesired products from their selected list.
This page also displays the total value of the products present in the cart.
Payment page- It includes the methods of payment procedures in the application. It contains the
details of payment procedures of the application. The user benefits from this page design as it
contains multiple methods of payment gateways for the user to use. The user can either chose the
method of debit or credit transactions to process their order requests or also has the option to
save their credentials for future interactions (Stopka, 2014) (Nitschke, 2016).
Factors influencing the designs; how and why?
The factors influencing the design of the Food Hunger application include all the aspects that
help the system in its growth and development. It includes

User requirements- It is the requirements of the users from the Food Hunger application. The
user may require various functions from a mobile application such as easy usability,
understandable, quick functioning, fast and reliable, and many more. If the user requirements are
not fulfilled then issues such as fewer customers and decreased sales can occur in the business
system. The design of this system is maintained to ensure the presence of a user’s requirements
from this application
Design principles- It includes the process of designing the Food Hunger application for the
business system. The development of the application is performed using Nelson’s heuristic
principles. Using these principles ensures fewer errors in the application development process. If
the application is developed without implementing any design principles then errors can be
found in various places such as the addition of unwanted pages, complicated user interface,
errors in product displays and many more.
Business requirements- It is the requirements of the organization that develops the application
for its use in their business. Business requirements include the needs of various factors such as
the purpose of the products displayed, requirements of services, the current status of the
application services and many more. This application meets all the business requirements as it
contains all the required pages to successfully operate the application.
Competitions- It includes the other organizations that are currently present in the same field of
business service. To compete against the competing businesses application development should
be unique, services should be quick and the approach should not be slow, the products should be
relevant according to the product description, and various other factors. This application is made
simple and the contents are relevant to the products, thus induces quality services to the clients
(Siddiqui, 2017).
Discussion of similar interfaces
The idea of this Food Hunger application was inspired by the “Yelp” application. Yelp is a food
ordering application that allows the user to place orders from multiple restaurants. The main
attractive aspect of the Yelp application is the color theme using black fonts and white page in a
red background of the application. Similarly, the Food Hunger application is also designed in a
simple color theme to match and highlight the contents of the application. The Yelp application
uses real-like colors in the content images to provide customers the almost original like image of
the product. Similarly, the product images used in the Food Hunger application are used of high
quality and original product image to provide information about the product. The Yelp
application uses the light color background in the lists for the customers to visualize clearly and
interact in the section of the application. Similarly, the Food Hunger offers a lighter background
color in the design of the application to provide higher visibility of the contents in the
application. The Food Hunger application design is also inspired by the Yelp application which
allows the user to book a table in the restaurant using the application. The Food Hunger
application also provides multiple payment methods such as in the Yelp application. The use of
menu page, an individual content page in the Yelp application is presented in a clear and
readable format with proper size of the fonts and image contents. Similarly, the design of the
menu page and individual content page in the Food Hunger application also uses adequately
cropped image of products and the fonts are managed in a readable format. The pages of the food
application are not designed crowded as it decreases the appearance and usability factor of the

application. Since the Yelp manages multiple operations of various businesses, the size and
contents of the application are ever expanding. The Food Hunger application only operates for a
single business thus is small in size and is lesser in contents as compared to the Yelp application.
This also benefits Food Hunger application by enabling faster browsing and search responses.
The main design fact that determines the Food Hunger application weaker than the Yelp
application is that the designed Food Hunger application cannot provide service such as the Yelp
application due to mono ownership status of the application system.
Conclusion
By performing this assignment, we can conclude that the process of designing an e-commerce
presence of a business requires and uses various strategies for the application to run successfully.
We can understand Nelson’s Heuristic principles and its value in the designing process. The
requirements of users are met in the design implementation of the application. We can know the
values of each page created for the application and their processes. This assignment also states
the factors that influence the build and quality of services of the application. Finally, we can
conclude that the design of the Food Hunger application was designed successfully by meeting
all the user requirements in the application such as the requirements of the menu page, home
page, and other vital pages that result in successful application creation.
Figure 1: Individual product page- Food Hunger

Figure 2: Individual product page-Yelp

References
Xin, X., Zhou, W., Li, M., Wang, H., Xu, H., Fan, Y., ... & Zhu, D. (2017). Innovation Design in
Personal Center Interface of Mobile Application. In International Conference of Design, User
Experience, and Usability (pp. 310-323). Springer, Cham.
BIELLER, E. (2018, August 22). How To Design A Mobile App User Interface Like A Pro
[Blog post]. Retrieved from https://careerfoundry.com/en/blog/ui-design/how-to-design-a-
mobile-app-using-user-interface-design-principles/
Stopka, U. (2014, June). Identification of user requirements for mobile applications to support
door-to-door mobility in public transport. In International Conference on Human-Computer
Interaction, 513-524, Springer, Cham.
Nitschke, R. (2016, March 30). The Foolproof Strategy to Gathering User Requirements for
Mobile Applications [Blog post]. Retrieved from https://chaione.com/blog/gathering-
requirements-for-mobile-applications/
Siddiqui, M. (2017, April 27). 7 Factors that Influence User Experience of Your Mobile App
Design [Blog post]. Retrieved from https://www.branex.ae/blog/infographics/7-factors-
influence-user-experience-mobile-app-design/