REDESIGNING THE UI/UX WEBSITE FOR THE INDUSTRIAL ENGINEERING DEPARTMENT AT MULAWARMAN UNIVERSITY USING DESIGN THINKING METHOD

Amirul Hadi; Yudi Sukmono; Arif Harjanto; Didit Suprihanto

doi:10.52436/1.jutif.2024.5.1.1252

Amirul Hadi Industrial Engineering, Faculty of Engineering, Universitas Mulawarman, Indonesia
Yudi Sukmono Industrial Engineering, Faculty of Engineering, Universitas Mulawarman, Indonesia
Arif Harjanto Electrical engineering, Faculty of Engineering, Universitas Mulawarman, Indonesia
Didit Suprihanto Electrical engineering, Faculty of Engineering, Universitas Mulawarman, Indonesia

DOI: https://doi.org/10.52436/1.jutif.2024.5.1.1252

Keywords: Design Thinking, SUS, UEQ, UI/UX, Usability, Website

Abstract

The industrial engineering department website of Mulawarman University faces challenges in disseminating academic information due to inadequate maintenance. This research utilizes the design thinking method to enhance the website's user interface and user experience (UI/UX) and evaluate its usability against the current version. The decision to use design thinking is grounded in its established effectiveness in improving website UI/UX. The study involves empathizing, defining, ideating, prototyping, and testing phases. User needs and concerns were identified through interviews, observations, and tools such as affinity diagrams, user personas, and user journey maps. Creative concepts were developed and organized using the priority matrix, sitemap, and user flow. Wireframes and mockups facilitated pre-construction design visualization. The redesigned UI/UX prototype resulted in a significantly improved user experience, as evidenced by the results of the user experience questionnaire and system usability scale. The initial UEQ scores indicated low usability, with attractiveness at 0.85, perspicuity at 1.01, efficiency at 0.71, dependability at 0.76, stimulation at 0.41, and novelty at -0.18. Following the redesign, scores notably increased, attractiveness at 2.06, perspicuity at 1.89, efficiency at 1.94, dependability at 1.79, stimulation at 2.05, and novelty at 1.64. SUS testing revealed an average rise to 76 from 63 points, indicating enhanced user satisfaction, acceptance, and descriptive ratings. The website's grade improved from C to B after the redesign. In conclusion, the UI/UX redesign successfully enhanced website usability and user experience.

Downloads

Download data is not yet available.

References

F. Ulum and R. Muchtar, “Pengaruh E-Service Quality Terhadap E-Customer Satisfaction Website Start-Up Kaosyay,” J. Tekno Kompak, vol. 12, no. 2, pp. 68–72, 2018, doi: 10.33365/jtk.v12i2.156.

R. Pamungkas and Saifullah, “Evaluasi Kualitas Website Program Studi Sistem Informasi Universitas PGRI Madiun Menggunakan Webqual 4.0,” INTENSIF J. Ilm. Penelit. dan Penerapan Teknol. Sist. Inf., vol. 3, no. 1, pp. 22–31, 2019, doi: 10.29407/intensif.v3i1.12137.

M. A. Muhyidin, M. A. Sulhan, and A. Sevtiana, “Perancangan UI/UX Aplikasi My Cic Layanan Informasi Akademik Mahasiswa Menggunakan Aplikasi Figma,” J. Digit, vol. 10, no. 2, pp. 208–219, 2020, doi: 10.51920/jd.v10i2.171.

K. Angelina, E. Sutomo, and V. Nurcahyawati, “Desain UI UX Aplikasi Penjualan dengan Menyelaraskan Kebutuhan Bisnis menggunakan Pendekatan Design Thinking,” Temat. J. Teknol. Inf. Komun., vol. 9, no. 1, pp. 70–78, 2022.

M. Huda, W. W. Winarno, and E. T. Lutfi, “Evaluasi User Interface pada Sistem Informasi Akademik di STIE Putra Bangsa Menggunakan Metode User Centered Systems Design,” J. Ekon. Dan Tek. Inform., vol. 5, no. 2, pp. 42–59, 2017, [Online]. Available: http://e-journal.polsa.ac.id/index.php/jneti/article/download/77/64

