Desain aplikasi kasir mobile untuk QRIS Indonesia

Desain aplikasi kasir mobile untuk UMKM Indonesia perlu memprioritaskan input harga dalam Rupiah, keranjang yang mudah diedit, pembayaran QRIS, perhitungan PPN 11% bila berlaku, serta struk digital. QRIS adalah standar pembayaran QR Indonesia yang dikelola Bank Indonesia, sehingga layar pembayaran harus memberi status transaksi yang jelas kepada kasir dan pelanggan.

Poin-poin utama

• •Rancang layar jual cepat untuk nominal Rupiah, pencarian produk, varian, diskon, dan koreksi jumlah tanpa membuat kasir keluar dari transaksi.
• •Tempatkan QRIS sebagai metode bayar yang menghasilkan QR, status menunggu, berhasil, gagal, atau kedaluwarsa secara eksplisit.
• •Pisahkan subtotal, diskon, PPN 11% bila diterapkan, pembulatan, dan total agar kasir dapat menjelaskan tagihan.
• •Jadikan struk, riwayat transaksi, dan laporan harian sebagai kelanjutan alur pembayaran, bukan menu yang tersembunyi.

Isi halaman ini

• •Struktur layar jual cepat untuk kasir UMKM
• •Alur QRIS yang tidak membuat kasir menebak status pembayaran
• •Struk dan laporan sebagai penutup transaksi
• •Urutan prototipe yang layak diuji sebelum pengembangan

Struktur layar jual cepat untuk kasir UMKM

Mulai desain ui aplikasi kasir dari satu layar transaksi yang bisa dipakai sambil melayani antrean. Bagian atas memuat nama outlet, status koneksi, dan pencarian produk. Di bawahnya, tampilkan kategori atau produk favorit dalam tombol besar; area keranjang tetap terlihat dengan nama barang, kuantitas, harga satuan dalam format Rupiah, diskon, dan tombol hapus.

Jangan meminta kasir mengetik harga bila katalog sudah tersedia. Namun, sediakan tombol Harga manual untuk barang tanpa SKU, lalu beri format Rp dan pemisah ribuan otomatis agar nominal mudah diperiksa. Saat stok atau varian dipakai, pilih varian sebelum barang masuk keranjang, bukan setelah pembayaran dimulai.

Di ringkasan pembayaran, tampilkan urutan yang dapat diaudit: subtotal, diskon, PPN bila diterapkan, lalu total. PPN Indonesia berada pada tarif 11% sejak 1 April 2022; jangan menambahkan pajak diam-diam pada tombol bayar. Bila merchant mengaktifkan pajak, beri label yang eksplisit dan izinkan pengaturan apakah harga katalog sudah termasuk atau belum termasuk PPN.

Pola ini relevan saat mengevaluasi contoh desain aplikasi kasir dari produk yang hadir di pasar Indonesia seperti Moka POS, Majoo, dan Olsera: fokusnya adalah kasir menyelesaikan transaksi dengan sedikit langkah, bukan memindahkan fungsi back-office ke layar jual.

Alur QRIS yang tidak membuat kasir menebak status pembayaran

QRIS merupakan standar pembayaran QR Indonesia yang dikelola Bank Indonesia. Dalam alur kasir, pilih QRIS setelah total transaksi dikunci, lalu tampilkan QR pembayaran bersama nominal, nomor pesanan, dan penghitung waktu bila penyedia pembayaran memakai masa berlaku QR.

Buat layar ini berstatus jelas: Menunggu pembayaran, Pembayaran diterima, Gagal, dan Kedaluwarsa. Jangan mengandalkan kasir untuk menafsirkan tangkapan layar pelanggan atau notifikasi dari aplikasi lain. Setelah konfirmasi dari sistem pembayaran diterima, kunci transaksi sebagai lunas, kurangi stok bila fitur stok aktif, dan arahkan ke pilihan struk. Untuk status menunggu, sediakan Batalkan serta Periksa ulang status; jangan menampilkan tombol Bayar kedua yang berisiko mencatat pembayaran ganda.

