A MOBILE APPLICATION DESIGN FOR RETAIL FUEL ORDERING
Keywords:
Mobile Application, Retail Fuel Ordering Application, User Interface DesignAbstract
Propose: The design of mobile application to enhance fuel ordering process is a crucial step in optimizing user expectation and satisfaction in a relationship with user interface and user experience. This research aims to identify practices in mobile application design, explore design solutions, evaluate their impact on user experience and propose a design solution for a mobile application design to be used in retail fuel ordering process in Thailand. Research design, data and methodology: A designed-based approach with multi-phase process is adapted to propose a design solution in collaboration with color theory, user interface and user experience. By leveraging analysis of practical problems in fuel ordering pain points, system solution will be developed to enhance overall user experience. Then, the proposed solution will be tested and evaluated through a collaboration of a group of diverse users. Finally, the outcome of this designed-based research is reflected and documented for further reference. Results: Mobile application design prototype that can fulfill user requirements, improve user efficiency, and gain user acceptance. Conclusions: The mobile application with user-centric employment of color theory, user interface and user experience has a constructive impact on users through enhancing human interaction and simplifying tasks.
References
Agoston, G. A. (2013). Color theory and its application in art and design. Springer Berlin Heidelberg.
Dannaway, A. (2023, March 14). 16 UI design tips. UX Planet. https://uxplanet.org/16-ui-design-tips-ba2e7524d203
Davis, F. D. (1989). Perceived usefulness, perceived ease of use, and user acceptance of information technology. Management Information Systems Quarterly, 13(3), 319. https://doi.org/10.2307/249008
Elliot, A. J., & Maier, M. A. (2014). Color psychology: Effects of perceiving color on psychological functioning in humans. Annual Review of Psychology, 65(1), 95-120. https://doi.org/10.1146/annurev-psych-010213-115035
Fairchild, M. D. (2004). Color Appearance Models (2nd ed.). John Wiley & Sons.
Grainer, S. (2018, April 3). Designing for accessibility: Color & contrast - UXcellence. Medium.
https://medium.com/uxcellence/designing-for-accessibility-color-contrast-88dd8895ed2d
Interaction Design Foundation - IxDF. (2016, June 1). What is User Experience (UX) Design?.
https://www.interaction-design.org/literature/topics/ux-design
Jayatilleke, B. G., Ranawaka, G. R., Wijesekera, C., & Kumarasinha, M. C. B. (2018). Development of mobile application through design-based research. Asian Association of Open Universities Journal, 13(2), 145-168.
Kennedy, E. D. (2014, November 13). 7 rules for creating gorgeous UI - Erik D. kennedy. Medium.
https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda
Kimmons, R., Schmidt, M., Tawfik, A. A., Jahnke, I., & Earnshaw, Y. (n.d.). Color theory in experience design. Edtechbooks.org. https://edtechbooks.org/ux/color_theory
Mudita, S., Umesh, B., Sudeep, T., Mohammad, D. A., Ravi, S., Bogdan, C. N., Gheorghe, G., & Maria, S. R. (2022). Design and Experience of Mobile Applications: A Pilot Survey. MDPI.
Patil, K. (2016). Retail adoption of Internet of Things: Applying TAM model. 2016 International Conference on Computing, Analytics and Security Trends (CAST), 404-409.
https://doi.org/10.1109/CAST.2016.7915003
Pimentel, J. L. (2019). Some Biases in Likert Scaling Usage and its Correction. International Journal of Sciences: Basic and Applied Research, 45, 183-191.
Popova, M. (2012, August 17). Goethe on the psychology of color and emotion. The Marginalian.
https://www.themarginalian.org/2012/08/17/goethe-theory-of-colours/
Trichter, D. (2022, February 2). Mobile app accessibility: A comprehensive guide (2023). Accessibility Checker. https://www.accessibilitychecker.org/guides/mobile-apps-accessibility/
Understanding success criterion 1.4.3. (n.d.). W3.org.
https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html