Design User Interface/User Experience (UI/UX) Inventory pada Toko Asen Menggunakan Figma

Designing the User Interface/User Experience (UI/UX) for the Asen Store Using Figma

Authors

  • Grace Natalia Firdaus Institut Sains dan Bisnis Atma Luhur
  • Marini Marini Institut Sains dan Bisnis Atma Luhur

DOI:

https://doi.org/10.57152/malcom.v6i3.2691

Keywords:

Design Thingking, Figma, Inventaris, Prototipe, System Usability Scale, UI/UX

Abstract

Pengelolaan inventaris secara manual sering menimbulkan berbagai kendala bagi sebuah usaha, seperti kesalahan pencatatan informasi produk, keterlambatan dalam memperoleh informasi stok, dan kurangnya sinkronisasi data antara pemilik usaha serta karyawan. Masalah serupa juga sedang dihadapi pada Toko Asen, yang masih menggunakan sistem manual mengandalkan buku besar untuk mencatat detail produk dan harga. Hal ini menyebabkan proses pencarian data menjadi lambat serta rentan terhadap kesalahan manusia, yang memiliki dampak pada efisiensi operasional toko. Studi ini berfokus membangun User Interface dan User Experience sistem inventaris yang mendukung pengelolaan stok barang secara lebih efisien dan user-friendly. Metode yang diterapkan adalah pendekatan kualitatif deskriptif dengan kerangka Design Thinking. Hasil studi berupa prototype UI/UX yang dibuat menggunakan Figma, memberikan pengalaman penggunaan yang lebih baik dibandingkan proses pengelolaan manual sebelumnya. Tampilan antarmuka yang sederhana, alur yang jelas, dan tata letak menu yang terstruktur membantu pengguna dalam memahami alur penggunaan aplikasi inventory,pengujian usability menggunakan System Usability Scale (SUS) yang menghasilkan skor rata-rata 86,6 termasuk kategori sangat baik . Desain yang dihasilkan ini bisa menyederhanakan alur pengelolaan inventaris serta memudahkan akses informasi produk secara  cepat dan terstruktur. Sistem ini diharapkan dapat mendukung digitalisasi pengelolaan stok di Toko Asen serta meningkatkan efisiensi kerja secara keseluruhan.

Downloads

Download data is not yet available.

References

A. Della Saftini, T. Informatika, and U. Asahan, “Perancangan Sistem Informasi Penjualan Sembako pada Toko Misman,” J. Sains dan Teknol. Inf., vol. 3 Nomor. 3, pp. 1–6, 2025, doi: https://journal.aptii.or.id/index.php/Switch/article/view/339.

S. Bisnis and D. Era, “Strategi Inovasi dan Transformasi Digital dalam Meningkatkan Daya Saing Bisnis Di Era Industri 4.0.,” J. Manaj. Ekon., vol. 3, no. 1, pp. 24–29, 2025.

A. M. Nana Adriana, Diana Zuhroh, Habib Ismail, Iin Indarti, Achmad Farid Dedyansyah, Buku Ajar Pengantar Akuntansi. PT. Sonpedia Publishing Indonesia, 2024. [Online]. Available: https://www.google.co.id/books/edition/Buku_Ajar_Pengantar_Akuntansi/vycrEQAAQBAJ?hl=id&gbpv=0

B. I. Saputra, “Sistem pencatatan penjualan dan stok barang pada toko bangunan denny jaya,” J. Manaj. Inform. Jayakarta, vol. 5, pp. 365–374, 2025.

S. Widjaja, A. P. Wicaksono, and Y. T. Widayati, “Pengembangan UI / UX Sistem Pengelolaan Inventori Menggunakan Metode Design Thinking,” J. Inf. Syst., vol. 9, no. 1, pp. 56–66, 2024, doi: 10.33633/joins.v9i1.10311.

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

B. Huda, D. Manongga, E. Sediyono, A. Fauzi, and A. L. Hananto, “Implementation of UI / UX the Design Thinking Approach Method In Inventory Information System,” vol. 05, 2023.

A. Mirza, M. D. Lusita, and D. Diana, “Design Of Ui / Ux Applications For Mobile- Based E-Commerce Tech . An Gadgets Using The Design Method Thinking Perancangan Ui / Ux Aplikasi E-Commerce Tech . An Gadget Berbasis Mobile Menggunakan Metode Desig Thinking,” JISIKOM, vol. 7, no. 1, pp. 58–73, 2023, doi: 10.52362/jisicom.v7i1.1085.

S. Teuku Djauhari, Ezrifal Sany, “Penerapan Ui / Ux Pada Website Penjualan Online Toko Bangunan Zulfan Rezqullah,” J. Akad., vol. 16(1), pp. 88–94, 2023, doi: 10.53564/akademika.v16i1.1121.