P. N. Handayaningtyas, Basori, and A. Tamrin, “Penerapan Project Based Learning untuk Meningkatkan Aktivitas dan Kompetensi Instalasi Sistem Operasi Berbasis GUI Dan CLI pada Siswa Kelas X Tkj Di Smk N 1 Sawit,” J. Ilm. Pendidik. Tek. dan Kejuru., vol. 11, no. 1, pp. 8–15, 2019, doi: 10.20961/jiptek.v11i1.17990.

M. L. Khakim and O. O. Sharif, “Analisis User Experience Aplikasi GO-JEK menggunakan Heart Metrics,” e-Proceeding Manag., vol. 5, no. 1, pp. 189–194, 2018.

I. T. Lestari, D. P. Sari, and R. Andrian, “Redesign User Interface Aplikasi Ipusnas Berdasarkan User Experience dengan Metode Design Thinking,” vol. 13, no. 02, pp. 120–129, 2022.

F. C. Wardana and I. G. L. P. E. Prismana, “Perancangan Ulang UI & UX Menggunakan Metode Design Thinking pada Aplikasi Siakadu Mahasiswa Berbasis Mobile,” vol. 03, no. 04, pp. 1–12, 2022.

F. Fariyanto, Suaidah, and F. Ulum, “Perancangan Aplikasi Pemilihan Kepala Desa dengan Metode UX Design Thinking (Studi Kasus: Kampung Kuripan),” J. Teknol. dan Sist. Inf., vol. 2, no. 2, pp. 52–60, 2021.

G. Karnawan, S. Andryana, and R. T. Komalasari, “Implementasi User Experience Menggunakan Metode Design Thinking pada Prototype Aplikasi Cleanstic,” vol. 15, no. 1, pp. 61–66, 2021, doi: https://doi.org/10.33365/jti.v15i1.540.

N. R. Wiwesa, “User Interface Dan User Experience Untuk Mengelola Kepuasan Pelanggan,” JSHT-Jurnal Sos. Hum. Terap., vol. 3, no. 2, pp. 17–31, 2021, [Online]. Available: http://journal.vokasi.ui.ac.id/index.php/jsht/article/download/116/92

W. Darmalaksana, Metode Design Thinking Hadis Pembelajaran, Riset & Partisipasi Masyarakat. Bandung: Fakultas Ushuluddin UIN Sunan Gunung Djati Bandung, 2020. [Online]. Available: http://digilib.uinsgd.ac.id/34057/1/Full-DESIGN THINKING HADIS 04102020.pdf

J. Storm and A. Smith, “Empathize with Whom? Adopting a Design Thinking Mind-Set to Stimulate Sustainability Initiatives in Chinese SMEs,” MDPI, vol. 15, no. 1, 2023, doi: 10.3390/su15010252.

P. Voorheis et al., “Integrating Behavioral Science and Design Thinking to Develop Mobile Health Interventions: Systematic Scoping Review,” JMIR mHealth uHealth, vol. 10, no. 3, pp. 1–12, 2022, doi: 10.2196/35799.

Hardani et al., Buku Metode Penelitian Kualitatif dan Kuantitatif, no. April. Yogyakarta: CV. Pustaka Ilmu, 2020.

M. Lewrick, P. Link, and L. Liefer, The Design Thinking Playbook: Mindful Digital Transformation of Team, Products, Services, Businesses and Ecosystems. John Wiley & Sons, Inc., Hoboken, New Jersey., 2018.

W. Gulo, Metodologi Penelitian. Jakarta: Gramedia Widiasarana Indonesia, 2002.

D. Travis and P. Hodgson, Think Like a UX Researcher. CRC Press Taylor & Francis Group, 2019. doi: 10.1201/9780429430787.

