, ANALISA DAN PERANCANGAN UI/UX WEBSITE PENDAFTARAN SANTRI BARU PADA TKA/TPA/TQA DARUL MUKARRAMAH MENGGUNAKAN METODE DESIGN THINKING

• NADIA ULFA

---

ABSTRAK

ABSTRAK

Nadia Ulfa (11220844), ANALISA DAN PERANCANGAN UI/UX WEBSITE PENDAFTARAN SANTRI BARU PADA TKA/TPA/TQA DARUL MUKARRAMAH MENGGUNAKAN METODE DESIGN THINKING

Penelitian ini bertujuan untuk melakukan analisis dan perancangan antarmuka pengguna (UI/UX) pada platform pendaftaran santri baru berbasis web untuk TKA/TPA/TQA Darul Mukarramah. Metode Design Thinking diterapkan sebagai kerangka kerja untuk memastikan pengembangan solusi yang berfokus pada kebutuhan pengguna. Studi analisis dilakukan untuk mengidentifikasi hambatan dan potensi peningkatan pada proses pendaftaran santri baru. Dengan memanfaatkan pendekatan empat tahap Design Thinking, yaitu empati, definisi, ideasi, dan prototipe, penelitian ini berusaha menciptakan solusi yang kreatif dan sesuai dengan ekspektasi pengguna. Melalui teknik pengumpulan data seperti wawancara, observasi, dan analisis dokumentasi, aspek-aspek kritis dari antarmuka pengguna yang ada dievaluasi. Konsepkonsep baru yang dihasilkan dari sesi ideasi kemudian diintegrasikan ke dalam perancangan UI/UX. Hasil dari penelitian ini mencakup perancangan antarmuka pengguna yang lebih intuitif, mempertimbangkan pengalaman pengguna yang efisien dan meminimalkan hambatan pendaftaran. Prototipe yang dikembangkan diimplementasikan dan diuji coba untuk mengevaluasi keefektifannya, berdasarkan hasil prototype yang sudah diuji adalah 71,75 dengan skor SUS B atau GOOD. Dengan menerapkan metode Design Thinking, diharapkan bahwa penelitian ini akan memberikan kontribusi positif terhadap pengembangan platform pendaftaran santri baru, mendukung efisiensi proses pendaftaran, dan memberikan pengalaman pengguna yang lebih memuaskan. Penelitian ini juga diharapkan dapat menjadi panduan praktis bagi pengembang web dalam merancang antarmuka pengguna yang responsif dan inovatif untuk kebutuhan institusi serupa.

Kata Kunci: Analisa, User Interface, User Experience, Design Thinking, Pendaftaran Santri Baru, UI/UX.

KATA KUNCI

Analisa,User Interface,User experience,Design Thinking,Pendaftaran Santri Baru

---

DAFTAR PUSTAKA

DAFTAR PUSTAKA

[1] S. N. Rakhmah and I. Rizki, “Sistem Informasi Pelayanan Jasa Laundry Sepatu Pada Queen Shoes Cleaning,” J. Kaji. Ilm., vol. 22, no. 1, pp. 21–34, 2022, doi: 10.31599/jki.v22i1.782.

[2] D. Haryuda, M. Asfi, and R. Fahrudin, “Perancangan UI/UX Menggunakan Metode Design Thinking Berbasis Web Pada Laportea Company,” J. Ilm. Teknol. Infomasi Terap., vol. 8, no. 1, pp. 111–117, 2021, doi: 10.33197/jitter.vol8.iss1.2021.730.

[3] R. Anggara Putra, “Perancangan User Experience Aplikasi Recording Pegawai Menggunakan Metode Human-Centered Design (Studi Kasus:PT.XYZ),” J. Sist. Informasi, Teknol. Informasi, dan Edukasi Sist. Inf., vol. 2, no. 2, pp. 85–98, 2021, doi: 10.25126/justsi.v2i2.48.

[4] R. Fahrudin and R. Ilyasa, “Perancangan Aplikasi ‘Nugas’ Menggunakan Metode Design Thinking dan Agile Development,” J. Ilm. Teknol. Infomasi Terap., vol. 8, no. 1, pp. 35–44, 2021, doi: 10.33197/jitter.vol8.iss1.2021.714.

[5] Korcab Qiraati Kebumen, Pembinaan Ta’limul Qur’an Asatidz Metode Qiraati Kabupaten Kebumen. 2000.

[6] U. Usman, “IMPLEMENTASI KEBIJAKAN KEMENTERIAN AGAMA TERHADAP PENYELENGGARAAN TAMAN PENDIDIKAN ALQUR’AN DI KABUPATEN PASURUAN,” Adab. J. Pendidik. Islam, vol. 1, p. 63, Jul. 2016, doi: 10.21070/ja.v1i1.165.

[7] T. Susilawati, F. Yuliansyah, M. Romzi, and R. Aryani, “Membangun Website Toko Online Pempek Nthree Menggunakan Php Dan Mysql,” J. Tek. Inform. Mahakarya, vol. 3, no. 1, pp. 35–44, 2020.

[8] M. Metode, D. Thinking, P. Cv, and M. Ban, “ANALISA DAN PERANCANGAN UI / UX APLIKASI PENJUALAN,” vol. 9, no. 1, pp. 46– 53, 2023.

