Redesigning the User Interface of a University Laboratory Website Using the User-Centered Design Approach
DOI:
https://doi.org/10.30865/klik.v4i1.1172Keywords:
User-Centered Design; User Interface; Single Ease Question; System Usability ScaleAbstract
This study was carried out on the Human Centric Engineering (HUMIC) website, which had not previously undergone redesign approaches such as User-Centered Design (UCD), Goal-Directed Design (GDD), or similar methods. Following the initial usability assessment utilizing the Single Ease Question (SEQ) encompassing 7 tasks to gauge the simplicity or complexity of the tested activities, along with the System Usability Scale (SUS) containing 10 queries for evaluating usability, the interim average SEQ score achieved was 5.5 out of 7. Meanwhile, the average SUS score was 43, falling below the typical score of 68. Based on the interview results with HUMIC website users, it was found that users felt uncomfortable when accessing the website due to a non-responsive user interface on smartphone screens, indicating the need for a redesign of the website's user interface. This article’s aims are to enhance HUMIC website’s user interface for better usability using the UCD approach, encompassing user engagement throughout the entire procedure. Following the redesign of the user interface, the ultimate test outcomes exhibited an average SEQ score of 6.4 out of 7 and an average SUS score of 80.5, surpassing the typical score of 68. Consequently, it can be inferred that the application of the UCD method led to a successful user interface redesign with enhanced usability, fostering a comfortable user experience when navigating the HUMIC website.
Downloads
References
M. D. Ariawan, A. Triayudi, and I. D. Sholihati, “Perancangan User Interface Design dan User Experience Mobile Responsive Pada Website Perusahaan,” J. Media Inform. Budidarma, vol. 4, no. 1, p. 161, 2020, doi: 10.30865/mib.v4i1.1896.
M. I. Yudhakesuma, A. Muliawati, and H. N. Irmanda, “Analisis User Experience dan Redesign Antarmuka Website Portal Berita Online dengan Metode User Centered Design (UCD) (Studi Kasus: Cakrawala.co),” Inform. J. Ilmu Komput., vol. 18, no. 1, p. 23, 2022, doi: 10.52958/iftk.v17i4.4154.
“People | Human Centric Engineering (2020).” https://humic.telkomuniversity.ac.id/people/ (accessed Aug. 09, 2023).
M. Agarina, A. S. Karim, and S. Sutedi, “User-Centered Design Method in the Analysis of User Interface Design of the Department of Informatics System’s Website,” Int. Conf. Inf. Technol. Bussiness (ICITB 2019), no. Icitb 2019, pp. 218–230, 2019, [Online]. Available: https://jurnal.darmajaya.ac.id/index.php/icitb/article/view/2098
R. L. Ramadhan, A. Syahrina, and A. Musnansyah, “Perancangan Ulang User Interface dan User Experience Pada Website Telkom University Open Library Menggunakan Metode User Centered Design,” eProceedings Eng., vol. 8, no. 5, pp. 8–45, 2021, [Online]. Available: https://openlibrarypublications.telkomuniversity.ac.id/index.php/engineering/article/view/15775
A. Pambajeng Furgandini Rencang, “Pengembangan User Interface (UI) Dan User Experience (UX) Aplikasi Cashoop Untuk Pengelolaan Keuangan Pribadi,” J. Sarj. Tek. Inform., vol. 7, no. 1, pp. 20–33, 2019.
S. A. Aryono, Harlili, and D. P. Satya, “User Interaction Design for Financial Technology Mobile Application using User-Centered Design,” Proc. - 2019 Int. Conf. Adv. Informatics Concepts, Theory, Appl. ICAICTA 2019, p. 6, 2019, doi: 10.1109/ICAICTA.2019.8904187.
A. B. Cavanaugh, E. Rahmawati, and I. G. N. A. W. Putra, “Analisis dan Perancangan UI/UX dengan Metode User Centered Design pada Website DLU Ferry,” J. Sist. Inf. Univ. Din., vol. 10, no. 3, pp. 1–8, 2021.
A. A. Puji and V. Engraini, “Perancangan User Interface Website E-Commerce Pada Usaha Kuliner Menggunakan User Centered Design,” J. CoSciTech (Computer Sci. Inf. Technol., vol. 2, no. 1, pp. 1–8, 2021, doi: 10.37859/coscitech.v2i1.2196.
M. P. Eugenia, M. Abdurrofi, B. Almahenzar, and A. Khoirunnisa, “Pendekatan Metode User-Centered Design dan System Usability Scale dalam Redesain dan Evaluasi Antarmuka Website,” Semin. Nas. Off. Stat., vol. 2022, no. 1, pp. 573–584, 2022, doi: 10.34123/semnasoffstat.v2022i1.1454.
C. Veronica, H. Hasniati, and I. A. Musdar, “Implementasi Pendekatan User Centered Design Pada Perancangan UI/UX Website Worker’s,” J. KHARISMA Tech, vol. 17, no. 02, pp. 71–84, 2022, [Online]. Available: https://jurnal.kharisma.ac.id/kharismatech/
S. Ernawati and A. D. Indriyanti, “Perancangan User Interface dan User Experience Aplikasi Medical Tourism Indonesia Berbasis Mobile Menggunakan Metode User Centered Design (UCD)(Studi Kasus: PT Cipta Wisata Medika),” J. Emerg. Inf. …, vol. 03, no. 04, pp. 90–102, 2022, [Online]. Available: https://ejournal.unesa.ac.id/index.php/JEISBI/article/view/49296%0Ahttps://ejournal.unesa.ac.id/index.php/JEISBI/article/download/49296/40999
D. Hasnan Hariri, H. Hannie, I. Purnamasari, and U. Singaperbangsa Karawang Abstract, “Analisis User Experience pada Website Waste4change Menggunakan Metode Single Ease Question,” J. Ilm. Wahana Pendidik., vol. 8, no. 13, pp. 95–108, 2022.
N. K. Ningrum, I. U. W. Mulyono, and Z. Umami, “Pengujian UI/UX dengan System Usability Scale dan Single Ease Question pada Aplikasi Pantau untuk Monitoring Perkembangan Penanaman Tanaman di Lahan Hijau,” Proceeding Sci. …, vol. 7, no. Sens 7, p. 9, 2022, [Online]. Available: https://conference.upgris.ac.id/index.php/sens/article/view/3466%0Ahttps://conference.upgris.ac.id/index.php/sens/article/download/3466/2146
N. R. Ramadhani, A. Mulyanto, and G. S. Niwanputri, “Designing Interaction and User Interface of Computational Thinking Digital Game for Children using User-Centered Design Approach,” 2020 7th Int. Conf. Adv. Informatics Concepts, Theory Appl. ICAICTA 2020, p. 6, 2020, doi: 10.1109/ICAICTA49861.2020.9429049.
C. Pricilla, D. P. Lestari, and D. Dharma, “Designing Interaction for Chatbot-Based Conversational Commerce with User-Centered Design,” ICAICTA 2018 - 5th Int. Conf. Adv. Informatics Concepts Theory Appl., pp. 244–249, 2018, doi: 10.1109/ICAICTA.2018.8541320.
M. Multazam, “Perancangan User Interface dan User Experience pada Placeplus menggunakan pendekatan User Centered Design,” Univ. Islam Indones., vol. 1, p. 8, 2020, [Online]. Available: https://journal.uii.ac.id/AUTOMATA/article/view/15528/10233
R. T. Maulana, “Perancangan User Interface User Experience Dengan Metode User Centered Design Pada Aplikasi Mobile Auctentik,” Informatics Eng., pp. 22–75, 2020, [Online]. Available: https://dspace.uii.ac.id/123456789/28891
S. D. Buntoro, “Perancangan Desain User Interface dan User Experience Menggunakan Metode User Centered Design (UCD ) Pada Proses Pembelian Obat Oleh Customer di Aplikasi K24KLIK ( Studi Kasus?: K24Klik ),” 2020.
J. M. Putri, E. Krisnanik, H. Nurramdhani, T. Tjahjanto, and D. Mahdiana, “Analisis dan Perancangan User Interface dan User Experience BNI Life Mobile dengan Metode User Centered Design,” Inform. J. Ilmu Komput., vol. 18, no. 1, p. 34, 2022, doi: 10.52958/iftk.v17i4.4319.
R. B. Solichuddin and E. G. Wahyuni, “Perancangan User Interface dan User Experience dengan Metode User Centered Design pada Situs Web Kalografi,” Automata, vol. 2, 2021, [Online]. Available: https://dspace.uii.ac.id/handle/123456789/40597%0Ahttps://dspace.uii.ac.id/bitstream/handle/123456789/40597/18523239.pdf?sequence=1&isAllowed=y
F. H. Ahsin, H. B. Santoso, and R. Yugo Kartono Isal, “Usability evaluation and interface redesign on Rumah Belajar application with the user-centered design approach,” 2019 Int. Conf. Adv. Comput. Sci. Inf. Syst. ICACSIS 2019, pp. 49–54, 2019, doi: 10.1109/ICACSIS47736.2019.8979909.
Y. Efindo, L. E. Nugroho, and R. Ferdiana, “The design of two-way relationship tourism planning system with user centered design (UCD),” 2019 Int. Conf. Inf. Commun. Technol. ICOIACT 2019, pp. 38–43, 2019, doi: 10.1109/ICOIACT46704.2019.8938433.
Y. A. Rahman, E. D. Wahyuni, and D. S. Pradana, “Rancang Bangun Prototype Sistem Informasi Manajemen Program Studi Informatika Menggunakan Pendekatan User Centered Design,” J. Repos., vol. 2, no. 4, pp. 503–510, 2020, doi: 10.22219/repositor.v2i4.433.
E. E. Zarwono and A. N. Hidayanto, “Analysis and Design of Internal Information Systems of the APU-PPT Education and Training Center Using the User-Centered Design Method,” Proc. - 2nd Int. Conf. Informatics, Multimedia, Cyber, Inf. Syst. ICIMCIS 2020, pp. 159–165, 2020, doi: 10.1109/ICIMCIS51567.2020.9354312.
Bila bermanfaat silahkan share artikel ini
Berikan Komentar Anda terhadap artikel Redesigning the User Interface of a University Laboratory Website Using the User-Centered Design Approach
ARTICLE HISTORY
Issue
Section
Copyright (c) 2023 Ahmad Luthfi Ridho, Dawam Dwi Jatmiko Suwawi, Rosa Reska Riskiana

This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under Creative Commons Attribution 4.0 International License that allows others to share the work with an acknowledgment of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (Refer to The Effect of Open Access).