PENERAPAN METODE DESIGN THINKING DALAM RANCANG PROTOTIPE WEBSITE SISTEM PENGARSIPAN PADA KANTOR PPK PUPR BECAKAYU DENGAN USABILITY TESTING

• AHWAL ALAMSYACH

---

ABSTRAK

ABSTRAK

Ahwal Alamsyach (11211396), Penerapan Metode Design Thinking Dalam Perancangan Prototipe Website Sistem Pengarsipan Pada Kantor PPK PUPR BECAKAYU DENGAN USABILITY TESTING

Kemajuan teknologi informasi mendorong instansi pemerintah untuk meningkatkan efisiensi kerja, termasuk dalam hal pengelolaan arsip. Kantor PPK PUPR BECAKAYU masih menggunakan sistem pengarsipan manual, yang menyebabkan sulitnya pencarian data, potensi kehilangan dokumen penting, serta berdampak pada penurunan mutu pelayanan publik. Penelitian ini bertujuan untuk merancang prototipe website sistem arsip berbasis metode design thinking guna menghasilkan solusi yang mudah digunakan dan sesuai kebutuhan pengguna. Penelitian dilaksanakan melalui lima tahapan, yaitu empathize, define, ideate, prototype, dan test. Evaluasi kegunaan dilakukan menggunakan System Usability Scale (SUS) serta User Experience Questionnaire (UEQ). Hasil pengujian menunjukkan bahwa prototipe yang dirancang memperoleh skor SUS sebesar 51, yang termasuk dalam kategori cukup layak, serta skor UEQ yang menunjukkan nilai tinggi pada aspek daya tarik, kejelasan, dan efisiensi. Temuan ini mengindikasikan bahwa penerapan metode design thinking dalam proses perancangan antarmuka memberikan hasil yang sesuai dengan harapan pengguna. Dengan hadirnya prototipe website sistem arsip ini, diharapkan proses pengelolaan dokumen di lingkungan PPK PUPR BECAKAYU dapat dilakukan dengan lebih cepat, mudah diakses, serta aman, sehingga mendukung peningkatan kinerja dan pelayanan publik secara keseluruhan.

Kata kunci: design thinking, pengarsipan, prototipe, usability, website

KATA KUNCI

Design Thinking,Pengarsipan,Prototype,Usability,Website

---

DAFTAR PUSTAKA

DAFTAR PUSTAKA

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

 

[2]      S. Ansori, P. Hendradi, and S. Nugroho, “Penerapan Metode Design Thinking dalam Perancangan UI/UX Aplikasi Mobile SIPROPMAWA,” Journal of Information System Research (JOSH), vol. 4, no. 4, pp. 1072–1081, 2023, doi: 10.47065/josh.v4i4.3648.

 

[3]      B. Indra Irawan, “Perancangan User Interface Dan User Experience Dengan Metode User Centered Design Pada Situs Web ‘Kalografi,’” Automata, pp. 1–72, 2022.

 

[4]      R. Kurniawan and M. Budi, “Perancangan Ui/Ux Aplikasi Manajemen Penelitian Dan Pengabdian Kepada Masyarakat Menggunakan Aplikasi Figma,” Jurnal sistem informasi, vol. 5, no. 1, pp. 2–7, 2022.

 

[5]      R. Alamsyah, I. Maruf Nugroho, and S. Alam, “REDESIGN USER INTERFACE DAN USER EXPERIENCE APLIKASI WASTU MOBILE MENGGUNAKAN METODE DESIGN THINKING Program Studi Teknik Informatika Sekolah Tinggi Teknologi Wastukancana 123,” Syariful Alam Jurnal Ilmiah Betrik, vol. 13, no. 02, pp. 152–159, 2022.

 

[6]      M. Nuh, “Penyuluhan Mengelola Website Sebagai Media Publikasi, Komunikasi Dan Informasi Pada Pesantren Hidayatullah Jonggol,” Jurnal Pedes - Pengabdian Bidang, vol. 2, pp. 110–117, 2022, [Online]. Available: https://journal.interstudi.edu/index.php/jurnalpedes/article/view/1646/282

 

[7]      M. Alviano, Y. Trimarsiah, and Suryanto, “Perancangan Aplikasi Penjualan Berbasis Web Pada Perusahaan Dagang Dendis Production Menggunakan Php Dan Mysql,” jurnal informatika dan komputer (Jik), vol. 14, no. 1, pp. 37–44, 2023

