Perancangan UI/ UX Untuk Website Kasir Toko Sembako Agung Berbasis Prototype Menggunakan Metode Design Thinking
Abstract
Toko Sembako Agung faces challenges in recording transactions that are still done manually, which has the potential to cause errors in calculating and managing stock. To overcome this problem, this study aims to design a user interface (Ui) and user experience (Ux) for a prototype-based cashier website using the Design Thinking method. The Design Thinking method is applied through five main stages, namely Empathize, Define, Ideate, Prototype, and Test. In the Empathize stage, observations and interviews were conducted with users, namely cashiers and shop owners, to understand the needs and obstacles faced. The results of the study show that the application of the Design Thinking method in designing UI/UX is able to produce a cashier system design that is more user-friendly, efficient, and easy to use. This cashier website has main features such as transaction recording, stock management, and sales report generation. Testing of the prototype shows that the designed system can increase transaction efficiency and reduce recording errors compared to the manual method. Thus, UI/UX design based on the Design Thinking method can be an effective solution in developing a more optimal cashier system for grocery stores. Recommendations for further research are to develop this prototype into a system integrated with a real-time database and improve the security aspects of transaction data.
References
Erika, W., Arista, R. D., Yusup, M., & Purwanto, D. H. (n.d.). DESIGN OF UI / UX WEB BUMDES DOULU VILLAGE USING FIGMA. 443–445.
Hardinata, R. S., Sulistianingsih, I., Wijaya, R. F., Rahma, A. M., Pembangunan, U., & Budi, P. (2022). Design of Medical Record Service Information System Using the. Journal of Information Technology and Computer Science (INTECOMS), 5(2), 112–118.
Putra, R. R., & Putri, N. A. (2023). Perancangan User Interface Pada Website Kelompok Tani Desa Klambir Lima Kebun. Escaf, 1342–1349. https://semnas.univbinainsan.ac.id/index.php/escaf/article/view/432%0Ahttps://semnas.univbinainsan.ac.id/index.php/escaf/article/download/432/255
Rizal, C., & Khodijah, S. (2024). Implementation Of Rapid Application Development Methodology In UI / UX Design of Mangrove Forest Information System. 6(1), 136–144. https://doi.org/10.47065/josh.v6i1.5941
Wahyuni, S., B, M., Lubis, A., & Batubara, S. (2020). Penjualan Online Ikan Asin sebagai salah satu Usaha Meningkatkan Pendapatan Masyarakat Nelayan Bagan Deli. ETHOS (Jurnal Penelitian Dan Pengabdian), 8(1), 5214. https://doi.org/10.29313/ethos.v8i1.5214
Zen, M., Rizal, C., & Eka, M. (2021). Rancang Bangun Aplikasi Absensi Siswa (Studi Kasus Lkp Karya Prima Kursus). ALGORITMA: Jurnal Ilmu Komputer Dan Informatika, 5(November), 80–87.
Alfina, O., & Harahap, F. (2019). Pemodelan Uml Sistem Pendukung Keputusan Dalam Menetukan Siswa Siswa Tunagrahita. Methomika : Jurnal Manajemen Informatika & Komputerisasi Akuntansi, 3(2), 143–150.
Andikos, A. F., & Kom, M. (2021). Multimedia Interaktif Sebagai Media Pembelajaran Pengenalan Hewan Pada TK Islam Bakti 113 Koto Solok. . 1(1), 34–49.
Anggraini, Y., Pasha, D., Damayanti, D., & Setiawan, A. (2020). Sistem Informasi Penjualan Sepeda Berbasis Web Menggunakan Framework Codeigniter. Jurnal Teknologi Dan Sistem Informasi, 1(2), 64–70. https://doi.org/10.33365/jtsi.v1i2.236
Asih, V., Saputra, A., & Subagio, R. T. (2020). Penerapan Algoritma Fisher Yates Shuffle Untuk Aplikasi Ujian Berbasis Android. Jurnal Digit, 10(1), 59. https://doi.org/10.51920/jd.v10i1.156
Fenando, F. (2020). Implementasi E-Commerce Berbasis Web pada Toko Denia Donuts Menggunakan Metode Prototype. JUSIFO (Jurnal Sistem Informasi), 6(2), 66–77. https://doi.org/10.19109/jusifo.v6i2.6532
Hermiati, R., Asnawati, A., & Kanedi, I. (2021). Pembuatan E-Commerce Pada Raja Komputer Menggunakan Bahasa Pemrograman Php Dan Database Mysql. Jurnal Media Infotama, 17(1), 54–66. https://doi.org/10.37676/jmi.v17i1.1317
Muhyidin, M. A., Sulhan, M. A., & Sevtiana, A. (2020). Perancangan Ui/Ux Aplikasi My Cic Layanan Informasi Akademik Mahasiswa Menggunakan Aplikasi Figma. Jurnal Digit, 10(2), 208. https://doi.org/10.51920/jd.v10i2.171
Rahwanto, E. (2020). Perancangan Sistem Informasi Penjualan Berbasis Web Pada Pt. Inter Aneka Plasindo. Jurnal Pendidikan Dan Dakwah, 2(3), 335–358. https://ejournal.stitpn.ac.id/index.php/pandawa
Rayhaan Yusri, A., Faqihuddin Hanif, I., Daffa Al-farel, M., Zaandami, N., & Yasin, M. (2024). Perancangan Desain UI/UX Berbasis Scan Barcode Dengan Metode Design Thinking Untuk Pemesanan Makanan. Bulletin of Information Technology (BIT), 5(2), 102–113. https://doi.org/10.47065/bit.v5i2.1340
Syarif, M., & Risdiansyah, D. (2024). Pemanfaatan Metode Prototype Dalam Perancangan Sistem Informasi Penjualan Berbasis Website. JATI (Jurnal Mahasiswa Teknik Informatika), 8(4), 7945–7952. https://doi.org/10.36040/jati.v8i4.10467
Wati, F. F., & Khasanah, U. (2019). Sistem Informasi Penjualan Berbasis Web pada UD Dwi Surya Aluminium dan Kaca Yogyakarta. Paradigma - Jurnal Komputer Dan Informatika, 21(2), 149–156. https://doi.org/10.31294/p.v21i2.6026
Copyright (c) 2025 Jurnal Teknologi Informasi (JUTECH)
This work is licensed under a Creative Commons Attribution 4.0 International License.
