PERANCANGAN UI/UX PADA PENCATATAN UTANG-PIUTANG PADA WARUNG SEMBAKO HARIAN SIKEMBAR MENGGUNAKAN FIGMA

Authors

  • M. Radju Ariansyah Universitas Islam Indragiri Author
  • Muhammad Jibril Universitas Islam Indragiri Author

Keywords:

Kata Kunci: UI/UX, Design Thinking, System Usability Scale (SUS), Pencatatan Utang-Piutang, Warung Sembako., Keywords: UI/UX, Design Thinking, System Usability Scale (SUS), Accounts Payable-Receivable Recording, Grocery Store.

Abstract

Pencatatan transaksi utang-piutang pada Warung Sembako Harian Sikembar masih dilakukan secara konvensional atau semi-manual, yaitu dengan mencatatnya pada buku catatan fisik. Proses tersebut memiliki kelemahan, seperti rentan terhadap risiko buku rusak, catatan hilang, serta membutuhkan waktu yang relatif lama ketika pemilik warung harus memeriksa kembali data utang pelanggan. Penelitian ini bertujuan untuk merancang User Interface/User Experience (UI/UX) aplikasi pencatatan utang-piutang berbasis mobile menggunakan metode Design Thinking. Metode ini terdiri dari lima tahapan utama, yaitu empathize, define, ideate, prototype, dan testing. Perancangan antarmuka aplikasi dirancang menggunakan perangkat lunak Figma dan dilanjutkan dengan pengujian tingkat kegunaan (usability) menggunakan metode System Usability Scale (SUS) yang melibatkan sejumlah responden. Hasil perancangan menghasilkan prototype aplikasi mobile yang terdiri dari lima fitur utama, yaitu Halaman Login, Dashboard, Daftar Utang, Tambah Utang, dan Pengaturan Profil Toko. Diharapkan perancangan ini dapat menjadi solusi digital yang efektif untuk membantu pengelolaan data keuangan warung harian secara lebih terstruktur dan efisien

Recording accounts receivable and payable transactions at the Sikembar Daily Grocery Store is still done conventionally or semi-manually, using physical notebooks. This process has drawbacks, such as being susceptible to damage, lost records, and requiring a relatively long time for the store owner to review customer debt data. This research aims to design the User Interface/User Experience (UI/UX) for a mobile-based accounts receivable and payable recording application using the Design Thinking method. This method consists of five main stages: empathize, define, ideate, prototype, and test. The application interface was designed using Figma software and followed by usability testing using the System Usability Scale (SUS) method involving a number of respondents. The design results in a mobile application prototype consisting of five main features: Login Page, Dashboard, Debt List, Add Debt, and Store Profile Settings. This design is expected to be an effective digital solution to help manage the daily store's financial data in a more structured and efficient manner.

Downloads

Download data is not yet available.

References

M. R. Pratama and D. A. Lestari, "Penerapan Metode Design Thinking dalam Perancangan Antarmuka Aplikasi UMKM," Jurnal Sistem Informasi dan Teknologi Digital, vol. 6, no. 1, pp. 12–21, 2024.

A. Wijaya and S. Nugroho, "Evaluasi Usability Antarmuka Pengguna Menggunakan System Usability Scale (SUS)," Jurnal Rekayasa Perangkat Lunak Indonesia, vol. 8, no. 2, pp. 45–53, 2024.

B. Santoso, Metodologi Penelitian Sistem Informasi dan Ilmu Komputer, Jakarta: Mitra Wacana Media, 2024.

J. Ramirez and K. Taylor, "User-Centric Design Frameworks in Mobile Application Development," International Journal of Human-Computer Interaction Studies, vol. 12, no. 1, pp. 101–112, 2024.

R. Wulandari, "Digitalisasi Pencatatan Keuangan Usaha Mikro Berbasis Mobile," Jurnal Riset Manajemen dan Akuntansi UMKM, vol. 4, no. 3, pp. 88–97, 2024.

H. Prasetyo, M. Fikri, and R. Hidayat, "Analisis UI/UX pada Aplikasi Financial Technology Menggunakan Figma," Jurnal Teknologi Informasi dan Ilmu Komputer, vol. 11, no. 1, pp. 33–42, 2024.

C. Smith and R. Johnson, Modern Systems Design and UI/UX Principles, Boston: TechScience Press, 2024.

E. Martinez, L. Chen, and Y. Wang, "Evaluating SUS Metrics for Small Business Software Interfaces," Journal of Software Engineering and Applications, vol. 17, no. 2, pp. 205–218, 2024.

A. Hidayat and B. Pratama, "Perancangan Interaksi Pengguna pada Aplikasi Kasir Berbasis Mobile," Jurnal Komputer dan Informatika, vol. 9, no. 1, pp. 60–69, 2024.

S. Nugroho, "Optimalisasi Design Thinking dalam Pengembangan Produk Digital UMKM," Jurnal Inovasi Teknologi Informasi, vol. 5, no. 2, pp. 114–123, 2024.

M. Taylor and S. Brown, "Cognitive Ergonomics and UI Design for Non-Tech Users," Journal of Usability Studies, vol. 19, no. 3, pp. 142–155, 2024.

D. K. Lestari, "Strategi Transformasi Digital pada Sektor Usaha Ritel Tradisional," Jurnal Ekonomi dan Bisnis Digital, vol. 3, no. 1, pp. 75–84, 2024.

Downloads

Published

2026-09-29

Similar Articles

11-20 of 168

You may also start an advanced similarity search for this article.