.

[8]      M. C. Azmi, T. A. Siddiq, and Y. R. Nasution, “Perancangan Sistem Arsip Surat Masuk Dan Keluar Biro Administrasi Dan Pembangunan Provinsi Sumatera Utara Berbasis Web,” Simtek?: jurnal sistem informasi dan teknik komputer, vol. 8, no. 1, pp. 58–60, 2023, doi: 10.51876/simtek.v8i1.174.

 

[9]      I. Affandi, “Sistem Informasi Manajemen dan Data,” Journal UNIKOM, no. 2001, pp. 6–20, 2016.

 

[10]    “Prototype: Definisi, Tujuan, Fungsi, Dan Manfaat - Coding Studio.” Accessed: Apr. 29, 2025. [Online]. Available: https://codingstudio.id/blog/prototype-definisi-tujuan-fungsi-manfaat/

 

 

[11]    A. P. Sukma, R. Yusuf, and R. H. Dai, “Analisis Pengukuran Usability Sistem Informasi Manajemen Baznas ( Simba ) Menggunakan Metode System Usability Scale ( Sus ),” DIFFUSION Journal Of System And Information Technology, vol. 3, no. 2, pp. 224–231, 2023

.

[12]    Y. Yudiana, E. Gita, D. Darmansyah, and F. A. S. B.K, “Evaluasi Rancangan UI/UX SIAKAD STMIK Rosma dengan Metode User Experience Questionnaire (UEQ),” Jurnal Interkom: Jurnal Publikasi Ilmiah Bidang Teknologi Informasi dan Komunikasi, vol. 19, no. 4, pp. 9–15, 2025, doi: 10.35969/interkom.v19i4.426.

 

[13]    K. Nistrina and T. A. Lestari, “Desain Inovatif Sistem Informasi Profil Hotel Damanaka Pangalengan Berbasis Website Menggunakan UML dan Figma,” JurnalSistemInformasi, J-SIKA, vol. 6, pp. 8–17, 2024.

 

[14]    “Contoh Use Case Diagram Lengkap dengan Penjelasannya - Dicoding Blog.” Accessed: May 05, 2025. [Online]. Available: https://www.dicoding.com/blog/contoh-use-case-diagram/

 

[15]    “Apa Itu Activity Diagram? Simak Contoh Implementasinya Berikut Ini! -.” Accessed: May 05, 2025. [Online]. Available: https://www.dicoding.com/blog/apa-itu-activity-diagram-simak-contoh-implementasinya-berikut-ini/

 

[16]    ANANDA MUHAMAD TRI UTAMA, “No ????????????????????? ?????????????????Title,” vol. 9, no. 04, pp. 356–363, 2022.

 

[17]    P. Satriyotomo, A. W. Mahastama, R. G. Santosa, and L. Belakang, “Perancangan Aplikasi Website Pengelolaan Surat Masuk dan Keluar Dengan Menggunakan Metode Design Thinking Studi Kasus?: Rektorat UKDW,” no. 2, pp. 93–102, 2024, doi: 10.21460/jutei.2024.82.366.

 

[18]    A. W. Junisti and E. S. Negara, “Prototype Sistem Pelayanan Pengaduan Jalan Rusak di Dinas Pekerjaan Umum Bina Marga Kabupaten Musi Rawas menggunakan Metode Design Thinking,” vol. 4, pp. 8199–8214, 2024.

 

[19]    A. Sanjaya, W. P. Mustika, and B. Rifai, “Analisa Design Ui/Ux Point of Sales Berbasis Web Pada Raja Samudra Popok Menggunakan Metode Design Thinking,” Jurnal Manajamen Informatika Jayakarta, vol. 4, no. 2, p. 238, 2024, doi: 10.52362/jmijayakarta.v4i2.1061.

 

