Evaluasi UI/UX dan Rancang Bangun Sistem Informasi Penjualan Toko Buku Al-Fithrah Menggunakan UCD

Dori Gusti Alex Candra; Irzon Meiditra; Fauziah Fauziah; Rizky Rahmansyah; Yulia Yulia

doi:10.30606/rjti.v5i2.4656

Authors

Dori Gusti Alex Candra Institut Teknologi Mitra Gama
Irzon Meiditra Institut Teknologi Rokan Hilir
Fauziah Fauziah Institut Teknologi Rokan Hilir
Rizky Rahmansyah Universitas Prima Indonesia
Yulia Yulia Institut Teknologi Rokan Hilir

DOI:

https://doi.org/10.30606/rjti.v5i2.4656

Keywords:

Sistem Informasi Penjualan, User-Centered Design, System Usability Scale, UI/UX, Toko Buku

Abstract

Al-Fithrah Bookstore faces operational challenges in sales due to conventional processes that are still manual. This results in long service times, a high rate of calculation errors, and a high risk of losing report records. This study aims to design a web-based Sales Information System interface using the User-Centered Design (UCD) method. The UCD method was implemented through four iterative stages: understanding the usage context, determining user needs, designing the interface solution, and evaluating the design. This design process resulted in two main interface modules. The customer module is focused on facilitating hybrid search navigation, providing transparency in the shopping cart, and offering up-selling features. Meanwhile, the administrator module is designed to centralize master data management and automatically digitize the printing of daily through annual reports. Usability testing was conducted on 20 respondents using the System Usability Scale (SUS) instrument. The evaluation results showed a significant increase in the usability score, from an initial baseline of 38.5 (the “Awful” category) to a final score of 87.5 (the “Excellent” category). In conclusion, the UCD approach has been empirically proven to reduce users’ cognitive load, minimize interaction errors, and streamline administrative processes, thereby delivering an optimal digital experience

Downloads

Download data is not yet available.

References

I. Meiditra, F. Yuda, D. Gusti, A. Candra, and C. Mutia, “Sistem informasi pemesanan lapangan pada kenzie futsal padang menggunakan web,” Riau J. Comput. Sci., vol. 11, no. 1, pp. 1–10, 2025, doi: https://doi.org/10.30606/rjocs.v11i1.2919.

P. P. Pardika and D. G. A. Candra, “Analisa dan Perancangan Sistem Informasi Manajemen Pengolahan Data Pesanan Sablon di KYSR Store Menggunakan Metode Waterfall,” JAMI J. Ahli Muda Indones., vol. 5, no. 2, pp. 134–147, Dec. 2024, doi: 10.46510/jami.v5i2.306.

D. G. A. Candra, B. P. Putra, I. Meiditra, and A. Nurdi, “Penerapan Aplikasi Manajemen Surat Berbasis Web Menggunakan Metode Waterfall,” J. Tek. Inform. Unika ST. Thomas, vol. 8, no. 2, pp. 230–237, 2023.

S. H. Salam, V. Anastasya, and D. G. A. Candra, “PERANCANGAN SISTEM INFORMASI DALAM PELAYANAN PUBLIK KANTOR LURAH BABUSSALAM,” RISTEK J. Riset, Inov. dan Teknol. Kabupaten Batang, vol. 7, no. 1, pp. 20–30, 2024, doi: https://doi.org/10.55686/ristek.v9i1.174.

Y. P. Aldi and M. I. Wahyuddin, “Sistem Informasi Penjualan Makanan Menggunakan Metode User Centered Design Berbasis Web,” 1. Aldi YP, Wahyuddin MI. Sist. Inf. Penjualan Makanan Menggunakan Metod. User Centered Des. Berbas. Web. 2022;6(April)786–93., vol. 6, no. April, pp. 786–793, 2022, doi: 10.30865/mib.v6i2.3568.

