Implementation of UI/UX Design in the Development of Profile Website Using the User Centered Design Method
DOI:
https://doi.org/10.35335/14gh9964Keywords:
User Centered Design, System Usability Testing, Website ProfileAbstract
The evolution of UI/UX design on the profile webpage is covered in this study. A community called Omah Cikal Kreatif aims to empower housewives by fostering their creativity via handicrafts made from secondhand items. The primary obstacle is the limitations of digital platforms' user interface (UI) design and user experience (UX), which affect user engagement and low exposure. This research aims to design and develop an attractive, informative and easy-to-use website by applying the UCD approach. The development process includes user needs analysis, prototype design, and design evaluation using the System Usability Scale (SUS) method. The results of this research provide strategic insights in improving the quality of website design and strengthening Omah Cikal Kreatif's identity in the digital realmReferences
Adhiza Tiara, Fitri Iskandar, and Rubasy Albaar, “PerancanganUser ExperiencePadaAplikasiPencarianCarWash Menggunakan MetodeUCD (User,” STIKI Informatika Jurnal, vol. 12, no. 1, pp. 1–11, 2022.
Adiyaksa, R., Primajaya, A., & Yusup, D. (2023). User Experience (UX) Analysis on the Rifzki ID Mobile Website Using the System Usability Scale (SUS) Method. International Journal of Education, Information Technology, and Others, 6(1), 56–64. https://doi.org/10.5281/zenodo.7560879
Amimah, “Evaluasi User Interface (UI) dan User Experience (UX) aplikasi JRku menggunakan User Centered Design (UCD),” skripsi, Fakultas Sains dan Teknologi, Sistem Informasi, UIN Syarif Hidayatullah, Jakarta, Indonesia, 2021.
Bastian, H., & Saputro, G. E. (2021). Desain User Interface Game Fairplay Poker Menggunakan Metode UCD (User Centered Design). ANDHARUPA: Jurnal Desain Komunikasi Visual & Multimedia, 7(1), 122–130. https://doi.org/10.33633/andharupa.v7i01.4247
D. Intern, "Apa itu Wireframe? Perbedaan Wireframe, Mockup, dan Prototype," 2021. Retrieved from Dicoding.com: https://www.dicoding.com/blog/wireframe-adalah/
Dinata, P. Z., Urwah, M. A., Rahmawan, M. R., & Junaeti, E. (2023). Perancangan UI/UX web e-commerce ‘Hallo Coffee’ menggunakan metode User Centered Design. Jambura Journal of Informatics, 5(1), 45–58. https://doi.org/10.37905/jji.v5i1.17511
Ernawati, S., & Indriyanti, A. D. (2022). Perancangan User Interface dan User Experience Aplikasi Medical Tourism Indonesia Berbasis Mobile Menggunakan Metode User Centered Design (UCD). Journal of Emerging Information System, 3(4), 90–102. https://ejournal.unesa.ac.id/index.php/JEISBI/article/view/49296
Ginting, R. V. B., Arindani, D., Lubis, C. M. W., & Shella, A. P. (2021). Literasi digital sebagai wujud pemberdayaan masyarakat di era globalisasi. Jurnal Pasopati: Pengabdian Masyarakat Dan Inovasi Pengembangan Teknologi, 3(2). https://doi.org/10.14710/pasopati.2021.10869
Haryanto, G. D. P., Ridha, A. A., & Ridwan, T. (2023). Perancangan Ui/Ux Sim Dan Monitoring Tugas Akhir Menggunakan Metode Design thinking. JATI (Jurnal Mahasiswa Teknik Informatika), 7(2), 1287-1294.
Hita, H., Djoni, D., Culita Culita, & Roni Yunis. (2024). Pemanfaatan Figma dalam perancangan user interface e-commerce. NUSANTARA: Jurnal Pengabdian Kepada Masyarakat, 4(3), 104–111. https://doi.org/10.55606/nusantara.v4i3.3047
Irvan, M. I., Jazman, M., Saputra, E., & Syaifullah, S. (2025). Redesign of user experience in Inaportnet using the User Experience Questionnaire method and User-Centered Design. INOVTEK Polbeng - Seri Informatika, 10(1), 204–213. https://doi.org/10.35314/dpf22c38
Kimball, M. A., Ross, D. G., & Hawkins, A. (2025). Document design: From process to product in professional communication (2nd ed.). State University of New York Press. https://doi.org/10.2307/jj.25601156
Mifta, F. S. (2022). Implementasi konsep dan teknik UI/UX dalam rancang bangun layout web dengan Figma. Jurnal Infortech, 4(2), 156–163. http://ejournal.bsi.ac.id/ejurnal/index.php/infortech156
Muhyidin, M. A., Sulhan, M. A., & Sevtiana, A. (2020). Perancangan UI/UX Aplikasi MyCIC Layanan Informasi Akademik Mahasiswa Menggunakan Aplikasi Figma. Jurnal Digit: Digital of Information Technology, 10(2), 208–219.
Nieborg, D. B., Duffy, B. E., & Poell, T. (2020). Studying Platforms and Cultural Production: Methods, Institutions, and Practices. Social Media + Society, 6(3), 1–10.
Norman, D. A. (2013). The Design of Everyday Things: Revised and Expanded Edition. MIT Press.
Putra, D. 0., & Setiawan, A. (2020). The Importance of User Experience Analysis in the Design of an Education Information System Application. 436, 1208-1211. https://doi.org/10.20991/assher.k.200529.253
Ramadhani, S. L. (2021). Perancangan User Experience Aplikasi Pengajuan E-KTP menggunakan Metode UCD pada Kelurahan Tanah Baru. JATISI (Jurnal Teknologi Informasi dan Sistem Informasi), 8(1), 287–298. https://doi.org/10.35957/jatisi.v8i1.633
Ravelino, C., Susetyo, Y. A., & Wacana, K. S. (2023). Perancangan UI/UX untuk Aplikasi Bank Jago menggunakan Metode User-Centered Design. Jurnal Teknologi Informasi dan Komunikasi, 7(1), 1–12. https://doi.org/10.35870/jti
Salma Yulita, A., & Setiawan, E. (2022). Penerapan metode User Centered Design dalam menganalisis user interface aplikasi GoTravelly. JINTEKS, 4(4), 314–319. https://doi.org/10.51401/jinteks.v4i4.2050
Sarah, A., Meriska, D., & Teguh, I. H. (2023). UI/UX analysis of Project Management Information System (PMIS) website using User-Centered Design method. SinkrOn, 8(3), 1798–1810. https://doi.org/10.33395/sinkron.v8i3.12725
Setiadi, A. R., & Setiaji, H. (2020). Perancangan UI/UX menggunakan pendekatan HCD (Human Centered Design) pada website Thriftdoor. Automata, 1(2), 228-233.
Shirvanadi, E. C. (2021). Perancangan Ulang UI/UX Situs E-Learning Amikom Center dengan Metode Design Thinking (Studi Kasus: Amikom Center). Skripsi, Fakultas Teknologi Industri, Informatika, Universitas Islam Indonesia, Yogyakarta, Indonesia.
Sutanto, R. P. (2022). Analisis User Flow pada Website Pendidikan: Studi Kasus Website DKV UK Petra. Nirmana, 22(1), 41–51. https://doi.org/10.9744/nirmana.22.1.41-51
Taufiq, A., & Agung, P. (2024). Usulan desain user interface website perguruan tinggi berdasarkan aspek kognitif dan afektif pengguna. bit-Tech, 7(2), 589–598. https://doi.org/10.32877/bt.v7i2.1933
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Savanda Harianty, Sri Wahyuni, Ruly Dwi Arista (Author)
This work is licensed under a Creative Commons Attribution 4.0 International License.
Vertex is licensed under a 