PENGEMBANGAN UI/UX E-LEARNING MENGGUNAKAN METODE DESIGN THINKING BERBASIS MOBILE PROTOTYPE (STUDI KASUS KAMPUS INSTIDLA)

SITI, AMALIA AGUSTIN (2025) PENGEMBANGAN UI/UX E-LEARNING MENGGUNAKAN METODE DESIGN THINKING BERBASIS MOBILE PROTOTYPE (STUDI KASUS KAMPUS INSTIDLA). Diploma thesis, UIN RADEN INTAN LAMPUNG.

	PDF Download (5MB)
	PDF Restricted to Repository staff only Download (8MB)

Abstract

ABSTRAK Sistem pembelajaran jarak jauh atau e-learning di Institut Teknologi dan Bisnis Diniyyah Lampung (INSTIDLA) belum dimanfaatkan secara optimal karena sistem yang ada saat ini dinilai tidak efektif. Pengguna, yang terdiri dari mahasiswa dan dosen, menghadapi berbagai kendala seperti antarmuka pengguna (UI) yang tidak menarik dan membingungkan, pengalaman pengguna (UX) yang buruk pada perangkat mobile, serta berbagai fitur yang tidak berfungsi dengan baik atau kurang user-friendly. Permasalahan ini menghambat efektivitas proses belajar mengajar secara daring dan mendorong pengguna untuk beralih ke platform eksternal. Oleh karena itu, penelitian ini bertujuan untuk menganalisis dan mengembangkan sebuah desain UI/UX e learning berbasis mobile prototype yang mampu menjawab kebutuhan spesifik pengguna di lingkungan Kampus INSTIDLA. Pengembangan antarmuka pengguna (UI) dan pengalaman pengguna (UX) mengadopsi metode Design Thinking yang terdiri dari lima tahapan: Empathize, Define, Ideate, Prototype, dan Testing. Pengumpulan data dilakukan melalui observasi, wawancara mendalam, dan dokumentasi yang melibatkan 15 partisipan, terdiri dari 11 mahasiswa, 3 dosen, dan 1 staf Pusat Teknologi Informasi dan Pangkalan Data (PTIK). Hasil dari proses desain diwujudkan dalam bentuk high-fidelity prototype yang kemudian diuji menggunakan metode Lab Usability testing untuk mengukur tingkat keberhasilan, efektivitas, dan kepuasan pengguna. Hasil penelitian ini adalah sebuah prototype e-learning berbasis mobile dengan desain UI/UX yang telah divalidasi oleh ahli dan diuji oleh pengguna. Berdasarkan hasil Usability testing, prototipe yang dikembangkan menunjukkan tingkat keberhasilan penyelesaian tugas sebesar 92,98%, dengan tingkat kepuasan pengguna yang dinilai "baik sekali". Temuan utama menunjukkan bahwa desain baru ini berhasil mengatasi permasalahan pada sistem lama, seperti navigasi yang lebih intuitif, tampilan yang lebih menarik secara visual, dan alur penggunaan yang lebih sesuai untuk perangkat mobile. Dengan demikian, disimpulkan bahwa penerapan metode Design Thinking berhasil menghasilkan rancangan UI/UX e-learning yang efektif, efisien, dan memuaskan bagi pengguna di Kampus INSTIDLA. Kata Kunci: UI/UX, E-learning, Design Thinking iii ABSTRACT The distance learning system, or e-learning, at the Diniyyah Lampung Institute of Technology and Business (INSTIDLA) has not been optimally utilized because the current system is considered ineffective. Users, consisting of students and lecturers, face various obstacles such as an unattractive and confusing user interface (UI), a poor user experience (UX) on mobile devices, and several features that do not function well or are not user-friendly. These problems hinder the effectiveness of the online teaching and learning process and compel users to switch to external platforms. Therefore, this research aims to analyze and develop a UI/UX design for a mobile-based e-learning prototype that can address the specific needs of users within the INSTIDLA Campus environment. The development of the user interface (UI) and user experience (UX) adopted the Design Thinking method, which consists of five stages: Empathize, Define, Ideate, Prototype, and Testing. Data was collected through observation, in-depth interviews, and documentation involving 15 participants, comprising 11 students, 3 lecturers, and 1 staff member from the Information Technology and Data Center (PTIK). The result of the design process was realized in the form of a high-fidelity prototype, which was then evaluated using the Lab Usability testing method to measure the success rate, effectiveness, and user satisfaction. The result of this research is a mobile-based e-learning prototype with a UI/UX design that has been validated by experts and tested by users. Based on the Usability testing results, the developed prototype showed a task completion success rate of 92.98%, with a user satisfaction level rated as "very good." The main findings indicate that this new design successfully addresses the problems of the old system, such as more intuitive navigation, a more visually appealing interface, and a user flow that is better suited for mobile devices. Thus, it is concluded that the application of the Design Thinking method successfully produced an e-learning UI/UX design that is effective, efficient, and satisfying for users at the INSTIDLA Campus. Keyword : UI/UX, E-learning, Design Thinking

Actions (login required)

View Item