Shop It App: A Report on User Interface Design and Development

This report outlines the development of the Shop It application, designed to facilitate the online sale of farm products. The application includes features such as food categories, gift options, restaurant integration, and catering services. The development process involved creating initial designs, refining the chosen design with mock-ups, undergoing evaluation by a separate team, and implementing modifications based on feedback. Key aspects of the design include user-friendly navigation, registration and login screens, offer displays, and product search functionalities. The design was influenced by Nielsen's Heuristic principles, focusing on visibility, user control, and efficiency. A similar application, KOR food products, provided inspiration for the Shop It app's features and functionalities. The goal was to create an attractive and user-friendly interface for the Shop It application, ensuring smooth navigation and a positive user experience.

Abstract
An application of Shop It is created in order to enhance the sale of the products that are
generally produced in farms and are then provided to the customer via an online medium of
internet. This application has offered primarily categories of food along with several gifts and
wines. In addition to the sale of provided farm products this application even delivers with
the option of choosing restaurants that also run simultaneously and offers catering for several
parties and other small organisations. This report comprises of four stages, initially, two
different designs are made from which one got selected. Secondly, the chosen design is
further completed by adding more mock-ups to it and making it more attractive. Thirdly the
developed design went to a complete evaluation to some different team and was being
analysed by them where they define several mistakes. In the fourth stage, the modifications
are done depending on the changes suggested by other team and a final mock-up is designed
and also documentation report after the modifications is prepared.
Introduction
An application of Shop It is created in order to enhance the sale of the products that are
generally produced in farms and are then provided to the customer via an online medium of
internet. The created mock-ups for this application comprises several footers as the chat box
on all created screens and several headers as home, logo, user account and back button on all
created screens. The screens or mock-ups are created assuring the fulfilment of all desired
requirements of the user. All mock-ups created mainly have home page screen that contains a
maximum of the functionalities through which several things are linked to this page, the next
screen in consideration is a registered screen that enables the user to put their personal details
in addition to details of contact and address. Along with this screen of offers is even crucial
as it provides multiple discounts and offers coupons to its customers. Also, the screens for
searching of product and screen determining the categories of product are being presented as
variously created mock-ups which enable the user to quickly search all product which they
desire and can view offered categories for several farm products by application of Shop It.
For developing better navigation location screen is created that helps in providing a proper
track of the shipped item and even enlightens user regarding all stores associated nearby.
Also, the screen of log out and login are created that enables the user to perform the signing
up with their developer accounts in the application of Shop It (Elsadek, A. A., & Wells, B. E.
1996).

In addition to the sale of provided farm products this application even delivers with the
option of choosing restaurants that also run simultaneously and offers catering for several
parties and other small organisations. This application along with defining its entire category
offered even provides with features of smooth navigation from one screen to another and
good usability principles required for the creation of all mock-ups. The aim was to create best
interface mock-ups for the application of Shop It that looks attractive and is user-friendly
(Beloglazov, et-al, 2012).
Reflection of Sydney toll road app interface design
User interface design
An application of Shop It is created in order to enhance the sale of the products that are
generally produced in farms and are then provided to the customer via an online medium of
internet. Several screens are created and have provided these facilities in each created screens
that are:
 Name and Logo of the particular organisation and various images of products it deals
with.
 Proper breadcrumbs are mentioned for achieving better navigation from one page to
another. It is user-friendly.
 It even contains various common icons specified in every screen as headers that are
back button, user account and home and chat box as a footer.
 It even provides the facilities granting usability features along with better navigation.
 Even the design created is highly attractive because of the font style and the
background used (Mohammadi, Lavranos, Howe, Choong, & Oetomo, 2017).
User requirement
Several demands of the user regarding the Shop It application are defined using the internet
medium that are:
 Sitting at home user can make a purchase of farm products and can prepare for small
parties.
 The user desires numerous functionalities that must be introduced in the application in
order to design have all details of user completely recorded.

 The user desires a functionality of log out and login screens and screen providing
multiple discounts and offer coupons to its customers.
 The user desires for a screen of help where they can express their feedbacks and can
solve queries arise by a conversation with company executives (Palos-Sanchez, Saura,
& Debasa, 2018).
Factors influenced my design
The application of Shop It is created which is completely influenced by Nielsen model of
Heuristic principles. All screens are created depending on these Heuristic principles that help
in building attractive and effective screens. The Heuristic principles include
 Visibility of system status that emphasises on creating better designs.
 User freedom and control that emphasises on better user management control and
good navigation.
 Flexibility and efficiency that emphasises on user-friendly mock-ups and a better
understanding of screens (Oppermann, 2002).
Discussion on similar interfaces
The application of Shop It provides with features and facilities that user can easily maintain
and grants various offers and special discounts.
KOR food products is an application of mobile that has provided me with an idea for
developing my app of Shop It and have helped me in analysing various thing that can be
mentioned on screens. KOR food products application manufactures as well as supplies an
entire range of dessert and Chinese products of food that include several raw materials,
snacks, raw food materials, ice-creams and desserts. They even supply bakery and chocolate
related products (Dillon, 2003).
Conclusion
An application of Shop It is created in order to enhance the sale of the products that are
generally produced in farms and are then provided to the customer via an online medium of
internet. All mock-ups created mainly have home page screen that contains a maximum of
the functionalities through which several things are linked to this page, the next screen in
consideration is a registered screen that enables the user to put their personal details in

addition to details of contact and address. Along with this screen of offers is even crucial as it
provides multiple discounts and offers coupons to its customers.

References
 Beloglazov, A., Abawajy, J., & Buyya, R. (2012). Energy-aware resource allocation
heuristics for efficient management of data centers for cloud computing. Future
generation computer systems, 28(5), 755-768.
 Dillon, A. (2003). User interface design. In MacMillan Encyclopedia of Cognitive
Science, Vol. 4. London: Macmillan. Retrieved from
http://arizona.openrepository.com/arizona/bitstream/10150/105299/1/UiDAd03.pdf
 Elsadek, A. A., & Wells, B. E. (1996). Heuristic Model for Task Allocation in a
Heterogeneous Distributed Computing System. In PDPTA (pp. 659-674).
 Mohammadi, A., Lavranos, J., Howe, R., Choong, P., & Oetomo, D. (2017, July). Grasp
specific and user friendly interface design for myoelectric hand prostheses.
In Rehabilitation Robotics (ICORR), 2017 International Conference on (pp. 1621-1626).
IEEE. Retrieved from
https://biorobotics.harvard.edu/pubs/2017/ref_conf/AMohammadi_ICORR_2017.pdf
 Oppermann, R. (2002). User-interface design. In Handbook on information technologies
for education and training (pp. 233-248). Springer, Berlin, Heidelberg. Retrieved from
http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.72.5696&rep=rep1&type=pdf
 Palos-Sanchez, P. R., Saura, J. R., & Debasa, F. (2018). The Influence of Social
Networks on the Development of Recruitment Actions that Favor User Interface Design
and Conversions in Mobile Applications Powered by Linked Data. Mobile Information
Systems, 2018. Retrieved from
http://downloads.hindawi.com/journals/misy/2018/5047017.pdf

Appendix
Figure 1: Home Page
Figure 2: Register Page

Figure 3: Booking Page
Figure 4: Social Media Link

Figure 5: KOR food products