RANCANG BANGUN UI/UX E-LEARNING MENGGUNAKAN METODE DESIGN THINKING BERBASIS WEB (STUDI KASUS: KAMPUS INSTIDLA)

KARTIKA, SARI NURJANNAH (2026) RANCANG BANGUN UI/UX E-LEARNING MENGGUNAKAN METODE DESIGN THINKING BERBASIS WEB (STUDI KASUS: KAMPUS INSTIDLA). Diploma thesis, UIN RADEN INTAN LAMPUNG.

PDF Download (17MB)

Abstract

ABSTRAK Penelitian ini dilakukan untuk merancang UI/UX sistem e learning berbasis web yang lebih interaktif dan sesuai dengan kebutuhan pengguna di Kampus INSTIDLA. Perancangan dilakukan karena sistem sebelumnya dinilai kurang jelas dari segi navigasi dan kurang mendukung kenyamanan pengguna dalam mengakses fitur pembelajaran. Tujuan penelitian ini adalah menghasilkan desain antarmuka yang lebih intuitif, mudah digunakan, dan mampu memenuhi kebutuhan pengguna. Metode yang digunakan adalah Design Thinking dengan lima tahapan, yaitu Empathize, Define, Ideate, Prototype, dan Test. Pengumpulan data dilakukan melalui observasi kebutuhan pengguna, penyusunan rancangan tampilan, serta pengujian prototipe menggunakan Maze Design dan System Usability Scale (SUS). Hasil pengujian menunjukkan bahwa pengguna dapat menyelesaikan tugas yang diberikan meskipun terdapat beberapa misclick pada beberapa area navigasi. Nilai SUS sebesar 85 menunjukkan bahwa tingkat usability prototipe berada pada kategori Excellent, yang berarti sistem dinilai mudah digunakan dan diterima dengan baik oleh pengguna. Secara keseluruhan, penelitian ini berhasil menghasilkan rancangan UI/UX e-learning yang lebih interaktif dan mendukung kenyamanan pengguna. Hasil penelitian ini dapat menjadi acuan untuk pengembangan lebih lanjut pada tahap implementasi sistem di lingkungan kampus. Kata kunci: UI/UX, e-learning, Design Thinking, Maze Design, SUS.ABSTRACT This study was conducted to design a more interactive web based e-learning UI/UX that aligns with the needs of users at Instidla Campus. The development was carried out in response to the previous system, which was considered unclear in terms of navigation and lacked comfort in supporting learning activities. The purpose of this research is to produce a more intuitive and user friendly interface design that meets users’ needs. The research employed the Design Thinking method, which consists of five stages: Empathize, Define, Ideate, Prototype, and Test. Data collection was conducted through identifying user needs, designing interface layouts, and evaluating the prototype using Maze Design and the System Usability Scale (SUS). The testing results indicate that users were able to complete the assigned tasks, although several misclicks occurred in certain navigation areas. The SUS score of 85 places the prototype in the Excellent category, indicating that the system is easy to use and well-received by users. Overall, this study successfully produced a more interactive e-learning UI/UX design that enhances user comfort. The findings of this research may serve as a reference for further development during the system’s implementation phase within the campus environment. Keywoards: UI/UX, E-learning, Design Thinking, Maze Design, SUS.

Actions (login required)

View Item