R. D. Cahyani and A. D. Indriyanti, “Penerapan Metode User Centered Design dalam Perancangan Ulang Desain Website MAN 1 Pasuruan,” JEISBI (Journal Emerg. Inf. Syst. Bus. Intell., vol. 03, no. 02, pp. 40–48, 2022, doi: https://doi.org/10.26740/jeisbi.v3i2.46197.

S. A. Tridarmawan, G. F. Adnyana, and I. M. D. Ardiada, “Sistem Informasi Pengelolaan Destinasi Wisata Menggunakan Metode User Centered Design,” semanTIK, vol. 10, no. 2, pp. 151–158, 2025, doi: https://doi.org/10.55679/semantik.v11i1.115.

M. S. Maulana, K. Handayani, T. Firmansyah, S. Rohmah, and D. Khairulrijal, “Sistem Pelaporan dan Penilaian Kinerja Kecamatan Menggunakan Metode User Centered Design Pada Kabupaten Kuburaya,” Reputasi J. Rekayasa Perangkat Lunak, vol. 6, no. 2, pp. 6–10, 2025, doi: https://doi.org/10.31294/reputasi.v6i2.10059.

M. T. Albari, A. P. Kharisma, and L. Fanani, “Analisis Penerapan Fitur Search pada Appointment System Berbasis Web Menggunakan Pendekatan User Centered Design dan Evaluasi Usability ( Studi Kasus : RSGM Universitas Brawijaya ),” J. Pengemb. Teknol. Inf. dan Ilmu Komput., vol. 10, no. 2, pp. 1–5, 2026, [Online]. Available: https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/16061

B. O. Pratama, F. P. Supandi, and D. O. . R. Gucci, “PERANCANGAN DESAIN USER INTERFACE APLIKASI TIKET BDGCOM . UNITY MENGGUNAKAN METODE USER CENTERED,” J. Rupa Matra, vol. 04, no. 02, pp. 125–137, 2026, doi: https://doi.org/10.62375/jdkv.v4i2.857.

P. Citra, Erniyati, Mulyat, M. H. Suherman, and K. M. Abdillah, “Peningkatan Efisiensi Cafe Tsuin Bogor melalui Aplikasi Stok Terintegrasi POS, Resep, dan Costing,” MEJUAJUA J. Pengabdi. Kpd. Masy. ABDIMAS, vol. 5, no. 726, pp. 726–734, 2026, doi: https://doi.org/10.52622/mejuajuajabdimas.v5i3.374.

J. Sundari, Sulistiyah, and A. Sayfulloh, “PERANCANGAN SISTEM INFORMASI POSYANDU REMAJA BERBASIS WEB MENGGUNAKAN METODE USER-CENTERED DESIGN (UCD) PADA POSYANDU SERUNI KOTA TANGERANG,” Reputasi J. Rekayasa Perangkat Lunak, vol. 6, no. 1, pp. 1–6, 2025, doi: https://doi.org/10.31294/reputasi.v6i1.8932.

Jason, “Penerapan User-centered Design Peningkatan Performa Website PT. Dian Trikarsa,” JSITIK J. Sist. Inf. dan Teknol. Inf. Komput., vol. 4, no. 2, pp. 138–149, 2026, doi: https://doi.org/10.53624/jsitik.v4i2.886.

L. Emerensiana, E. Koten, M. I. Ishak, and A. N. Weking, “Rancang Bangun Sistem Informasi Pendaftaran KIR Kendaraan Berbasis Mobile Menggunakan Metode User Centered Design,” J. Artif. Intell. Digit. Bus., vol. 4, no. 2, pp. 7267–7275, 2025, doi: https://doi.org/10.31004/riggs.v4i2.1845.

Nicholas, R. P. Sari, and I. Rusi, “Implementasi Metode User Centered Design pada Perancangan UI / UX Layanan Posyandu Berbasis Website,” J. Sifo Mikroskil, vol. 27, no. 1, pp. 53–72, 2026, doi: https://doi.org/10.55601/jsm.v27i1.1847.

M. I. Firdaus and A. Pramono, “EVALUASI DAN PENGEMBANGAN DESAIN ANTARMUKA APLIKASI CATATMAK PENCATATAN KEUANGAN PRIBADI MENGGUNAKAN METODE USER CENTERED DESIGN,” JATI (Jurnal Mhs. Tek. Inform., vol. 9, no. 2, pp. 2173–2180, 2025, doi: https://doi.org/10.36040/jati.v9i2.12935.

T. D. A. Dakhilullah and B. Suranto, “Penerapan Metode User Centered Design Pada Perancangan Pengalaman Pengguna Aplikasi I-Star,” Pros. Autom. (Ajang Unjuk Tugas Akhir oleh Mhs. Inform., vol. 3, no. 2, 2019, [Online]. Available: https://journal.uii.ac.id/AUTOMATA/article/view/24107

M. Hasna, D. T. Kumoro, and J. Saputra, “Evaluasi Usability Aplikasi Mobile Aplikasi Absensi Menggunakan Metode User Centered Design ( UCD ),” Break. Informatics, Networking, Algorithms, Res. Yield, vol. 1, no. 2, pp. 66–78, 2025, [Online]. Available: https://journal.lombokscholar.org/index.php/binary/article/view/28

M. Nurhaliz, A. Firosha, D. Prayama, and T. Gusman, “Penerapan Metode UCD (User Centered Design) dalam Pengembangan dan Implementasi Pengelolaan Sistem Magang Online,” J. Ilm. Teknoloogi Sist. Inf., vol. 7, no. 1, pp. 40–50, 2026, doi: https://doi.org/10.62527/jitsi.7.1.553.

D. M. Sianipar, S. S. Maesaroh, and M. D. A-ridlo, “Evaluasi dan Perbaikan Antarmuka Pemesanan Tiket Pesawat Traveloka Untuk Mengurangi Penggunaan Dark Pattern Menggunakan Metode User- Centered Design ( UCD ),” J. Artif. Intell. Digit. Bus., vol. 4, no. 4, pp. 495–502, 2025, doi: https://doi.org/10.31004/riggs.v4i4.3416.

Y. M. Kabnani, Y. P. K. Kelen, and K. J. T. Seran, “RANCANG BANGUN SISTEM INFORMASI OBYEK WISATA BERBASIS WEB DI TIMOR TENGAH SELATAN (TTS) MENGGUNAKAN METODE USER CENTERED DESIGN (UCD),” J. Inov. Ilmu Komput., vol. 3, no. 2, pp. 55–75, 2025.