Elements in GUI Design for Islamic Tourism Mobile Applications: A Visual Research Framework


  • Ahmad Syukri Adnan Faculty of Creative Multimedia & Computing, Universiti Islam Selangor Author
  • Mohammad Imran Ahmad Faculty of Islamic Study & Civilisation, Universiti Islam Selangor Author
  • Noor Azli Mohamed Masrop Faculty of Creative Multimedia & Computing, Universiti Islam Selangor Author
  • Naqibah Mansor Faculty of Islamic Study & Civilisation, Universiti Islam Selangor Author
  • Mohammad Najib Jaffar Faculty of Major Language Studies, Universiti Sains Islam Selangor Author




Visual Research Framework, GUI, Islamic Tourism, Mobile Application, Design & Development Phase


The visual representation of the interface holds significant importance in captivating users through its aesthetic appeal, facilitating easier interaction with the system. Decisions related to signs, visual elements, layout, and composition are pivotal. Beyond the utilization of standard icons in mobile applications, designers must craft interfaces that align with the application's underlying concept. Notably, operating systems like Android continuously update their interfaces to enhance the user's experience. The incorporation of colour and shape, alongside text and images, is ubiquitous in interface designs. Some elements adhere to standard visual representations. This paper delves into the meticulous process of selecting appropriate visual elements for use in an Islamic Tourism mobile application. The design undergoes a comprehensive process, including a visual analysis of elements tailored to the target audience. Beyond considerations of design principles, other aspects play a crucial role in interface design. Heuristics theory serves as a valuable reference for enhancing interface usability, while the Semantics theory aids in choosing images that effectively convey information and instructions. These considerations informed the construction of questionnaire items. Expert consensus is instrumental in item selection, with data collection preceding the design phase. The mobile application development process follows the Design and Development Research (DDR) model, encompassing phases such as need analysis, design, development, and evaluation. The design concept must align seamlessly with the application's theme. A systematic design process not only fulfills the objective of creating an attractive and user-friendly interface but also contributes to cost and time efficiency in development.


Download data is not yet available.


Adler, M., & Ziglio, E. (1996). Gazing into the oracle: the Delphi method and its application to social policy and public health. London: Jessica Kingsley Publishers

Adnan, A. S., Ahmad, M. A. (2015), "The Utilisation of Visual Elements on Interface Design of e-learning," International Conference on Information Technology & Society, no. June, pp. 275.

Afiza Ismail, Syed Abdullah Syed Abdul Kadir, & Azhar Abdul Aziz. (2016). ITourism Travel Buddy Mobile Application. Retrieved from https://ieeexplore.ieee.org/document/7801471/

Akyol, M. and Kilinc, O. (2014), Internet and Halal Tourism Marketing, Electronic Turkish Studies; Volume 9/8.

Ariffin, A.A.M. & Hasim, M.S. (2009). Marketing Malaysia to the Middle East tourists: Towards a Preferred Inter-regional Destinations. International Journal of West Asian Studies (1), pp. 39-53.

Ceci, L. (2022). Time spent on average on a smartphone in the U.S. 2021. Statista. Retrieved from https://www.statista.com/statistics/1224510/time-spent-per-day-on-smartphone-us/

Galitz, W.O. (2007). The Essential Guide to User Interface Design. An Introduction to GUI Design Principles and Techniques, Third Edition. Indiana: Wiley Publishing, Inc.

Hussein, S., & Ahmed, E. (2022). Mobile Application for Tourism: The Case of Egypt. International Journal of Customer Relationship Marketing and Management (IJCRMM), 13(1), 1–29. Retrieved from https://doi.org/10.4018/IJCRMM.290415

Interaction Design Foundation (2022), Retrieved from https://www.interaction-design.org/literature/topics/visual-design

International Standard Organisation. (2010) Ergonomics of human-system interaction. Principles and requirements for physical input devices, Part 12 of the ISO 9241: Author.

Jabatan Perangkaan Malaysia. (2017). Siaran Akhbar Anggaran Penduduk Semasa, Malaysia, 2016-2017 oleh Dr. Mohd Uzir bin Mahidin; Ketua Perangkawan Malaysia.

Kristof & Satran, 1995 Kristof, R., & Satran, A. (1995). Interactivity by Design. Mountain View, CA: Adobe Press.

Lidwell, W., Holden, K., & Butler, J (2010). Universal Principles of Design. MA: Rockport Publishers, Inc.

Mäder, N. (2020). Retrieved from https://www.accessibility-designer guide.com/docs/Architecture/semantics/

Maitland, E. G. (1951). The art of colour and design. 2d ed. New York, N.Y.: McGraw-Hill.

Martin, J. H. (1972). An evaluation of Maitland Graves' principle of aesthetic order. Masters thesis, Concordia University.

Nielsen, J. (1994a). Enhancing the explanatory power of usability heuristics. Proc. ACM CHI'94 Conf. (Boston, MA, April 24-28), 152-158

Nielsen, J. (2020). 10 Heuristics for User Interface Design. Retrieved from https://www.nngroup.com/articles/ten-usability-heuristics/

Nobel, I., &Bestley, R. (2005). Visual Research. An Introduction to Research Methodologies in Graphic Design. 92. UK: AVA Publishing SA.

Organisation of Islamic Cooperation (OIC) & The Statistical, Economic. and Social Research and Training Center for Islamic Countries (SESRIC). (2017). Strategic Roadmap for Development of Islamic Tourism: In OIC Member Countries. Oran: Ankara –Turkey.

Richey, Rita C., & Klein, J. D. (2007). Design and development research: Methods, strategies and issues. London, UK: Erlbaum.

Todd, D. & DeCotes, M. (2022). Retrieved from https://www.adobe.com/creativecloud/design/discover/serif-vs-sans-serif.html

Tourism Selangor (2022), Retrieved from http://www.tourismselangor.my/tourism-selangor-profile/

Vatankhah, N., Koh, T. W., & Letchmunan, S. (2014). Usability measurement of Malaysian online tourism websites. International Journal of Software Engineering and Its Applications, 8, 1–18. Retrieved from https://doi.org/10.14257/ijseia.2014.8.12.01

White, A. (2011). The Elements of Graphic Design. New York, NY: Allworth Press. pp. 81–105. ISBN 978-1-58115-762-8.

Yeung, T.A. & Law, R. (2006). Evaluation of Usability: A Study of Hotel Web Sites in Hong Kong. Journal of Hospitality & Tourism Research, 30 (4): 452-473.






How to Cite

Elements in GUI Design for Islamic Tourism Mobile Applications: A Visual Research Framework. (2024). Malaysian Journal of Information and Communication Technology (MyJICT), 8(2), 146-155. https://doi.org/10.53840/myjict8-2-96