[9] R. R. Marbun, F. Al Mufied, and R. Fauzi, “PERANCANGAN USER INTERFACE/USER EXPERIENCE (UI/UX) WEBSITE HELPMEONG UNTUK SHELTER MENGGUNAKAN METODE GOAL-DIRECTED DESIGN,” JIPI (Jurnal Ilm. Penelit. dan Pembelajaran Inform., vol. 7, no. 4, pp. 1096–1109, 2022, doi: 10.29100/jipi.v7i4.3190.

[10] A. A. Razi, I. R. Mutiaz, and P. Setiawan, “PENERAPAN METODE DESIGN THINKING PADA MODEL PERANCANGAN UI/UX APLIKASI PENANGANAN LAPORAN KEHILANGAN DAN TEMUAN BARANG TERCECER,” Desain Komun. Vis. Manaj. Desain dan Periklanan, vol. 3, no. 02, p. 219, 2018, doi: 10.25124/demandia.v3i02.1549.

[11] R. K. Ekawati, S. Gunawan, and D. H. Sindi, “Analisis Studi Kelayakan Finansial Dan Perancangan Aplikasi Pada Rencana Usaha Sayur Online ‘Aerys Fresh,’” J. Teknol. Sist. Inf., vol. 2, no. 1, pp. 91–102, 2021, doi: 10.35957/jtsi.v2i1.852.

[12] A. Febrian, F. Adnan, and J. A. Putra, “Perancangan UI/UX pada Aplikasi Taspen Otentikasi Berbasis Mobile Dengan Menggunakan Metode Design Thinking,” JTIM J. Teknol. Inf. dan Multimed., vol. 4, no. 4, pp. 244–260, 2023, doi: 10.35746/jtim.v4i4.259.

[13] K. H. Lim and N. Setiyawati, “Perancangan User Experience Aplikasi Mobile Majuli Menggunakan Metode Design Thinking,” J. Inf. Technol. Ampera, vol. 3, no. 2, pp. 108–123, 2022, doi: 10.51519/journalita.volume3.isssue2.year2022.page108-123.

[14] T. P. Y. Titan, Budiman, and J. H. F. Efendi Putra, “Perancangan Prototype User Interface Dan Pengujian User Experience Aplikasi Rental Mobil Berbasis Menggunakan Metode Design Thinking ( Studi Kasus?: Pt Trans Berjaya Khatulistiwa),” Nuansa Inform., vol. 17, no. 2, pp. 48–65, 2023, doi: 10.25134/ilkom.v17i2.9.

[15] “Understanding Sketches and Diagrams,” Qualitative Representations. The MIT Press, 2019. doi: 10.7551/mitpress/11578.003.0020.

[16] A.-L. Meiners, M. Schrepp, A. Hinderks, and J. Thomaschewski, “A Benchmark for the UEQ+ Framework: Construction of a Simple Tool to Quickly Interpret UEQ+ KPIs,” Int. J. Interact. Multimed. Artif. Intell., vol. In Press, no. In Press, p. 1, 2023, doi: 10.9781/ijimai.2023.05.003.

[17] S. R. Henim and R. P. Sari, “User Experience Evaluation of Student Academic Information System of Higher Education Using User Experience Questionnaire,” J. Komput. Terap., vol. 6, no. Vol. 6 No. 1 (2020), pp. 69–78, 2020, doi: 10.35143/jkt.v6i1.3582.

[18] I. Latifah, “Pendidikan Segregasi, Mainstreaming, Integrasi dan inklusi, apa bedanya?,” J. Pendidik., vol. 29, no. 2, 2020, doi: 10.32585/jp.v29i2.676.

[19] M. Jidan Narizki et al., “Perancangan UI/UX Sistem Penerimaan Mahasiswa Baru Berbasis Perangkat Mobile dengan Metode Design Thinking,” J. Inf. Syst. Res., vol. 4, no. 4, pp. 1127–1135, 2023, doi: 10.47065/josh.v4i4.3652.

[20] F. Aziz, D. Uki, E. Saputri, N. Khasanah, and T. Hidayat, “Penerapan UI / UX dengan Metode Design Thinking ( Studi Kasus?: Warung Makan ),” vol. 5, no. 1, pp. 1–8, 2023.

[21] D. Y. Sahlan, F. Ramdani, and H. M. Az-zahra, “Perancangan Antarmuka Pengguna Aplikasi Pemasaran Namiroh berbasis Web dengan Metode Design Thinking PT . An Namiroh Travelindo,” vol. 6, no. 2, pp. 745–753, 2022.

[22] B. Di and P. Sukmajaya, “Penerapan metode design thinking dalam rancang aplikasi penanganan laporan pencurian barang berharga di polsek sukmajaya,” vol. 06, pp. 267–276, 2021.

[23] N. F. Amin, S. Garancang, and K. Abunawas, “Konsep Umum Populasi dan Sampel dalam Penelitian,” J. Pilar, vol. 14, no. 1, pp. 15–31, 2023.

[24] Harianti, “LAPORAN HASIL OBSERVASI WAWANCARA SISWA YANG MENGALAMI KESULITAN BELAJAR.” Center for Open Science, 2022. doi: 10.31219/osf.io/v8n2s