ANALISA DESAIN UI/UX WEBSITE E-LEARNING MTSN 33 JAKARTA MENGGUNAKAN METODE USER CENTERED DESIGN

• ALEANDRA SENJAYA PUTRA

---

ABSTRAK

ABSTRAK

Aleandra Senjaya Putra (11211351), Analisa Desain UI/UX Website E-Learning MTsN 33 Jakarta Menggunakan Metode User Centered Design

Penelitian ini bertujuan untuk mengevaluasi dan memperbaiki desain antarmuka pengguna (UI/UX) pada platform e-learning MTsN 33 Jakarta menggunakan metode User Centered Design (UCD). Metode ini diterapkan untuk mengidentifikasi kebutuhan dan preferensi pengguna melalui observasi, wawancara, dan kuesioner, serta menghasilkan solusi desain yang berfokus pada kenyamanan dan kemudahan penggunaan. Proses pengembangan dimulai dengan pembuatan wireframe (low-fidelity prototype) yang kemudian dilanjutkan dengan pembuatan prototype (high-fidelity) menggunakan perangkat lunak Figma. Evaluasi dilakukan menggunakan System Usability Scale (SUS) untuk mengukur tingkat kegunaan sistem, dengan perbandingan antara sistem lama dan desain baru. Hasil analisis menunjukkan bahwa desain lama memiliki skor SUS rata-rata sebesar 48,71 dengan kategori "Not Acceptable" dan rating "Poor", sementara desain baru memperoleh skor 82,00 dengan kategori "Acceptable" dan rating "Excellent". Temuan ini menunjukkan bahwa penerapan UCD berhasil meningkatkan usability dan pengalaman pengguna, serta memberikan kontribusi yang signifikan dalam pengembangan 

KATA KUNCI

Analisis Desain UI/UX

---

DAFTAR PUSTAKA

DAFTAR PUSTAKA.

[1] M. W. P. Dananjaya, G. H. Prathama, and K. Darmaastawan, “User-Centered Design Approach in Developing User Interface and User Experience of Sculptify Mobile Application,” J. Comput. Networks, Archit. High Perform. Comput., vol. 6, no. 3, pp. 1089–1097, 2024, doi: 10.47709/cnahpc.v6i3.4206.

[2] C. Lewis and J. Rieman, “Task-Centered User Interface Design: A Practical Introduction,” Text, p. http://hcibib.org/tcuid/tcuid.pdf 190, 1993, [Online]. Available:

[3] M. Karimah, S. Supriyatna, and C. Rozali, “Penggunaan Figma dalam Menggali Kreativitas Desain UI/UX Web pada SMK IT Bina Adzkia,” JIPM J. Inov. Pengabdi. Masy., vol. 2, no. 1, pp. 6–10, 2024, doi: 10.55903/jipm.v2i1.139.

[4] N. L. Septiani, S. Widodo, T. Ridwan, and J. Hariyono, “Analisis Pengaruh Kualitas Website terhadap Kepuasan Pengguna Website UPI Kampus di Purwakarta,” vol. 1, no. 2, pp. 1–6, 2020.

[5] Interaction Design Foundation, “The Basics of User Experience Design,” Interact. Des. Found., pp. 58–64, 2018.

[6] V. Oktaviani, Y. Sastrawijaya, Z. E. Ferdi, F. Putra, and M. Tampubolon, “Implementation of User Experience (UX) Design on Library Website Implementasi Desain User Experience (UX) pada Website Perpustakaan,” Network, Comput. Sci. |, vol. 7, no. 1, pp. 37–42, 2024.

[7] Rully Pramudita, Rita Wahyuni Arifin, Ari Nurul Alfian, Nadya Safitri, and Shilka Dina Anwariya, “Penggunaan Aplikasi Figma Dalam Membangun Ui/Ux Yang Interaktif Pada Program Studi Teknik Informatika Stmik Tasikmalaya,” J. Buana Pengabdi., vol. 3, no. 1, pp. 149–154, 2021, doi: 10.36805/jurnalbuanapengabdian.v3i1.1542. M. Reyhan, A. Sudjana, B. Cahyono, and S. Hartanto, “RANCANG BANGUN APLIKASI PENYEWAAN ALAT ‘ LINDA RENTAL ’ BERBASIS WEBSITE,” vol. 2, 2024.

[8] W. Agustin, U. Rio, R. Muzawi, T. Nasution, and D. Haryono, “Penguatan Pengelolaan Website Desa Untuk Meningkatkan Layanan Administrasi Kependudukan di Desa Pasir Baru Rokan Hulu,” Abdiformatika J. Pengabdi. Masy. Inform., vol. 1, 10.25008/abdiformatika.v1i1.132. no. 1, pp. 8–17, 2021, doi:

[10] D. P. K. D. Dwi Mar’atus Saputri, Mawar Rahmawati, Kania Salsabila, Dhea Nabylla Anggraini and ..., “Media E-Learning Untuk Meningkatkan Kemandirian Belajar Siswa Sekolah Dasar Pada Pembelajaran Luring,” Semin. Nas. Bahasa, Sastra, Seni, dan Pendidik. Dasar, vol. 2, no. November, pp. 267273, 2022, [Online]. Available: https://mathdidactic.stkipbjm.ac.id/index.php/sensaseda/article/view/2072%0 Ahttps://mathdidactic.stkipbjm.ac.id/index.php/sensaseda/article/download/20 72/1017