Jika koneksi tidak stabil, simpan draft pesanan lokal dan jelaskan bahwa pembayaran QRIS hanya boleh dianggap selesai setelah status berhasil muncul. Tampilkan juga metode alternatif—tunai atau metode lain yang diaktifkan merchant—tanpa menghapus keranjang. Kasir harus dapat kembali ke pemilihan metode pembayaran tanpa memasukkan ulang barang.

Pada layar sukses, prioritaskan total, metode QRIS, waktu transaksi, dan ID referensi. Informasi tersebut lebih berguna untuk komplain dan rekonsiliasi daripada animasi panjang.

Struk dan laporan sebagai penutup transaksi

Sesudah pembayaran berhasil, tampilkan layar konfirmasi yang menawarkan Kirim struk, Cetak struk, dan Transaksi baru. Struk digital harus memuat nama outlet, waktu, daftar barang, subtotal, diskon, PPN 11% bila dikenakan, total, metode QRIS atau tunai, serta ID transaksi. Hindari memaksa pelanggan memasukkan nomor telepon untuk menyelesaikan penjualan; jadikan pengiriman struk pilihan.

Untuk kasir, laporan harian di ponsel perlu menjawab tiga hal: berapa penjualan, metode pembayaran apa yang dipakai, dan transaksi mana yang perlu ditinjau. Tampilkan ringkasan berdasarkan tunai, QRIS, serta metode lain yang diaktifkan. Beri tautan ke daftar transaksi agar angka laporan dapat ditelusuri sampai ke struk individual.

Pisahkan izin peran. Kasir dapat membuat penjualan dan mencetak ulang struk, sedangkan pemilik atau manajer dapat mengubah pajak, diskon, katalog, dan melihat laporan penuh. Di perangkat bersama, sediakan PIN kasir dan tindakan keluar yang mudah ditemukan.

Gunakan floow.design untuk membuat rangkaian layar kasir, pembayaran QRIS, cetak struk, dan laporan penjualan. Mulai dari alur satu transaksi lengkap, lalu uji ukuran tombol, keadaan kosong, kesalahan pembayaran, dan tampilan nominal Rupiah sebelum menambah fitur inventaris.

Urutan prototipe yang layak diuji sebelum pengembangan

Buat prototipe mobile dalam urutan operasional, bukan berdasarkan daftar menu: pilih produk, edit keranjang, pilih pembayaran, tampilkan QRIS, terima status, kirim atau cetak struk, lalu buka detail transaksi dari laporan. Dengan urutan ini, tim dapat menguji titik yang paling berisiko: perubahan total setelah diskon, pembayaran yang belum terkonfirmasi, dan koreksi transaksi.

Gunakan data contoh yang terasa lokal: nominal Rupiah tanpa pecahan yang membingungkan, nama produk pendek agar tetap terbaca di layar kecil, serta label pajak yang menjelaskan apakah PPN sudah termasuk harga. Untuk akses cepat, letakkan tombol bayar di bagian bawah yang mudah dijangkau ibu jari, tetapi nonaktifkan sampai keranjang valid.

Dalam sesi uji dengan kasir, ukur apakah mereka dapat menyelesaikan transaksi QRIS tanpa instruksi, menemukan cetak ulang struk, dan membedakan pembayaran sukses dari status menunggu. Catat langkah yang membuat mereka kembali ke layar sebelumnya. Temuan tersebut biasanya lebih penting daripada menambah warna atau ikon baru.

Di floow.design, jadikan keadaan menunggu, berhasil, gagal, dan kedaluwarsa sebagai variasi layar dari komponen pembayaran yang sama. Ini membantu tim desain dan pengembangan menjaga teks, nominal, serta tindakan lanjutan tetap konsisten.

Kesalahan yang sering terjadi