W. C. Tomlin, UX optimization: Combining behavioral UX and usability testing data to optimize websites. Apress, Berkeley, CA, 2018. doi: 10.1007/978-1-4842-3867-7.

A. A. K. Ghanem and S. A. M. Al-Rubaiayi, “The Possibility Of Applying The Task Priority Matrix ( Applied Study In Baghdad Governorate ),” J. Posit. Sch. Psychol., vol. 6, no. 9, pp. 3289–3303, 2022.

M. Ceci and P. F. Lanotte, “Closed sequential pattern mining for sitemap generation,” World Wide Web, vol. 24, no. 1, pp. 175–203, 2021, doi: 10.1007/s11280-020-00839-2.

R. P. Sutanto, “Analisis User Flow pada Website Pendidikan: Studi Kasus Website DKV UK Petra,” Nirmana, vol. 22, no. 1, pp. 41–51, 2022, doi: 10.9744/nirmana.22.1.41-51.

R. A. Hasani, M. R. A. Yudianto, P. Sukmasetya, and Y. Febriyanto, “Uji Prototype Metode Design Thinking pada penyebaran Informasi COVID-19,” J. Kaji. Ilm., vol. 22, no. 2, pp. 1410–9794, 2022, [Online]. Available: http://ejurnal.ubharajaya.ac.id/index.php/JKI

M. J. Hamm, Wireframing Essentials An introduction to user experience design. Birmingham: Packt Publishing Ltd., 2014.

D. A. Anggara, W. Harianto, and A. Aziz, “Prototipe Desain User Interface Aplikasi Ibu Siaga Menggunakan Lean UX,” Kurawal J. Teknol. dan Sist. Inf., vol. 4, no. 1, pp. 58–74, 2021.

V. Y. P. Ardhana, “Evaluasi Usability E-Learning Universitas Qamarul Huda Menggunakan System Usability Scale ( SUS ),” J. Informatics, Electr. Electron. Eng., vol. 2, no. 1, pp. 5–11, 2022.

M. A. P. Arswanda, C. Caesar, J. Sihombing, Andri, and A. Prima Laia, “Evaluasi Pengalaman Mahasiswa Mikroskil pada Aplikasi OneDrive Menggunakan UEQ,” J. SIFO Mikroskil, vol. 23, no. 1, pp. 61–72, 2022, doi: 10.55601/jsm.v23i1.876.

R. Umar, A. Z. Ifanin, F. I. Ammatulloh, and M. Anggriani, “Analisis Sistem Informasi Web LSP UAD Menggunakan User Experience Questionaire (UEQ),” METHOMIKA J. Manaj. Inform. dan Komputerisasi Akunt., vol. 4, no. 2, pp. 173–178, 2020, doi: 10.46880/jmika.v4i2.191.

J. Sauro and J. R. Lewis, Quantifying the User Experience: Practical Statistics for User Research, Second Edition, 2nd ed. Cambridge: Morgan Kaufmann Imprint of Elsevier, 2016.

A. R. A. Nalendra et al., Statistika Seri Dasar dengan SPSS. Bandung, 2021.

W. M. Hartini, C. Roosarjani, and Y. A. Dewi, Metodologi Penelitian dan Statistik. Jakarta: Kementerian Kesehatan Republik Indonesia, 2019.

S. Wahyuning, Dasar-Dasar Dasar Statistik. Semarang: Yayasan Prima Agus Teknik, 2021.

S. Putro, Kusrini, and M. P. Kurniawan, “Penerapan Metode UEQ dan Cooperative Evaluation untuk Mengevaluasi User Experience Lapor Bantul,” Creat. Inf. Technol. J., vol. 6, no. 1, pp. 27–37, 2019, doi: 10.24076/citec.2019v6i1.242.

F. F. Laksana and Suyoto, “Pengukuran Kualitas UX Website Menggunakan SUS,” CESS (Journal Comput. Eng. Syst. Sci., vol. 4, no. 2, pp. 138–144, 2019, doi: 10.24114/cess.v4i2.12928.