Perancangan Ulang UI/UX Website E-Learning UNMUL Menggunakan Metode Design Thinking
Article Sidebar
Published:
Dec 30, 2024
Keywords:
UI/UX, e-learning, Mulawarman University, Desain Thinking, Usability Testing, USer Experience Quesionaire
Main Article Content
Abstract
The rapid advancement of technology necessitates effective information systems in universities to enhance academic program quality. Mulawarman University addresses this through e-learning, yet users, especially students and lecturers, encounter challenges with the interface. This research aims to redesign the UNMUL e-learning website for better usability. Using the Design Thinking method, the study focuses on user issues and translates them into feature requirements. Data were collected through interviews and usability testing with students and lecturers. The findings reveal that the redesigned application supports various teaching and learning activities while reflecting Mulawarman University's identity. Usability testing showed high scores: 86 for the lecturer prototype and 80 for the student prototype. Additionally, the User Experience Questionnaire results are classified as excellent according to UEQ benchmarks.
Article Details
How to Cite
Aulia, H., Setyadi, H. J., & Jundillah, M. L. (2024). Perancangan Ulang UI/UX Website E-Learning UNMUL Menggunakan Metode Design Thinking. JITSI : Jurnal Ilmiah Teknologi Sistem Informasi, 5(4), 128 - 133. https://doi.org/10.62527/jitsi.5.4.294
Issue
Section
Articles
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
References
[1] H. Herniyanti, P. P. Widagdo, and V. Z. Kamila, “Pengukuran Penerimaan Website Mulawarman Online Learning System ( MOLS ) Pada Universitas Mulawarman Menggunakan Theory Of Planned Behavior ( TPB ),” Adopsi Teknologi dan Sistem Informasi (ATASI), vol. 2, no. 1, pp. 1–10, 2023.
[2] F. Felix, S. J. Pipin, D. David, and T. Al-Mawaddah, “Perancangan Ulang UI/UX Mika dengan Metode Design Thinking,” Jurnal SIFO Mikroskil, vol. 24, no. 1, pp. 1–8, May 2023, doi: 10.55601/jsm.v24i1.921.
[3] E. C. Shirvanadi, “Perancangan Ulang UI/UX Situs E-Learning Amikom Center Dengan Metode Design Thinking (Studi Kasus: Amikom Center),” 2021, doi: 10.47467/dawatuna.v4i3.5414.1567.
[4] M. C. Wahyuningtyas, “Perancangan Ulang User Interface ( Ui ) Dan User Experience ( Ux ) Pada Website Tasqif . Com Menggunakan Metode Design Thinking,” 2023.
[5] Ferdianto, “Mengenal Lebih Dalam mengenai User Interface dan User Experience,” Binus. Accessed: Jan. 24, 2024. [Online]. Available: https://sis.binus.ac.id/2022/04/26/mengenal-lebih-dalam-mengenai-user-interface-dan-user-experience/
[6] H. M. Kalyani, “Product Branding dengan UI Design.” Accessed: Jan. 27, 2024. [Online]. Available: https://medium.com/learnfazz/product-branding-dengan-ui-design-40d56ce4f4f0
[7] K. KHADIJAH, “Studi Perbandingan Metodologi Ui/Ux (Studi Kasus: Prototype Aplikasi Pdbi Academic Information System),” Knowledge: Jurnal Inovasi Hasil Penelitian dan Pengembangan, vol. 2, no. 4, pp. 292–301, Jan. 2023, doi: 10.51878/knowledge.v2i4.1808.
[8] I. K. T. T. Wibowo and I. P. A. E. Pratama, “Evaluasi Dan Rancang Ulang Tampilan Antarmuka Website Menggunakan Metode System Usability Scale Dan Design Thinking (Studi Kasus: Dinas Komunikasi dan Informatika Kabupaten Gianyar),” Jurnal Informatika dan Komputer, vol. 271, no. 2, pp. 271–278, 2023, doi: 10.35508/jicon.v11.i2.12654.
[9] B. Priambodo, “Desain Proses - Empathize.” Accessed: Jan. 12, 2024. [Online]. Available: https://medium.com/belajar-desain/desain-proses-1-empathize-a107581d7a10
[10] A. Bhat, “In depth Interviews: Definition and how to conduct them.” Accessed: Jan. 12, 2024. [Online]. Available: https://www.researchgate.net/publication/325184279_Design_Thinking_for_Life
[11] N. N. Arisa, M. Fahri, M. I. A. Putera, and M. G. L. Putra, “Perancangan Prototipe UI/UX Website CROWDE Menggunakan Metode Design Thinking,” Teknika, vol. 12, no. 1, pp. 18–26, 2023, doi: 10.34148/teknika.v12i1.549.
[12] Pojiah, “Mengenal Affinity Diagram: Definisi, Kegunaan, dan Cara Membuatnya.” Accessed: Jan. 09, 2024. [Online]. Available: https://idmetafora.com/news/read/2756/Mengenal-Affinity-Diagram-Definisi-Kegunaan-dan-Cara-Membuatnya.html
[13] D. Karlina and D. R. Indah, “Perancangan User Interface dan User Experience Sistem Informasi E-learning Menggunakan Design Thinking,” Jurnal Teknik Informatika dan Sistem Informasi, vol. 8, no. 3, pp. 580–596, Dec. 2022, doi: 10.28932/jutisi.v8i3.5412.
[14] B. Agustian, “Redesigning Moca E-Learning User Interface Based On E-Learning Readiness And User Experience Approachment,” 2021.
[15] A. R. Novianto and S. Rani, “Pengembangan Desain UI/UX Aplikasi Learning Management System dengan Pendekatan User Centered Design,” Jurnal Sains, Nalar, dan Aplikasi Teknologi Informasi, vol. 2, pp. 2807–5935, 2022, [Online]. Available: https://nngroup.com
[16] R. Fachrizal Rochman, K. Candra Brata, and H. Tolle, “Perbaikan Fitur Dashboard Skripsi di FILKOM APPS dengan menggunakan Pendekatan Human Centered Design,” Jurnal Pengembangan Teknologi Informasi …, vol. 6, no. 4, pp. 1807–1813, 2022, [Online]. Available: http://j-ptiik.ub.ac.id
[17] H. Amnur, Y. Syanurdi, R. Idmayanti, and A. Erianda, “Developing Online Learning Applications for People with Hearing Impairment,” vol. 5, no. March, pp. 32–38, 2021, [Online]. Available: www.joiv.org/index.php/joiv
[18] M. Y. Jenniffer, “Design of User Interface User Experience of Information and Academic Administration Services Application with the Design Thinking Method for Students of the Faculty of Engineering, Sam Ratulangi University,” Jurnal Teknik Elektro dan Komputer, vol. 12, no. 3, 2023.
[19] R. Herdjuno Pawenang Kusumo and B. S. Suranto, “Evaluasi User Experience Sistem Informasi Manajemen Tugas Akhir (SEKAWAN) Informatika Universitas Islam Indonesia Menggunakan Metode User Experience Questionnaire (UEQ),” 2023. [Online]. Available: https://journal.uii.ac.id/AUTOMATA/article/view/26304/14738.
[2] F. Felix, S. J. Pipin, D. David, and T. Al-Mawaddah, “Perancangan Ulang UI/UX Mika dengan Metode Design Thinking,” Jurnal SIFO Mikroskil, vol. 24, no. 1, pp. 1–8, May 2023, doi: 10.55601/jsm.v24i1.921.
[3] E. C. Shirvanadi, “Perancangan Ulang UI/UX Situs E-Learning Amikom Center Dengan Metode Design Thinking (Studi Kasus: Amikom Center),” 2021, doi: 10.47467/dawatuna.v4i3.5414.1567.
[4] M. C. Wahyuningtyas, “Perancangan Ulang User Interface ( Ui ) Dan User Experience ( Ux ) Pada Website Tasqif . Com Menggunakan Metode Design Thinking,” 2023.
[5] Ferdianto, “Mengenal Lebih Dalam mengenai User Interface dan User Experience,” Binus. Accessed: Jan. 24, 2024. [Online]. Available: https://sis.binus.ac.id/2022/04/26/mengenal-lebih-dalam-mengenai-user-interface-dan-user-experience/
[6] H. M. Kalyani, “Product Branding dengan UI Design.” Accessed: Jan. 27, 2024. [Online]. Available: https://medium.com/learnfazz/product-branding-dengan-ui-design-40d56ce4f4f0
[7] K. KHADIJAH, “Studi Perbandingan Metodologi Ui/Ux (Studi Kasus: Prototype Aplikasi Pdbi Academic Information System),” Knowledge: Jurnal Inovasi Hasil Penelitian dan Pengembangan, vol. 2, no. 4, pp. 292–301, Jan. 2023, doi: 10.51878/knowledge.v2i4.1808.
[8] I. K. T. T. Wibowo and I. P. A. E. Pratama, “Evaluasi Dan Rancang Ulang Tampilan Antarmuka Website Menggunakan Metode System Usability Scale Dan Design Thinking (Studi Kasus: Dinas Komunikasi dan Informatika Kabupaten Gianyar),” Jurnal Informatika dan Komputer, vol. 271, no. 2, pp. 271–278, 2023, doi: 10.35508/jicon.v11.i2.12654.
[9] B. Priambodo, “Desain Proses - Empathize.” Accessed: Jan. 12, 2024. [Online]. Available: https://medium.com/belajar-desain/desain-proses-1-empathize-a107581d7a10
[10] A. Bhat, “In depth Interviews: Definition and how to conduct them.” Accessed: Jan. 12, 2024. [Online]. Available: https://www.researchgate.net/publication/325184279_Design_Thinking_for_Life
[11] N. N. Arisa, M. Fahri, M. I. A. Putera, and M. G. L. Putra, “Perancangan Prototipe UI/UX Website CROWDE Menggunakan Metode Design Thinking,” Teknika, vol. 12, no. 1, pp. 18–26, 2023, doi: 10.34148/teknika.v12i1.549.
[12] Pojiah, “Mengenal Affinity Diagram: Definisi, Kegunaan, dan Cara Membuatnya.” Accessed: Jan. 09, 2024. [Online]. Available: https://idmetafora.com/news/read/2756/Mengenal-Affinity-Diagram-Definisi-Kegunaan-dan-Cara-Membuatnya.html
[13] D. Karlina and D. R. Indah, “Perancangan User Interface dan User Experience Sistem Informasi E-learning Menggunakan Design Thinking,” Jurnal Teknik Informatika dan Sistem Informasi, vol. 8, no. 3, pp. 580–596, Dec. 2022, doi: 10.28932/jutisi.v8i3.5412.
[14] B. Agustian, “Redesigning Moca E-Learning User Interface Based On E-Learning Readiness And User Experience Approachment,” 2021.
[15] A. R. Novianto and S. Rani, “Pengembangan Desain UI/UX Aplikasi Learning Management System dengan Pendekatan User Centered Design,” Jurnal Sains, Nalar, dan Aplikasi Teknologi Informasi, vol. 2, pp. 2807–5935, 2022, [Online]. Available: https://nngroup.com
[16] R. Fachrizal Rochman, K. Candra Brata, and H. Tolle, “Perbaikan Fitur Dashboard Skripsi di FILKOM APPS dengan menggunakan Pendekatan Human Centered Design,” Jurnal Pengembangan Teknologi Informasi …, vol. 6, no. 4, pp. 1807–1813, 2022, [Online]. Available: http://j-ptiik.ub.ac.id
[17] H. Amnur, Y. Syanurdi, R. Idmayanti, and A. Erianda, “Developing Online Learning Applications for People with Hearing Impairment,” vol. 5, no. March, pp. 32–38, 2021, [Online]. Available: www.joiv.org/index.php/joiv
[18] M. Y. Jenniffer, “Design of User Interface User Experience of Information and Academic Administration Services Application with the Design Thinking Method for Students of the Faculty of Engineering, Sam Ratulangi University,” Jurnal Teknik Elektro dan Komputer, vol. 12, no. 3, 2023.
[19] R. Herdjuno Pawenang Kusumo and B. S. Suranto, “Evaluasi User Experience Sistem Informasi Manajemen Tugas Akhir (SEKAWAN) Informatika Universitas Islam Indonesia Menggunakan Metode User Experience Questionnaire (UEQ),” 2023. [Online]. Available: https://journal.uii.ac.id/AUTOMATA/article/view/26304/14738.