[20]    S. Darmawan and J. Hatammimi, “Perancangan Digitalisasi Bisnis Berbasis Website Menggunakan Metode Design Thinking (Pada Perusahaan Pt Justatrip Sahabat Perjalanan) Designing Website-Based Business Digitization Using The Design Thinking Method (At The Company Pt Justatrip Sahabat Perja,” vol. 11, no. 1, p. 441, 2024.

 

 

[21]    R. Mirza, K. Fatoni, and S. Ernawati, “Implementasi Metode Design Thinking Untuk Perancangan UI/UX Aplikasi Manajemen Surat,” Kumpulan jurnaL Ilmu Komputer (KLIK), vol. 11, no. 1, pp. 1–13, 2024.

 

[22]    S. Pokhrel, “No TitleΕΛΕΝΗ,” Αγαη, vol. 15, no. 1, pp. 37–48, 2024.

 

[23]    Y. Rahayu and R. Budi Agung, “RANCANG BANGUN PROTOTYPE SISTEM E-ARSIP PEMBIAYAAN KPR BERBASIS WEB PADA PT BANK SYARIAH INDONESIA KCP BEKASI TIMUR (Prototype Design Of Web-Based KPR Financing E-Archive Information System At PT Bank Syariah Indonesia KCP East Bekasi),” Jurnal Teknologi Informasi, Komputer dan Aplikasinya (JTIKA), vol. 6, no. 1, pp. 345–351, 2024, [Online]. Available: http://jtika.if.unram.ac.id/index.php/JTIKA/

 

[24]    D. S. Jaya and M. A. I. Pakereng, “Perancangan Ui/Ux Aplikasi Sistem Pemberkasan Bidang Pertanahan Kabupaten Mimika Berbasis Web Menggunakan Metode Design Thinking,” Jurnal Informatika dan Teknik Elektro Terapan, vol. 12, no. 3, pp. 3040–3050, 2024, doi: 10.23960/jitet.v12i3.5064.

 

[25]    M. B. Ramadhani, S. R. Aziza, H. D. Febriana, and A. Rachman, “Implementasi Design Thinking pada Perancangan Website Yellow Sands Travel Berbasis Wordpress,” Prosiding Seminar Implementasi Teknologi Informasi dan Komunikasi, vol. 1, no. 2, pp. 504–511, 2022, doi: 10.31284/p.semtik.2022-1.3180.

 

[26]    V. P. Sabandar and S. Sintaro, “Evaluasi Usability Ditinjau dari Kepuasan Pengguna terhadap Desain UI / UX Protoype E-Repository Evaluation of Usability B ased on User Satisfaction with the UI / UX Design of the E-Repository Prototype,” vol. 13, pp. 1940–1955, 2024.

 

[27]    D. A. Titania, L. Kurniawati, and T. Haryanti, “Perancangan Desain UI/UX Sistem Informasi Pengarsipan Surat Menggunakan Metode User Centered Design,” Metik Jurnal, vol. 8, no. 1, pp. 1–9, 2024, doi: 10.47002/metik.v8i1.686.

 

[28]    P. Y. Pratiwi and N. P. E. Suchahyani, “Implementation of Design Thinking Method and Usability Testing in the Design of a Scholarship Information System,” Jurnal Pendidikan Teknologi dan Kejuruan, vol. 21, no. 2, pp. 133–144, 2024, doi: 10.23887/jptkundiksha.v21i2.81688.

 

[29]    P. Desain and A. Website, “BUTIK ORLIN DENGAN FITUR RAMAH DISABILITAS ADHD,” vol. 7, no. 2, pp. 249–256, 2024.

 

][30]   N. N. Arisa, M. Fahri, M. I. A. Putera, and M. G. L. Putra, “Perancangan Prototipe UI/UX Website CROWDE Menggunakan Metode Design Thinking,” Teknika, vol. 12, no. 1, pp. 18–26, 2023, doi: 10.34148/teknika.v12i1.549.

 

 

[31]    “Mengenal System Usability Scale – School of Information Systems.” Accessed: May 20, 2025. [Online]. Available: https://sis.binus.ac.id/2022/02/07/mengenal-system-usability-scale/

 

[32]    “Cara Menggunakan User Experience Questionnaire (UEQ) Pada Uji UX.” Accessed: May 20, 2025. [Online]. Available: https://www.edisusilo.com/cara-menggunakan-user-experience-questionnaire/

 

[33]    “Psikologi Warna dalam Desain Interface | Startup Campus Blog.” Accessed: Jul. 20, 2025. [Online]. Available: https://www.startupcampus.id/blog/psikologi-warna-dalam-desain-interface