M. T. Akbar and E. Prayitno, “Analisis dan Perancangan Desain UI / UX Persediaan Barang Menggunakan Metode Design Thinking pada Toko Tiga Putri,” no. 18, pp. 1–10.

P. Anugrah, C. Dewi, P. Studi, S. Informasi, and U. Primakara, “Informasi Persediaan Barang Khusus Linen Room Berbasis Web Pada The Ritz-Carlton Bali,” J. Sist. Inf. DAN Tek. Komput., vol. 9, no. 2, pp. 140–146, 2024.

V. No, J. Hal, D. Anggraini, and D. Hamdani, “Implementasi Metode Design Thinking Dalam Perancangan Prototype Sistem Pengelolaan Data Barang,” J. Teknol. Dan Sist. Inf. Bisnis, vol. 6, no. 3, pp. 597–607, 2024.

M. Saefudin and S. A. Perdana, “Manajemen Rancangan Ui / Ux Sistem Digital Pengajuan Peminjaman Permodalan Biaya Pertanian Menggunakan Perangkat Lunak Figma,” JISICOM, vol. 7, no. 1, pp. 74–85, 2023, doi: 10.52362/jisicom.v7i1.1090.

U. Negeri, S. Thaha, S. Jambi, and P. Kuantitatif-kualitatif, “Pendekatan penelitian kuantitatif dan kualitatif serta tahapan penelitian,” J. Genta Mulia, vol. 15, no. 1, pp. 82–92, 2024.

J. Tahsinia, O. Arifudin, I. Kartika, and T. Ibrahim, “Pengembangan sistem informasi manajemen dalam dunia pendidikan,” J. Tahsinia, vol. 5, no. 6, pp. 966–977, 2024.

M. R. Sipayung, S. Wahyuni, T. Informasi, S. Teknologi, U. Pembangunan, and P. Budi, “Desain UI / UX Dengan Metode Design Thinking Pada Aplikasi Absensi Dan Pengumpulan Tugas Mahasiswa MBKM di PT OYO Rooms Indonesia,” J. Minfo Polgan, vol. 14, pp. 832–839, 2025.

P. Ramadhan, S. Wahyuni, and R. R. Putra, “Metode Design Thinking Dalam Design UI / UX Web Profile Maka Studio Berbasis Prototype,” J. Minfo Polgan, vol. 14, no. September, pp. 1541–1549, 2025.

N. N. Arisa et al., “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.

V. Sarfin, M. Andarwati, and U. M. Malang, “Perancangan UI / UX Aplikasi Layanan Menggunakan Metode Design Thinking Pengaduan Masyarakat Menggunakan Metode Design Thinking,” Digit. Transform. Technol., vol. 4, no. 2, pp. 1150–1157, 2024.

S. S. Billy Nabila Ramadhan, “Analisis Usability Website Sistem Informasi Sd Negeri 1 Wangon Menggunakan Metode System Usability Scale,” JINTEKS, vol. 6; No. 3, pp. 421–431, 2024.

J. Brooke, “SUS?: A Retrospective,” J. USABILITY Stud., vol. 8, no. 2, pp. 29–40, 2013.

R. P. Sutanto, U. K. Petra, and J. Siwalankerto, “Analisis User Flow pada Website Pendidikan?: Studi Kasus Website DKV UK Petra,” J. Desain Komiunikasi Vis. Nirmana, vol. 22, no. 1, pp. 41–51, 2022, doi: 10.9744/nirmana.22.1.41-51.

C. Fikriliani and F. Panjaitan, “UI / UX Design of Goods Inventory Website Using the Design Thinking Method Perancangan UI / UX pada Website Inventaris Barang Menggunakan Metode Design Thinking,” MALCOM Indones. J. Mach. Learn. Comput. Sci., vol. 5, no. January, pp. 463–472, 2025.

A. Bangor, T. Staff, P. Kortum, J. Miller, and T. Staff, “Determining What Individual SUS Scores Mean?: Adding an Adjective Rating Scale,” J. USABILITY Stud., vol. 4, no. 3, pp. 114–123, 2009.

Downloads

Published

2026-06-21

How to Cite

Firdaus, G. N., & Marini, M. (2026). Design User Interface/User Experience (UI/UX) Inventory pada Toko Asen Menggunakan Figma: Designing the User Interface/User Experience (UI/UX) for the Asen Store Using Figma . MALCOM: Indonesian Journal of Machine Learning and Computer Science, 6(3), 1176-1185. https://doi.org/10.57152/malcom.v6i3.2691