Desain aplikasi mobile adalah proses apa?

Desain aplikasi mobile adalah proses menerjemahkan tujuan produk menjadi struktur fitur, alur tugas, dan layar yang dapat dipakai di ponsel. Di Indonesia, proses ini perlu mempertimbangkan pola layanan nyata, seperti transportasi, pesan-antar, dan pembayaran dalam super-app Gojek, serta kebutuhan peserta pada aplikasi Mobile JKN BPJS Kesehatan.

Poin-poin utama

• •Mulailah dari masalah dan tugas pengguna, bukan dari warna atau komponen layar.
• •UX menentukan urutan dan kemudahan pengguna menyelesaikan tugas; UI menentukan bentuk layar yang mereka lihat dan sentuh.
• •Fitur dalam satu aplikasi harus dikelompokkan berdasarkan kebutuhan pengguna agar tidak terasa seperti daftar layanan yang terpisah.
• •Untuk layanan digital yang termasuk PSE lingkup privat, pertimbangkan kewajiban dalam Permenkominfo No. 5 Tahun 2020 beserta perubahannya sejak tahap perencanaan produk.

Isi halaman ini

• •Tentukan batas produk sebelum menggambar layar
• •Susun alur pengguna untuk kondisi normal dan pengecualian
• •Bedakan pekerjaan UX dan UI saat membuat layar
• •Masukkan kepatuhan dan handoff ke dalam proses desain

Tentukan batas produk sebelum menggambar layar

Desain aplikasi mobile dimulai dengan keputusan tentang masalah apa yang diselesaikan, pengguna siapa yang dilayani, dan tindakan utama apa yang harus selesai di ponsel. Hasil tahap ini bukan mockup, melainkan rumusan produk: misalnya pengguna dapat mencari layanan, mengisi data, membayar, memantau status, atau meminta bantuan.

Batas kerja ini penting pada aplikasi dengan banyak layanan. Super-app Indonesia seperti Gojek menggabungkan transportasi, pesan-antar, dan pembayaran dalam satu pengalaman. Karena itu, desain tidak cukup membuat halaman beranda berisi banyak ikon. Desainer perlu menentukan layanan yang diprioritaskan, cara pengguna berpindah konteks, informasi apa yang tetap terlihat saat transaksi berjalan, serta kapan pengguna perlu kembali ke beranda.

Buat daftar untuk setiap fitur: pemicu penggunaan, data yang dimasukkan, keputusan pengguna, kondisi berhasil, kondisi gagal, dan langkah bantuan. Jika sebuah fitur belum memiliki jawaban untuk enam hal tersebut, jangan langsung dibuatkan layar. Tim berisiko menghasilkan desain aplikasi UI UX yang terlihat lengkap, tetapi tidak mendukung tugas pengguna dari awal sampai akhir.

Susun alur pengguna untuk kondisi normal dan pengecualian

Setelah ruang lingkup jelas, petakan perjalanan pengguna sebagai urutan layar dan keputusan. Gunakan skenario yang spesifik, misalnya: pengguna baru masuk, memilih layanan, mengisi identitas, meninjau ringkasan, melakukan pembayaran, lalu menerima bukti atau status. Rancang pula jalur ketika koneksi terputus, data tidak valid, pembayaran tertunda, atau pengguna perlu mengubah pilihan.

Aplikasi layanan peserta tidak boleh diperlakukan seperti katalog biasa. Mobile JKN adalah aplikasi layanan peserta BPJS Kesehatan, sehingga desain alurnya perlu memberi perhatian pada tugas administratif dan akses informasi peserta. Untuk jenis layanan ini, tampilkan status, persyaratan, istilah yang mudah dipahami, dan langkah lanjutan secara jelas. Hindari menyembunyikan informasi penting di balik ikon tanpa label.

Uji alur dengan prototipe ponsel, bukan hanya melalui tampilan statis. Minta peserta uji menyelesaikan satu tugas tanpa arahan. Catat titik mereka berhenti, ragu, salah menekan, atau kembali ke layar sebelumnya. Temuan tersebut biasanya lebih berguna daripada pendapat umum bahwa sebuah layar “terlihat bagus”.

Bedakan pekerjaan UX dan UI saat membuat layar

Dalam desain ui ux aplikasi mobile, UX mengatur cara kerja pengalaman: urutan langkah, hierarki informasi, isi pesan, keadaan kosong, validasi formulir, dan pemulihan saat gagal. UI mengatur representasi visualnya: tata letak, ukuran target sentuh, tipografi, warna, ikon, tombol, dan komponen yang konsisten.

Contohnya, keputusan UX dapat berbunyi: pengguna harus melihat total biaya sebelum mengonfirmasi pembayaran. Keputusan UI kemudian menentukan letak total biaya, penekanan visual tombol konfirmasi, serta bentuk pesan jika nominal berubah. Keduanya saling terkait, tetapi UI yang rapi tidak akan memperbaiki alur pembayaran yang membingungkan.

