Jurnal Pengembangan Rekayasa dan Teknologi Vol.
No.
November 2025, pp.
16 Ae 28 p-ISSN: 1410-9840 & e-ISSN: 2580-8850 https://journals.
id/index.
php/jprt DOI : https://doi.
org/10.
26623/jprt.
npage 16 Perancangan ulang UI/UX Website Perpustakaan Universitas Gunadarma Menggunakan Metode User Centered Design Exsi Ninik Ismayanti*1.
Kemal Ade Sekarwati2 Universitas Gunadarma ismayanti1703@gmail.
com1 , ade@staff.
Informasi Artikel Abstrak Dikirim :22-09-2025 Direview :30-10-2025 Diterbitkan :30-11-2025 Website perpustakaan berperan sebagai sarana penyedia informasi, pencarian koleksi, dan akses berbagai layanan literasi untuk mendukung kebutuhan sivitas akademika mahasiswa.
Website perpustakaan Universitas Gunadarma masih memiliki banyak kekurangan seperti, tata letak yang rumit, navigasi, desain yang sudah lama, dan kurangnya bantuan atau informasi yang dapat diketahui oleh para pengguna.
Dalam membaca situasi tersebut, penelitian ini memilih metode User Centered Design (UCD) untuk menyelesaikan proses penulisan.
Tujuan utama perancangan kembali pada website perpustakaan ini adalah meningkatkan pengalaman pengguna, perubahan signifikan berdasarkan design guideliness, serta menambahkan fitur live chat untuk membantu pengguna dalam Desain website dimodernisasi untuk tampilan yang lebih layak dan estetis, meningkatkan keterbacaan dan kenyamanan visual dalam menggunakannya.
Hasil pengujian yang digunakan memiliki 3 tahap metode berdasarkan pengalaman pengguna.
UEQ untuk penilaian pada perancangan lama yang mendapatkan hasil AubadAy atau belum layak.
SUS untuk perancangan baru mendapatkan usability 80,15 atau grade A, dan UAT dengan persentase sebesar 89,92% yang menghasilkan kelayakan atau perancangan yang direkomendasi berdasarkan pengalaman responden.
Kata Kunci Perancangan.
Perpustakaan.
User Experience Questionnaire.
System Usability Scale.
User Acceptance Testing PENDAHULUAN Perpustakaan berfungsi sebagai sarana penelitian dengan menyediakan akses yang komprehensif terhadap beragam sumber informasi yang diperlukan untuk kegiatan penelitian, meliputi literatur berupa buku, artikel jurnal, serta basis data ilmiah.
Dalam konteks pelestarian pengetahuan, perpustakaan memiliki peranan signifikan dalam yang pengumpulan, pengolahan, dan penyimpanan beragam hasil karya intelektual yang diproduksi di lingkungan kampus (Harlina Masimbangan Sabarina et al.
, 2.
Library Gunadarma merupakan sebuah website perpustakaan Universitas Gunadarma.
Website tersebut memiliki banyak kegunaan bagi mahasiswa yang membutuhkan referensi seperti penulisan ilmiah maupun skripsi.
Website perpustakaan Universitas Gunadarma digunakan untuk memenuhi kelengkapan syarat sidang seperti p-ISSN: 1410-9840 & e-ISSN: 2580-8850 kegiatan sumbang buku, bebas perpustakaan, dan kegiatan lainnya yang dapat dilakukan oleh mahasiswa maupun staf perpustakaan Universitas Gunadarma.
Metode User Centered Design (UCD) dipilih sebagai pendekatan dalam penelitian ini karena fokus pada kebutuhan dan preferensi pengguna, sehingga dengan menggunakan metode memberikan rekomendasi UCD dapat pengembang dalam menyelesaikan masalah kemudahan dan ketertarikan dalam menggunakan website perpustakaan (Kaligis Dicky Larson & Fatri Refyul Rey, 2.
User centered design atau biasa disebut dengan human centered design merupakan metode yang dimanfaatkan sebagai sebuah pengembangan sistem secara interaktif yang bertujuan untuk membuat sebuah perangkat lunak atau membuat sebuah perancangan User centered design mempunyai defisi lain yaitu, merupakan proses desain interface .
user yang berfokus pada tujuan kegunaan karakteristik pengguna, lingkungan, tugas, serta alur kerja dalam desain antarmuka (Ilham Dwi Prasetyo Nugroho & Rd.
Nuraini Siti Fatonah, 2.
Penelitian ini adalah perancangan yang dilakukan untuk pembaruan desain pada tampilan website perpustakaan Universitas Gunadarma yaitu pada tampilan utama, sumbang buku, dan tampilan e-paper.
Penelitian ini juga akan memperbaiki penggunaan warna dan juga membuat beberapa fitur seperti fitur baca pada e-paper, fitur peminjaman buku, fitur penulisan ilmiah, dan fitur lainnya yang terdapat dalam website menjadi lebih mudah dimengerti dan merubah atau memperbaiki tatanan warna pada tampilan website.
METODOLOGI
Pada penelitian ini terdapat serangkaian langkah sistematis yang dirancang untuk mencapai tujuan penelitian dengan cara yang terstruktur dan terukur Menggunakan Metode User Centereed Design.
Setiap tahapan memiliki tujuan dan aktivitas spesifik yang berkontribusi pada keseluruhan proses penelitian.
Berikut adalah susunan alur penelitian yang digunakan.
Gambar 2.
1 User Centered Design Specify The Context of use, pada tahapan ini berisikan mengenai cara menentukan calon pengguna.
Specify user Requarements, tahapan mencari solusi dari hasil permasalahan yang didapatkan oleh pengguna pada tahap sebelumnya.
Produce Design Solution, tahapan untuk pembuatan sebuah perancangan berdasarkan analisis tahap 1 dan 2 Evaluate Design against user requarement, melakukan uji coba terhadap perancangan yang sudah selesai dirancang.
Jurnal Pengembangan Rekayasa dan Teknologi.
Vol.
No.
November 2025
p-ISSN: 1410-9840 & e-ISSN: 2580-8850
HASIL DAN PEMBAHASAN
Pengumpulan Data Pengumpulan data ini memilih mahasiswa Universitas Gunadarma sebagai syarat dalam pengisian kuesioner yang disebarkan menggunakan Google Form.
Pengumpulan data tahap pertama dilakukan guna mendapatkan hasil data User Experience Questionnaire dan sebanyak responden dibutuhkan untuk mendapatkan nilai perhitungan UEQ.
Hasil dari UEQ ini akan menjadi nilai menurut pengguna berdasarkan perancangan website perpustakaan yang lama.
Pengumpulan data kedua dilakukan guna mendapatkan respon untuk desain yang baru dirancang.
Dibutuhkan sebanyak 50 responden untuk memenuhi nilai perhitungan System Usability Scale (SUS).
Hasil SUS juga akan menghasilkan testing untuk desain yang baru dirancang berdasarkan pengalaman responden atau pengalaman pengguna.
Hasil dari pengumpulan data dari keduanya menghasilkan nilai kuesioner untuk perbandingan antara desain yang lama dan desain yang baru dirancang.
Pengumpulan data juga dilakukan untuk melakukan User Acceptence Testing dengan cara yang sama yaitu penyebaran kuesioner.
Nilai dari kuesioner UAT tersebut akan digunakan sebagai uji coba bahwa perancangan yang baru dapat diterima oleh pengguna.
User Centered Design Understand and Specify the Context of Use Melakukan pemahaman spesifikasi pada website Universitas Gunadarma dengan menggunakan metode UEQ.
Pada UEQ memiliki sebuah 26 pertanyaan/komponen yang akan meliputi 6 aspek pengalaman pengguna seperti daya tarik, kejelasan, efisiensi, ketepatan, stimulasi, dan kebaruan serta, 7 pilihan jawaban.
Berikut pertanyaan kuesioner yang telah disusun berdasarkan website https://w.
ueq-online.
org/, dapat dilihat pada Gambar 3.
Gambar 3.
1 Pernyataan UEQ Pengujian User Experience Questionnaire (UEQ) berupa penyebaran kuesioner menggunakan Google form kepada mahasiswa dan mahasiswi Universitas Gunadarma.
Pada UEQ memiliki sebuah 26 pertanyaan/komponen yang akan meliputi 6 aspek pengalaman pengguna seperti daya tarik, kejelasan, efisiensi, ketepatan, stimulasi, dan kebaruan serta, 7 pilihan jawaban.
Jurnal Pengembangan Rekayasa dan Teknologi.
Vol.
No.
November 2025 p-ISSN: 1410-9840 & e-ISSN: 2580-8850 Nilai dari 26 soal dan 50 jawaban responden akan otomatis masuk ke dalam 6 aspek daya tarik, kejelasan, efisiensi, ketepatan, stimulasi, kebaruan.
Nilai yang didapatkan dari hasil perhitungan UEQ dihitung otomatis melalui tools yang sudah disediakan.
Setelah menghasilkan nilai rata-rata per-responden akan menghasilkan Mean dan variance.
Gambar 3.
2 UEQ Scales nilai rata-rata dan variasi yang didapatkan masih memiliki panah tengah yang dapat diartikan sebagai penilaian yang belum sempurna atau netral dalam memenuhi 6 aspek UEQ.
Pada website perpustakaan Universitas Gunadarma semua nilai memiliki antara -0.
Variasi yang didapatkan masih berada di bawah 1.
5 untuk mendapatkan nilai yang Setelah mendapatkan nilai pada skala UEQ, nilai tersebut akan menghasilkan Benchmark atau sebuah tolak ukur untuk website perpustakaan Universitas Gunadarma yang nantinya akan menjadi suatu standar atau referensi dalam membandingkan dan menilai desain yang lama dengan desain yang baru.
Hasil Benchmark untuk website perpustakaan Universitas Gunadarma dapat dilihat pada Gambar 3.
3 dan Gambar 3.
Gambar 3.
3 UEQ Benchmark Gambar 3.
4 Benchmark Diagram website perpustakaan Universitas Gunadarma yang dievaluasi dengan data yang didapatkan dari hasil penyebaran kuesioner memiliki hasil AuBadAy atau masih memiliki ketidaklayakan untuk memenuhi 6 aspek UEQ yang meliputi Daya tarik.
Kejelasan.
Efisiensi.
Ketepatan.
Stimulasi, dan Kebaruan.
Range yang didapatkan hanya memiliki nilai 25% dan tidak memenuhi nilai untuk mendapatkan hasil di atas buruk.
Butuh nilai 50% atau di atas nilai 50% untuk mendapatkan hasil di atas buruk.
Jurnal Pengembangan Rekayasa dan Teknologi.
Vol.
No.
November 2025 p-ISSN: 1410-9840 & e-ISSN: 2580-8850 Specify the User Requirements Information Architecture Gambar 3.
5 Struktur Navigasi Struktur navigasi pada perancangan ini memiliki 10 halaman yang akan ditampilkan, halaman yang terdapat pada gambar merupakan halaman yang pernah digunakan atau sering terjadi interaksi antara website dengan mahasiswa.
Tampilan home merupakan tampilan utama saat berhasil masuk ke dalam website perpustakaan Universitas Gunadarma, lalu terdapat tampilan pembayaran jika ingin melakukan sumbang buku, tampilan peminjaman buku, tampilan penulisan ilmiah untuk mahasiswa dan mahasiswi memasukkan penulisan ke perpustakaan.
User Flow Gambar 3.
6 User Flow Pengguna akan memulai dari tampilan login.
Jika kondisi gagal seperti salah memasukkan kata sandi, maka pengguna akan mengulang.
Jika pengguna berhasil maka pengguna akan masuk ke halaman utama, yaitu halaman home.
Jika pengguna ingin melakukan pembayaran virtual account, pembayaran berhasil akan masuk pada halaman sumbang buku.
Pembayaran tersebut juga masuk ke dalam penulisan ilmiah.
Jika mahasiswa/mahasiswi ingin berkas penelitian terunggah ke dalam perpustakaan maka harus melakukan sumbang buku terlebih dahulu.
Tampilan sumbang buku memiliki halaman pribadi yang berisi data riwayat pengguna bahwa telah atau pernah melakukan unggah penulisan.
Pada tahap penulisan, jika mahasiswa/mahasiswi ingin mengunggah berkas maka harus melewati tahap bebas perpustakaan terlebih dahulu.
Jurnal Pengembangan Rekayasa dan Teknologi.
Vol.
No.
November 2025 p-ISSN: 1410-9840 & e-ISSN: 2580-8850 Produce Design Solution Design Guide Design guide atau design guideline sangat penting dalam perancangan sebuah desain untuk menciptakan produk digital yang lebih konsisten dan mudah untuk dipahami.
Elemen yang biasanya terdapat pada design guide adalah warna, tipografi, tata letak dan Gambar 3.
7 Warna Gambar 3.
8 Teks Prototype Prototype dilakukan menggunakan perangkat lunak yaitu Figma.
Prototype ini merupakan representasi visual interaktif dari antarmuka pengguna (UI) website perpustakaan Universitas Gunadarma.
Dengan menggunakan figma, website perpustakaan dapat dirancang kembali.
Pengembang dapat merancang setiap elemen antarmuka pengguna secara terperinci dan menguji fungsionalitasnya dalam konteks yang nyata.
Prototype untuk perancangan yang baru pada website perpustakaan Universitas Gunadarma, dapat dilihat pada Gambar 3.
Jurnal Pengembangan Rekayasa dan Teknologi.
Vol.
No.
November 2025 p-ISSN: 1410-9840 & e-ISSN: 2580-8850 Gambar 3.
9 Prototype Evaluate Design Against User Requirement Perhitungan SUS SUS mempunyai template pertanyaan yang sudah digunakan oleh banyak peneliti yang menggunakan metode tersebut dalam penelitiannya.
SUS dikembangkan oleh John Brooke pada tahun 1986 dan dalam bahasa aslinya SUS menggunakan bahasa inggris.
Paper karya Z.
Sharfina dan H.
Santoso .
yang berjudul AuAn Indonesian adaptation of the System Usability Scale (SUS)Ay telah menyediakan penjelasan lengkap serta pertanyaan yang dimiliki oleh metode SUS.
Tabel 3.
1 Pertanyaan SUS Pertanyaan Saya berpikir akan menggunakan website ini lagi Saya merasa website perpustakaan Universitas Gunadarma ini rumit untuk digunakan Saya merasa website perpustakaan Universitas Gunadarma ini mudah digunakan Saya membutuhkan bantuan dari orang lain atau teknisi menggunakan website perpustakaan Universitas Gunadarma ini Saya merasa fitur-fitur website perpustakaan Universitas Gunadarma ini berjalan dengan semestinya Saya merasa ada banyak hal yang tidak konsisten .
idak serasi pada perancangan Saya merasa orang lain akan memahami cara menggunakan website perpustakaan Universitas Gunadarma ini dengan cepat Saya merasa perancangan website ini membingungkan Jurnal Pengembangan Rekayasa dan Teknologi.
Vol.
No.
November 2025
p-ISSN: 1410-9840 & e-ISSN: 2580-8850
Q10
Pertanyaan Saya merasa tidak ada hambatan dalam menggunakan website perpustakaan Universitas Gunadarma ini Saya perlu membiasakan diri terlebih dahulu sebelum perancangan website ini Q1 dapat diartikan sebagai sebuah pertanyaan atau Question.
Pada SUS memiliki 5 pilihan jawaban mulai dari sangat tidak setuju hingga sangat setuju.
Sangat tidak setuju dimulai dari angka 1, netral berada pada angka 3 dan semakin mendekati angka 5 maka nilainya semakin positif .
angat setuj.
ycuI = Ocycu ycu ycuI Ocycu ycu =Skor rata-rata =Jumlah skor SUS =Jumlah Hasil kuesioner yang didapatkan dari 50 responden dari 10 soal pertanyaan yang diajukan untuk nilai perancangan baru dapat dilihat pada Gambar Gambar 3.
10 Data Nilai Asli SUS aturan metode System Usability Scale.
Perhitungan skor dilakukan berdasarkan aturan berikut:
Pertanyaan bernomor ganjil atau Q1.
Q3.
Q5.
Q7.
Q9, skor setiap pertanyaan yang didapat akan dikurangi 1 Pertanyaan bernomor genap atau Q2.
Q4.
Q6.
Q8.
Q10, skor yang didapat harus Jurnal Pengembangan Rekayasa dan Teknologi.
Vol.
No.
November 2025 p-ISSN: 1410-9840 & e-ISSN: 2580-8850 Data yang didapat di atas akan dihitung menggunakan aturan SUS, setelahnya dijumlahkan per 1 responden.
Tahap setelah mendapatkan jumlahnya, data jumlah akan dikali 2,5.
Data yang sudah diperoleh, semua akan dihitung kembali untuk mencari nilai rata-rata yang akan menjadi patokan bahwa perancangan baru sudah memenuhi 3 elemen SUS.
Elemen tersebut terdiri dari efektivitas, efisiensi, dan kepuasan berdasarkan nilai subjektif yang dirasakan oleh pengguna.
Data yang sudah dihitung dapat dilihat pada Gambar 3.
Gambar 3.
11 Data Nilai Perancangan Baru Nilai yang didapatkan untuk perancangan baru pada website perpustakaan Universitas Gunadarma dilihat dari penjelasan di atas yaitu masuk ke dalam kategori AuGoodAy dengan nilai lebih dari 80,3 yaitu 80,15 dan memiliki skor SUS yaitu A, yang memiliki penilaian adjective AuexcellentAy atau sangat bagus, nilai acceptable yang dapat diterima, dan nilai NPS AupromoterAy atau dapat dipromosikan atau sangat direkomendasi oleh pengguna.
Gambar 3.
12 Diagram Penilaian SUS Tabel 3.
2 Tabel Penilaian SUS Skor SUS Grade Ou 80.
Ou 74 dan < 80.
Ou 64 dan< 74
Ou 51 dan < 68
< 51
Rating Excellent Good Poor Awful Uji Coba UAT Soal kuesioner yang disebar kepada 50 responden berdasarkan pertanyaan dalam jurnal Abraham.
Ismail yang berjudul AuUnit Testing dan User Acceptance Testing pada Sistem Informasi Pelayan Kategorial Pelayanan AnakAy.
Tabel pertanyaan dapat dilihat pada Tabel 3.
Jurnal Pengembangan Rekayasa dan Teknologi.
Vol.
No.
November 2025 p-ISSN: 1410-9840 & e-ISSN: 2580-8850 Tabel 3.
3 Tabel Pertanyaan UAT Pertanyaan Isi dan tampilan yang disediakan pada perancangan baru website perpustakaan Universitas Gunadarma sesuai dengan kebutuhan Penyusunan menu serta isi masing-masing menu pada perancangan sudah rapih Pemilihan warna pada perancangan sudah terlihat nyaman oleh pengguna dari sisi operasional sistem informasi, sudah dapat memberikan kemudahan bagi pengguna Perancangan dapat diakses oleh pengguna Setelah menyebarkan kuesioner dan mendapatkan data responden, langkah selanjutnya adalah memisahkan skala likert yang didapatkan berdasarkan label kategori seperti, sangat tidak setuju sampai sangat setuju.
Masing-masing kategori tersebut dihitung berapa banyak jumlah yang didapatkan dari jawaban 1 soal.
Hasil yang didapatkan untuk User Acceptance Testing pada perancangan website perpustakaan Universitas Gunadarma sebelum dihitung menggunakan rumus slovin di atas yang didasarkan oleh jurnal karya Yanuar.
T dan Prabowo.
A yang berjudul AuPerancangan Desain UI/UX Aplikasi Mobile Antrean Online Menggunakan Metode UCD (Studi kasus: BAPENDA Kabupaten PemalangAy, data murni yang didapatkan dari jumlah responden untuk setiap 1 pertanyaan tersebut dapat dilihat pada Tabel Tabel 3.
4 Nilai murni dari skala likert Pertanyaan STS Pertanyaan pertama tidak mendapatkan nilai netral atau 3, pertanyaan kedua tidak mendapatkan nilai tidak setuju atau 2, pertanyaan ketiga dan keempat setiap kategori mendapatkan jawaban responden, dan untuk pertanyaan kelima tidak mendapatkan nilai tidak setuju atau 2 dan netral atau 3.
Dari data di atas setlah dihitung berdasarkan rumus, hasilnya dapat dilihat pada Tabel Jurnal Pengembangan Rekayasa dan Teknologi.
Vol.
No.
November 2025 p-ISSN: 1410-9840 & e-ISSN: 2580-8850 Setelah mendapatkan nilai total skor, langkah selanjutnya adalah mencari nilai terendah dan nilai tertinggi agar mendapatkan hasil persentasi untuk perancangan website perpustakaan Universitas Gunadarma.
Nilai Tertinggi = jumlah responden y jumlah item pertanyaan y 5 Nilai terendah = jumlah responden y jumlah item pertanyaan y 1 ycy= yce ycu100% ycu Keterangan:
p = persentase f = frekuensi Jawaban n = hasil nilai tertinggi berikut perhitungan dari hasil kuesioner yang didapatkan:
Nilai tertinggi = 50 y .
= 1.
Nilai terendah = 50 y .
= 250 Kemudian masukkan hasil di atas ke dalam rumus persentase 124/1.
250y100%=89.
Rumus persentase di atas menjelaskan f adalah frekuensi jawaban yang didapat melalui rumus slovin, setelah mendapatkan jumlahnya .
dibagi dengan n yaitu hasil dari nilai tertinggi .
dan dikalikan dengan 100%, maka menghasilkan nilai persentase sebesar 89,92% yang menunjukkan bahwa tingkat penerimaan responden terhadap perancangan baru memberikan penilaian yang sangat bagus atau sangat setuju.
Tabel 3.
5 Hasil dari rumus slovin
STS
Jumlah Nilai di bawah Netral atau O 59% mempunyai keterangan sangat tidak setuju, tidak setuju, dan kurang setuju yang berarti perancangan belum dapat diterima oleh pengguna.
Nilai Ou 60% mempunyai keterangan setuju dan sangat setuju yang menunjukkan bahwa perancangan tersebut layak atau dapat diterima oleh pengguna.
Perancangan website perpustakaan Universitas Gunadarma mendapatkan nilai 89,92% dari hasil evaluasi dari 50 responden menggunakan metode UAT yang menunjukkan bahwa fitur, tampilan, maupun menu dapat diterima baik oleh pengguna.
Jurnal Pengembangan Rekayasa dan Teknologi.
Vol.
No.
November 2025 p-ISSN: 1410-9840 & e-ISSN: 2580-8850 Tabel 3.
6 Tabel persentase kriteria
Skala
STS
Keterangan Sangat Setuju Setuju Kurang Setuju Tidak Setuju Sangat Tidak Setuju Skor Persentase 80% Ae 100% 60% Ae 79% 40% Ae 59% 20% - 39% 0% - 19% KESIMPULAN Berdasarkan hasil dari analisis yang dilakukan untuk memenuhi proses pada perancangan ulang user interface (UI) dan user experience (UX) dengan menggunakan metode user centered design (UCD), telah menghasilkan prototipe akhir untuk perancangan website perpustakaan Universitas Gunadarma yang dapatdiakses melalui tautan https://figma/prototype.
Berdasarkan kuesioner yang diisi oleh 50 responden pada awal tahapan menggunakan metode user experience questionnaire (UEQ) untuk menilai desain yang lama dan memperoleh hasil AubadAy dan memiliki persentase 25% yang berarti website perpustakaan Universitas Gunadarma masih belum bisa diterima oleh para mahasiswa dan perlu untuk dilakukan perbaikan.
Setelah dilakukan perbaikan dan pengembangan berdasarkan pengalaman pengguna, evaluasi kedua dan ketiga yang dilakukan menggunakan metode system usability scale (SUS) dan user acceptance testing (UAT) untuk menilai perancangan baru serta melakukan uji coba berdasarkan pengguna.
Dari metode SUS untuk perancangan baru, mendapatkan hasil skor usability 80,15 dan masuk ke dalam grade A.
Selanjutnya hasil uji
coba yang dilakukan menggunakan metode UAT dan mendapatkan persentase sebesar 89,92% yang menunjukkan bahwa fitur, tampilan, maupun menu dapat diterima baik oleh DAFTAR PUSTAKA