Designing the User Interface for the Virtual Tour Selayar System using Figma
DOI:
10.47709/brilliance.v4i2.4587Keywords:
Design Thinking, Figma, User Interface, User Experience, PrototypeDimension Badge Record
Abstract
This study aims to design the user interface for the Virtual Tour Selayar system using the Figma application. The system is expected to provide an interactive and informative virtual tour experience for users who wish to explore the beauty of Selayar Regency digitally. The design process employs the Design Thinking method, which consists of five main stages: understanding user needs (Empathy), defining the problem to be solved (Define), generating various ideas for potential solutions (Ideate), creating a simple version or initial model (Prototype), and testing the prototype (Tes). The Empathy stage involves observations and interviews to understand users' desires and needs concerning the virtual tour system. Next, the Define stage formulates the primary problem that the system needs to address. In the Ideate stage, various interface ideas and concepts are generated through brainstorming sessions. Subsequently, the Prototype stage produces the initial version of the interface, developed in both low fidelity and high fidelity forms using Figma. The final stage, Testing, is conducted by involving actual users to test the created prototypes. Feedback obtained from users is utilized to refine the interface, ensuring it aligns with their expectations and needs. The outcome of this research is a user interface prototype that has been tested and refined based on feedback, which is anticipated to enhance the user experience when using the Virtual Tour Selayar system effectively and satisfactorily.
Abstract viewed = 93 times
References
Alao, Olujimi Daniel, Ezihe Amarachi Priscilla, Ruth Chinkata Amanze, Shade Oluwakemi Kuyoro, and Adewale Olanrewaju Adebayo. 2022. “User-Centered/User Experience Uc/Ux Design Thinking Approach for Designing a University Information Management System.” Ingénierie Des Systèmes d’Information 27(4).
Andryanto, A., Nur Mustika, Muhammad Akram Hamzah, Butsiarah Butsiarah, Oktoverano Hendrik Lengkong, Green Ferry Mandias, Anna Syahrani, Suci Ramadhani Arifin, Fadliyani Nawir, Jimmy Herawan Moedjahedy, Mugi Praseptiawan, Mariam, and Khadijah. 2023. Konsep Dan Praktik Desain User Interface (UI) Dan User Experience (UX). Yayasan Kita Menulis.
Brown, Tim. 2009. Change by Design: How Design Thinking Creates New Alternatives for Business and Society. Collins Business.
Calonaci, Dario. 2021. Designing User Interfaces: Exploring User Interfaces, UI Elements, Design Prototypes and the Figma UI Design Tool (English Edition). BPB Publications.
Edison, Rahmaniar, and Firman Saleh. 2024. “Kegiatan Pembersihan Pantai Dan Penanaman Pohon Di Kawasan Teaching Factory Pasi Gusung Ecotourism Serta Identifikasi Kearifan Lokal Masyarakat Pasi Gusung Kepulauan Selayar.” Abdimas: Papua Journal of Community Service 6(2):39–47.
Gallanis, Tony. 2020. “An Introduction to Design Thinking and an Application to the Challenges of Frail, Older Adults.” Leveraging Data Science for Global Health 17–33.
Garrett, Jesse James. 2022. The Elements of User Experience. ??????.
Hassan, Ihtasham, and Sk Mostain Bellah Shohag. 2023. “Using Figma as UI/UX Design for Recycle Waste.”
Iantorno, Mathew, and Velian Pandeliev. 2024. “Teaching Software to Diverse UX Design Cohorts: From Flipped Classrooms to Computer-Based Scaffolding.” Pp. 1–11 in Proceedings of the 6th Annual Symposium on HCI Education.
Kolko, Jon. 2015. “Design Thinking Comes of Age.”
Koswara, Robby, and Fakhri Ikhwanul Alifin. 2024. “A User-Oriented UI/UX Application Design Using The Integration of Quality Function Deployment (QFD) and Design Thinking Methods.” MOTIVECTION: Journal of Mechanical, Electrical and Industrial Engineering 6(1):85–100.
Lee, Brian Y. H., and others. 2020. “Prototyping: The Dual Actions.” Cubic Journal 3:54–73.
Lee, Hyun-Kyung, and Joo Eun Park. 2021. “Designing a New Empathy-Oriented Prototyping Toolkit for the Design Thinking Process: Creativity and Design Sensibility.” International Journal of Art & Design Education 40(2):324–41.
Lewrick, Michael, Patrick Link, and Larry Leifer. 2018. The Design Thinking Playbook: Mindful Digital Transformation of Teams, Products, Services, Businesses and Ecosystems. John Wiley & Sons.
Maringka, Raissa, and Cherry Lumingkewas. 2024. “Designing User Interface (UI) And User Experience (UX) of a Sport Space Rental Application Using Design Thinking Method.” CogITo Smart Journal 10(1):192–203.
Norman, Donald A., and Roberto Verganti. 2014. “Incremental and Radical Innovation: Design Research vs. Technology and Meaning Change.” Design Issues 30(1):78–96.
Praseptiawan, Mugi, Meida Cahyo Untoro, Feri Fahrianto, Pungki Resti Prabandari, and M. Syamsuddin Wisnubroto. 2023. “Redesigning UI/UX of A Mobile Application Using Task Centered System Design Approach.” Applied Information System and Management 6(1):21–28.
Staiano, Fabio. 2022. Designing and Prototyping Interfaces with Figma: Learn Essential UX/UI Design Principles by Creating Interactive Prototypes for Mobile, Tablet, and Desktop. Packt Publishing Ltd.
Stickdorn, Marc, and Jakob Schneider. 2012. This Is Service Design Thinking: Basics, Tools, Cases. John Wiley & Sons.
Sutcliffe, Alistair. 2022. Designing for User Engagment: Aesthetic and Attractive User Interfaces. Springer Nature.
Vlasenko, Kateryna V, Iryna V Lovianova, Sergii V Volkov, Iryna V Sitak, Olena O. Chumak, Andrii V Krasnoshchok, Nataliia G. Bohdanova, and Serhiy O. Semerikov. 2022. “UI/UX Design of Educational on-Line Courses.” Pp. 184–99 in CTE Workshop Proceedings. Vol. 9.
Downloads
ARTICLE Published HISTORY
How to Cite
Issue
Section
License
Copyright (c) 2024 Nur Mustika, Mirfan Mirfan, Andi Maulidinnawati Abdul Kadir Parewe, Tika Tandi Layuk
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.