Blog

BAGIKAN

Panduan Lengkap untuk Membuat Desain Aplikasi Mobile

mobile apps

Pada tahun 2020, pendapatan aplikasi mobile diperkirakan meningkat menjadi $189 miliar, dan industri ini terus berkembang karena evolusi perangkat dan teknologi pintar. Namun, 24% aplikasi hanya digunakan sekali, dan 57% aplikasi dihapus dalam sebulan.

Dalam infografis oleh Marketing Profs, statistik menunjukkan bahwa:

  • 71% pengguna menghapus aplikasi karena notifikasi yang mengganggu.
  • 41,3% mencatat iklan yang mengganggu (yang melonjak menjadi 65,6% dengan aplikasi game!).
  • 29,6% menyebutkan masalah privasi, yang dapat mencakup keikutsertaan paksa dan login sosial.
  • 15,6% lebih spesifik dengan kekhawatiran mereka, dengan alasan pendaftaran yang terlalu rumit.
  • 26,8% menyalahkan pengalaman pengguna secara keseluruhan yang kurang optimal, terutama dengan aplikasi bisnis.

Seperti yang Kamu lihat, desain aplikasi mobile berkontribusi besar terhadap tingkat retensi aplikasi.

Apa itu desain aplikasi mobile?

aplikasi mobile

Desain aplikasi mobile adalah tugas untuk merancang tampilan sebuah aplikasi mobile. Meskipun aplikasi mobile memiliki beragam kegunaan, yang menyatukannya adalah kebutuhan akan kegunaan yang optimal, aksesibilitas, keterlibatan, dan pengalaman pengguna secara keseluruhan. Singkatnya, mengatasi semua masalah di atas.

Aplikasi mobile vs desain web Desain

mobile app vs web design

Aplikasi mobile sedikit berbeda dari desain web mobile, dan kami perlu mengingatkan hal ini saat kamu mendesain untuk memastikan bahwa yang dibuat mendekati cara yang benar.

Perangkat keras mobile

perangkat keras mobile

Pertama, mari kita pertimbangkan perangkat keras mobile. Meskipun situs web modern sekarang dapat mengakses fitur perangkat tertentu seperti kamera, namun aplikasi mobile memiliki akses ke berbagai fitur perangkat keras yang lebih luas seperti sensor keamanan sidik jari, yang tidak didukung secara luas di web.

Sistem operasi

sistem operasi mobile

Aplikasi mobile juga dapat memanfaatkan fitur sistem operasi yang sudah mendarah daging. Contohnya adalah toko aplikasi masing-masing platform (Apple App Store, Google Play Store), yang menawarkan berbagai metode monetisasi langsung, termasuk pembelian dalam aplikasi dan langganan.

Transisi

Aplikasi mobile mendukung animasi jauh lebih baik daripada situs web; pada kenyataannya, beberapa transisi layar sudah tersedia untuk diterapkan oleh pengembang. Inilah mengapa kami dapat memanfaatkan transisi saat membuat prototipe dengan alat desain layar.

Dukungan SVG

Salah satu fitur yang tidak dapat kami manfaatkan dalam desain aplikasi mobile adalah SVG.

Performa menjadi perhatian besar dalam hal aplikasi mobile. Sementara format file vektor perlu dihitung, file PNG disematkan ke dalam aplikasi dan dimuat di layar. Karena file PNG bukan format vektor independen resolusi seperti file SVG, kami perlu mengekspor aset gambar dalam berbagai resolusi untuk memenuhi berbagai perangkat HDPI dan retina di pasar. Untungnya, alat desain layar memungkinkan desainer untuk menggunakan aset dalam semua resolusi.

Desain responsif

design responsive

Meskipun aplikasi mobile masih perlu memenuhi berbagai perangkat dan ukuran layar (terutama aplikasi Android), itu tidak menjadi beban bagi situs web. Sebagian besar aplikasi mobile dapat dirancang menggunakan fitur pengubahan ukuran responsif dasar.