[11] D. Oleh and R. C. Dewi, “Anafora: Jurnal Penelitian Mahasiswa Pendidikan Bahasa dan Sastra Indonesia IMPLEMENTASI E-LEARNING DALAM PEMBELAJARAN BAHASA INDONESIA DAN LITERASI DIGITAL,” pp. 23–31, 2024, [Online]. https://publication.uniku.ac.id/index.php/anafora Available:

[12] M. I. Nugraha, R. Kurniawan, and T. Suprapti, “System Usability Scale in Optimizing the Usability Value of the Tutoring and Private Lessons Ayo Pintar Application in Cirebon City,” vol. 4, no. 2, pp. 6–10, 2025.

[13] A. Pauline, Evaluasi Usability Dengan Menggunakan System Usability Scale dan Goal Direct Design Studi Kasus- E-Learning Sman 12 Kabupaten Tangerang. 2023.

[14] R. ’Aisy, Y. T. Mursityo, and S. H. Wijoyo, “Evaluasi Usability Aplikasi Mobile Sampingan Menggunakan Metode Usability Testing dan System Usability Scale (SUS),” J. Teknol. Inf. dan Ilmu Komput., vol. 11, no. 1, pp. 1926, 2024, doi: 10.25126/jtiik.20241116613.

[15] V. Yoga Pudya 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, [Online]. Available: https://djournals.com/jieee

[16] D. Bramantio, A. S. Alwafi, A. N. Ramadhan, and A. B. Satrio, “Pelatihan Dasar Desain UI / UX Menggunakan Figma Untuk Meningkatkan Pemahaman Siswa Tentang Desain Web Dan Aplikasi Mobile,” vol. 2, no. 4, pp. 382–386, 2024.

[17] A. Info, “Efektivitas penggunaan figma sebagai alat prototyping dalam mata kuliah interaksi manusia dan komputer 1,2,3,” vol. 3, no. 2, pp. 40–45, 2024.

[18] D. Adistyan Pranata, R. Indriati, A. Nugroho, and N. PGRI Kediri, “Desain UI/UX E-Commerce Menggunakan  Aplikasi Figma,” Pros. SEMNAS INOTEK (Seminar Nas. Inov. Teknol., vol. 8, no. 1, pp. 413–422, 2024, [Online]. Available: https://proceeding.unpkediri.ac.id/index.php/inotek/article/view/4959

[19] Ratna Dwi Pratiwi, “Pengembangan Web Menggunakan Figma  Di Era Society 5.0,” 2023, [Online]. http://repository.radenintan.ac.id/31545/1/BAB 1 2 DAPUS.pdf Available:

[20] Suciati Rahayu Widyastuti, “Pengembangan Skala Likert Untuk Mengukur Sikap Terhadap Penerapan Penilaian Autentik Siswa Sekolah Menengah Pertama,” Jendela ASWAJA, vol. 3, no. 02, pp. 57–75, 2022, doi: 10.52188/ja.v3i02.393.

[21] P. G. Subhaktiyasa, “Evaluasi Validitas dan Reliabilitas Instrumen Penelitian Kuantitatif : Sebuah Studi Pustaka,” no. November, 2024, doi: 10.37985/jer.v5i4.1747. [

[22] D. A. Fatah and F. Ayu Mufarroha, “Perancangan Antarmuka Pengguna Sistem Informasi Akademik Berbasis Wireframing,” J. Simantec, vol. 11, no. 1, pp. 97–106, 2022, doi: 10.21107/simantec.v11i1.19739.

[23] P. Studi, T. Informatika, S. Tinggi, T. Terpadu, and N. Fikri, “Program studi teknik informatika sekolah tinggi teknologi terpadu nurul fikri depok agustus 2024,” 2024.

[24] R. T. Maulana, “Perancangan User Interface User Experience Dengan Metode User Centered Design Pada Aplikasi Mobile Auctentik,” Informatics Eng., p. 60, 2020, [Online]. Available: https://dspace.uii.ac.id/123456789/28891

[25] F. R. Dianova and N. Anwar, “Analisis Butir Uji Validitas, Reliabilitas, Tingkat Kesukaran, dan Daya Pembeda Soal Sumatif Bahasa Arab SD Islam,” J. Bhs. Drh. Indones., vol. 1, no. 3, p. 13, 2024, doi: 10.47134/jbdi.v1i3.2863.

[26] F. Varina, S. Sophia, S. Harimurti, and D. Y. Lamefa, “Pelatihan SPSS Bagi Mahasiswa Tingkat Akhir Universitas Graha Karya Muara Bulian,” SWAGATI  J. Community Serv., vol. 2, no. 2, pp. 39–43, 2024, doi: 10.24076/swagati.2024v2i2.1509.

27] F. Risyda, Y. Gardenia, M. Awaludin, Y. Lucia, and R. Rehatalanit, “Perancangan Desain UI / UX Website Sekolah Menggunakan Metode User Centered Design,” vol. 9675, pp. 165–174, 2025.

[28] H. T. Albanna, T. Informatika, I. Komputer, U. B. Darma, and S. Selatan, “ANALISIS DAN PERANCANGAN UI / UX SISTEM RENTAL BUKU BERBASIS LARAVEL DENGAN METODE USER CENTERED DESIGN,” vol. 9, no. 2, pp. 1945–1951, 2025.

[29] M. Rifqi, P. Hidayat, and N. Cahyono, “Analisis UI / UX dan Implementasi Website TK ABA Menggunakan Metode User-Centered Design,” vol. 1, no. 2, pp. 46–52, 2024.