Menganggap QRIS selesai hanya karena pelanggan menunjukkan bukti pembayaran di ponselnya.

Tandai transaksi lunas hanya setelah sistem menerima status berhasil, lalu tampilkan ID referensi pada layar sukses dan struk.

Menyembunyikan PPN di dalam total tanpa rincian.

Tampilkan subtotal, diskon, PPN 11% bila diterapkan, dan total sebagai baris terpisah sebelum kasir memilih pembayaran.

Membuat kasir memulai ulang pesanan saat QRIS kedaluwarsa atau gagal.

Pertahankan keranjang dan total, lalu berikan pilihan mencoba QRIS lagi, memeriksa status, atau mengganti metode pembayaran.

Menaruh cetak ulang struk hanya di menu laporan yang dalam.

Sediakan akses cetak atau kirim struk langsung setelah pembayaran dan dari halaman detail transaksi.

Pertanyaan yang sering diajukan

Fitur apa yang wajib ada pada aplikasi kasir mobile?

Aplikasi kasir mobile untuk UMKM Indonesia perlu memiliki katalog atau input harga manual dalam Rupiah, keranjang yang dapat diedit, diskon, perhitungan pajak bila diterapkan, metode pembayaran termasuk QRIS, status pembayaran, struk digital atau cetak, riwayat transaksi, serta laporan penjualan dasar. Pengaturan peran kasir dan pemilik juga penting agar perubahan harga atau pajak tidak dilakukan sembarang pengguna.

Bagaimana memasukkan QRIS ke alur kasir?

Masukkan QRIS setelah kasir mengunci total pesanan. Layar pembayaran harus menampilkan QR, nominal, nomor pesanan, dan status menunggu pembayaran. Setelah sistem mengonfirmasi pembayaran berhasil, ubah transaksi menjadi lunas, simpan ID referensi, lalu arahkan ke struk. QRIS adalah standar pembayaran QR Indonesia yang dikelola Bank Indonesia, sehingga status sistem harus menjadi sumber kepastian transaksi.

Apakah kasir perlu menghitung PPN 11%?

Kasir perlu menampilkan dan menghitung PPN 11% apabila usaha menerapkan PPN pada transaksi yang dijual melalui aplikasi. Tarif PPN Indonesia berada pada 11% sejak 1 April 2022. Dalam antarmuka, pisahkan subtotal, diskon, PPN, dan total, serta jelaskan apakah harga produk sudah termasuk PPN agar kasir dan pelanggan tidak salah memahami nominal tagihan.

Bagaimana memilih referensi produk kasir untuk pasar Indonesia?

Gunakan produk yang beroperasi di pasar Indonesia sebagai bahan membandingkan alur, bukan untuk menyalin tampilan. Moka POS, Majoo, dan Olsera dapat dijadikan referensi untuk menilai kebutuhan seperti katalog, transaksi, struk, dan laporan. Prioritaskan pengujian dengan kasir target Anda, terutama pada input nominal Rupiah, pembayaran QRIS, dan koreksi transaksi.

Langkah selanjutnya

Desain kasir mobile yang siap dipakai di Indonesia berpusat pada transaksi yang cepat dan dapat diverifikasi: harga Rupiah yang mudah dibaca, QRIS dengan status pasti, PPN yang transparan, serta struk dan laporan yang dapat ditelusuri. Buat alurnya di floow.design, uji dengan kasir, lalu rapikan setiap keadaan pembayaran sebelum masuk pengembangan.

---

Rancang layarnya terlebih dahulu

Jelaskan aplikasi Anda dengan bahasa sederhana, lalu floow.design akan membuatkan layar iOS dan Android yang siap Anda sempurnakan dan serahkan ke tim pengembang.

Mulai desain gratis →

---

Sumber

• •Bank Indonesia — QRIS
• •Direktorat Jenderal Pajak — Undang-Undang Harmonisasi Peraturan Perpajakan