Desain aplikasi mobile iOS vs Android

Baik Apple maupun Android memiliki seperangkat aturan dan rekomendasi mereka sendiri yang menguraikan cara terbaik untuk mendekati desain antarmuka pengguna. Apple menyebutnya sebagai Pedoman Desain Antarmuka Manusia, dan Android menggunakan Desain Material mereka. Keduanya memiliki keunikannya masing-masing.

Resolusi perangkat

Aplikasi Apple memerlukan aset untuk diekspor sebanyak 1x, 2x, dan 3x.

Aplikasi Android memerlukan 1x, 1,5x, 2x, 3x, dan 4x.

Desain aplikasi mobile tablet vs ponsel

Banyak yang telah mengetahui tentang cara kita memegang perangkat mobile versus cara kita berinteraksi di desktop, tetapi perbedaan antara perangkat mobile dan tablet juga ada. Masalah kegunaan umum seperti target ketuk yang dapat dijangkau diperbesar dengan desain tablet: Lebih banyak real estate layar berarti bahwa target ketuk umumnya lebih jauh. Aplikasi tablet juga lebih cenderung digunakan dalam orientasi lanskap.

Praktik terbaik desain aplikasi mobile

Memanfaatkan perangkat lunak dan perangkat keras

Seperti disebutkan sebelumnya, aplikasi mobile dapat memanfaatkan hampir semua aspek sistem operasinya, mulai dari kamera, penyimpanan perangkat, dan toko aplikasi hingga sensor sidik jari, pemindai kartu kredit, dan banyak lagi. Tidak perlu menemukan kembali roda saat iOS dan Android menawarkan elemen dan fungsi UI asli yang sudah dinikmati pengguna dan tahu cara menggunakannya.

Membuat transisi layar

transisi layar

Apa perbedaan antara slide dan push?

Slide memperkuat kesan bahwa layar sebelumnya masih di bawah, seolah-olah pengguna mungkin ingin kembali ke sana (seperti membaca Tweet lengkap di layar baru, lalu kembali ke umpan). Sebuah dorongan akan mendorong layar sebelumnya keluar dari pandangan, menunjukkan bahwa itu aman dari jalan bagi pengguna yang tidak ingin kembali ke sana.

Transisi tidak sama, jadi pastikan Kamu memikirkan yang mana yang dipilih.

Buat ikon aplikasi yang indah

Dua puluh satu persen pengguna menghapus aplikasi karena ikon tersebut membuat layar beranda mereka terlihat buruk. Meskipun ini berlaku khusus untuk kaum milenial, ini menjadi pertimbangan penting.

Rancang layar pembuatan antisipatif Layar pemuatan

Dengan memuat semuanya—dikurangi panggilan database—pengalaman aplikasi lainnya menjadi lebih efisien. Meskipun demikian, waktu muat yang lama dapat menjadi hambatan besar, jadi bangun antisipasi dengan citra yang menarik.

Jangan terlalu sering menggunakan notifikasi

Seperti yang telah dibahas sebelumnya, 71% pengguna mencopot pemasangan aplikasi karena notifikasi. Ini sangat umum dengan demografi 55+, meskipun pengguna milenial sering mengeluh tentang pemberitahuan yang berlebihan (meskipun awalnya mengklaim menginginkannya). Pengguna mobile sangat berubah-ubah, jadi jangan lupa untuk menggunakan pengujian dan analisis A/B dalam alur kerja.

Ciptakan pengalaman pengguna yang lebih baik secara keseluruhan

Aplikasi mobile adalah industri yang berkembang pesat, dan meskipun ada sejumlah masalah yang tidak terkait dengan desain dan menyebabkan pengguna mencopot pemasangan aplikasi, keseluruhan pengalaman pengguna yang di bawah standar sangat berkontribusi pada tingkat retensi aplikasi.

Sumber: Invision