PERANCANGAN SMART UI ADAPTIF PADA E-LEARNING MENGGUNAKAN METODE DESIGN THINKING BERBASIS PREFERENSI DAN PERILAKU PENGGUNA
DOI:
https://doi.org/10.31849/577a7r53Keywords:
Antarmuka Adaptif, Design Thinking, E-learning, Perilaku Pengguna, Preferensi PenggunaAbstract
Perkembangan teknologi pendidikan menuntut adanya inovasi dalam sistem pembelajaran berbasis digital, khususnya di tingkat Sekolah Menengah Kejuruan (SMK) yang memiliki karakteristik pembelajaran praktis dan aplikatif. Namun, sistem e-learning yang digunakan masih memiliki keterbatasan dalam hal antarmuka pengguna (User Interface) dan pengalaman pengguna (User Experience), terutama dalam menyesuaikan tampilan dan fitur sesuai peran serta kebutuhan pengguna yang beragam, seperti siswa dan guru. Penelitian ini bertujuan untuk merancang Smart UI Adaptif pada e-learning yang mampu menyesuaikan konten, navigasi, serta notifikasi secara real-time berdasarkan preferensi dan perilaku pengguna. Metode yang digunakan adalah Design Thinking dengan lima tahapan: empathize, define, ideate, prototype, dan test. Data dikumpulkan melalui observasi, serta kuesioner kepada guru dan siswa menggunakan instrumen System Usability Scale (SUS). Hasil penelitian menunjukkan bahwa desain e-learning dengan Smart UI Adaptif mampu meningkatkan aspek usability dan user experience. Pengujian menggunakan SUS menghasilkan skor rata-rata 86,74 yang masuk kategori "sangat baik". Dengan demikian, penerapan Smart UI Adaptif terbukti relevan untuk meningkatkan efektivitas pembelajaran daring di SMK serta memberikan pengalaman belajar yang lebih personal, interaktif, dan kontekstual sesuai kebutuhan masing-masing pengguna.
References
[1] Adyaksa, Axeldo Chorwanda Ganggas, Dwi Budi Santoso, and Jeffri Alfa Razaq. 2024. “Perancangan UI/UX Aplikasi E-Learning Kampus Universitas Stikubank Dengan Menggunakan Metode Design Thinking.” Jurnal Indonesia : Manajemen Informatika Dan Komunikasi 5 (3): 2402–12. https://doi.org/10.35870/jimik.v5i3.906.
[2] Alsindo, Yanzen, Muhamad Ariandi, Ilman Zuhri Yadi, and Tri Oktarina. n.d. RANCANG BANGUN DESIGN UI/UX PADA APIKASI WORKFIT MENGGUNAKAN METODE DESIGN THINKING.
[3] Ashiddiq, Muhammad Naufal. 2024. “PERANCANGAN UI/UX LEARNING MANAGEMENT SYSTEM (LMS) APLIKASI MOBILE EDU-LEARN MENGGUNAKAN METODE DESIGN THINKING.” Jurnal Informatika Dan Teknik Elektro Terapan 12 (1). https://doi.org/10.23960/jitet.v12i1.3693.
[4] Aulia, Hadriani, Hario Jati Setyadi, and Muhammad Labib Jundillah. 2024. “Perancangan Ulang UI/UX Website E-Learning UNMUL Menggunakan Metode Design Thinking.” JITSI : Jurnal Ilmiah Teknologi Sistem Informasi 5 (4): 128–33. https://doi.org/10.62527/jitsi.5.4.294.
[5] Fuada, Syifaul, Endah Setyowati, Nissa Restyasari, Yee Mei Heong, and Leonardi Paris Hasugian. 2024. “UI/UX Redesign of SH-UPI App Using Design Thinking Framework.” JOIV : International Journal on Informatics Visualization 8 (3): 1055. https://doi.org/10.62527/joiv.8.3.2094.
[6] Hudha, Miftakhul, and Kholid Haryono. 2025. “Perancangan Desain UI/UX Website E-Learning Berbasis Learning Management System Dengan Metode Design Thinking.” Jurnal Indonesia : Manajemen Informatika Dan Komunikasi 6 (1): 598–609. https://doi.org/10.35870/jimik.v6i1.1252.
[7] Kusuma, M. Bagus Aria, Dewi Sartika, and Mustafa Ramadhan. 2024. “Penerapan Metode Design Thinking Dan User Experience Questionnaire (UEQ) Dalam Perancangan User Interface E-Learning.” Jurnal Nasional Ilmu Komputer 5 (2): 89–97. https://doi.org/10.47747/jurnalnik.v5i2.1747.
[8] Nasution, Winda Suci Lestari, and Patriot Nusa. 2021. “UI/UX Design Web-Based Learning Application Using Design Thinking Method.” ARRUS Journal of Engineering and Technology 1 (1): 18–27. https://doi.org/10.35877/jetech532.
[9] Perdana, Bosya, and Tata Sutabri. 2024. “Desain UI/UX Aplikasi Mobile LMS dengan Metode Design Thinking untuk Efektifitas Pembelajaran Mahasiswa di Perguruan Tinggi.” Jurnal Syntax Admiration 5 (12): 5735–42. https://doi.org/10.46799/jsa.v5i12.1925.
[10] Prayogo, Johan Suryo, Rony Kriswibowo, Rusina Widha Febriana, Putri Ariatna Alia, and Agung Budi Setyawan. 2025. “PERANCANGAN DESAIN UI/UX KURSUS ONLINE BERBASIS MOBILE MENGGUNAKAN METODE DESIGN THINKING.” Journal of Information Systems Management and Digital Business 2 (2). https://doi.org/10.70248/jismdb.v2i2.1904.
[11] Sunaryana, Sunaryana, and Khoirun Nisa. 2024. “PERANCANGAN UI/UX APLIKASI E-LEARNING PADA MTSS IRSYADUL ATHFAL MENGGUNAKAN METODE DESIGN THINKING.” JURNAL ILMIAH INFORMATIKA 12 (01): 59–67. https://doi.org/10.33884/jif.v12i01.8326.
[12] Umiga, Mira. 2022. “Perancangan User Interface (UI) dan User Experience (UX) Aplikasi e-Learning Studi Kasus SMK N Jenawi dengan Pendekatan User Centered Design.” Jurnal Cakrawala Informasi 2 (2): 56–62. https://doi.org/10.54066/jci.v2i2.242.
[13] Wijayas, Bondan, and D Tri Octafian. 2023. PERANCANGAN UI/UX WEBSITE SMK N 1 PALEMBANG MENGGUNAKAN METODE DESIGN THINKING.
Downloads
Published
Issue
Section
License
Copyright (c) 2026 ZONAsi: Jurnal Sistem Informasi
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
CC BY-SA 4.0
Attribution-ShareAlike 4.0
You are free to:
- Share — copy and redistribute the material in any medium or format for any purpose, even commercially.
- Adapt — remix, transform, and build upon the material for any purpose, even commercially.
- The licensor cannot revoke these freedoms as long as you follow the license terms.
Under the following terms:
- Attribution — You must give appropriate credit , provide a link to the license, and indicate if changes were made . You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
- ShareAlike — If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original.
- No additional restrictions — You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits.
Notices:
You do not have to comply with the license for elements of the material in the public domain or where your use is permitted by an applicable exception or limitation .
No warranties are given. The license may not give you all of the permissions necessary for your intended use. For example, other rights such as publicity, privacy, or moral rights may limit how you use the material.