Buat sistem komponen sejak layar awal: tombol utama dan sekunder, kolom input, kartu status, lembar pilihan, dialog konfirmasi, serta pesan kesalahan. Tetapkan juga keadaan aktif, tidak aktif, memuat, berhasil, dan gagal. Dengan cara ini, perubahan fitur tidak memaksa tim mendesain ulang elemen yang sama berulang kali. Prioritaskan keterbacaan pada layar kecil dan jangan menjadikan teks kecil sebagai solusi untuk memuat lebih banyak informasi.

Masukkan kepatuhan dan handoff ke dalam proses desain

Desain aplikasi mobile juga mencakup layar yang menangani kepercayaan pengguna: persetujuan, pemberitahuan, pengelolaan akun, bantuan, serta penjelasan ketika data atau transaksi tidak dapat diproses. Libatkan penanggung jawab produk, operasional, keamanan, dan hukum ketika alur menyentuh data pengguna atau layanan digital yang diatur.

Di Indonesia, PSE lingkup privat tunduk pada Permenkominfo No. 5 Tahun 2020 beserta perubahannya. Bagi tim desain, ini bukan alasan untuk menyalin bahasa regulasi ke dalam layar. Gunakan sebagai pemicu untuk memastikan produk memiliki inventaris layanan yang jelas, pemilik konten dan data yang jelas, serta alur yang tidak menyesatkan pengguna. Kebutuhan kepatuhan harus dikonfirmasi kepada tim hukum atau kepatuhan perusahaan sesuai model layanan Anda.

Akhiri pekerjaan dengan spesifikasi yang bisa dibangun: prototipe, aturan komponen, teks antarmuka, perilaku tiap keadaan, dan catatan untuk pengembang. Coba floow.design untuk mengubah definisi produk Anda menjadi layar dan alur mobile yang konkret.

Contoh cara menerjemahkan jenis layanan Indonesia ke keputusan desain mobile

Kesalahan yang sering terjadi

Memulai dari beranda yang penuh fitur tanpa menentukan tugas utama pengguna.

Tulis satu skenario tugas per fitur dan rancang jalur selesai, gagal, serta bantuan sebelum membuat tampilan visual.

Menganggap UI dan UX adalah pekerjaan yang sama.

Putuskan alur, informasi, dan aturan keadaan terlebih dahulu; kemudian terapkan komponen UI yang konsisten untuk menampilkannya.

Hanya merancang kondisi berhasil.

Tambahkan keadaan memuat, koneksi bermasalah, data tidak valid, transaksi tertunda, keadaan kosong, dan cara pengguna pulih.

Menunda pembahasan kepatuhan hingga aplikasi hampir dirilis.

Libatkan pihak hukum atau kepatuhan ketika kebutuhan fitur dan alur data dirumuskan, terutama untuk layanan yang dapat termasuk PSE lingkup privat.

Pertanyaan yang sering diajukan

Desain aplikasi mobile adalah pekerjaan apa?

Desain aplikasi mobile adalah pekerjaan merancang cara pengguna menyelesaikan tugas melalui ponsel, dari struktur fitur dan alur hingga layar, teks, serta keadaan gagal. Pekerjaan ini mencakup riset kebutuhan pengguna, pembuatan prototipe, pengujian tugas, dan dokumentasi bagi pengembang agar aplikasi dibangun sesuai perilaku yang direncanakan.

Apa bedanya UI dan UX pada aplikasi mobile?

UX pada aplikasi mobile mengatur pengalaman penggunaan, seperti urutan langkah, informasi yang dibutuhkan, validasi, dan cara pengguna pulih saat terjadi masalah. UI mengatur tampilan dan elemen interaksi, seperti tombol, tipografi, warna, ikon, dan tata letak. UX menentukan cara kerja; UI membuat cara kerja itu dapat dilihat dan disentuh.

Apakah aplikasi harus mematuhi aturan PSE Indonesia?

Aplikasi yang memenuhi kriteria sebagai PSE lingkup privat di Indonesia tunduk pada Permenkominfo No. 5 Tahun 2020 beserta perubahannya. Penentuan kewajiban untuk produk tertentu perlu dikonfirmasi kepada tim hukum atau kepatuhan, karena desain aplikasi harus mengikuti model layanan, pengelolaan data, dan operasional penyelenggara sistem elektronik tersebut.

Kapan prototipe aplikasi mobile perlu diuji?

Prototipe aplikasi mobile perlu diuji setelah alur tugas utama dapat diklik, sebelum tim menghabiskan waktu membangun semua layar. Uji pengguna sebaiknya mencakup tugas nyata seperti masuk, mencari layanan, mengisi data, mengonfirmasi transaksi, dan menangani kesalahan. Temuan dari pengujian membantu memperbaiki alur sebelum biaya pengembangan meningkat.

Langkah selanjutnya

Desain aplikasi mobile bukan kegiatan mempercantik layar. Ini adalah proses menetapkan tugas pengguna, menyusun alur, merancang UI yang mendukung UX, menguji kondisi nyata, dan memasukkan kebutuhan operasional serta kepatuhan. Coba floow.design untuk mengubah definisi produk Anda menjadi layar dan alur mobile yang konkret.

---

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

• •BPJS Kesehatan — Mobile JKN
• •Google Play — Gojek
• •Kementerian Komunikasi dan Digital — Penyelenggara Sistem Elektronik