Redesigning the User Interface of a University Laboratory Website Using the User-Centered Design Approach


  • Ahmad Luthfi Ridho Telkom University, Bandung, Indonesia
  • Dawam Dwi Jatmiko Suwawi Telkom University, Bandung, Indonesia
  • Rosa Reska Riskiana Telkom University, Bandung, Indonesia



User-Centered Design; User Interface; Single Ease Question; System Usability Scale


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.


Download data is not yet available.


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:,” Inform. J. Ilmu Komput., vol. 18, no. 1, p. 23, 2022, doi: 10.52958/iftk.v17i4.4154.

“People | Human Centric Engineering (2020).” (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:

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:

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:

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:

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:

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:

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:

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:

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


Published: 2023-08-25
Abstract View: 19 times
PDF Download: 29 times