Buat Pengguna Senang Dengan Praktik Terbaik Desain Aplikasi Seluler Ini

Diterbitkan: 2022-03-11

Aplikasi seluler adalah kumpulan pengalaman terhubung. Adalah tugas seorang desainer untuk membuat pengalaman itu kohesif dan tanpa gesekan. Ini bukan tugas kecil. Pola dan komponen UI harus terlihat dan berperilaku secara konsisten di semua layar. Interaksi harus intuitif dan selaras dengan hasil yang diinginkan pengguna. Seluruh aplikasi harus menyertakan pedoman aksesibilitas.

Penelitian dan pengujian pengguna adalah cara terbaik untuk mengungkap wawasan bernuansa yang dibutuhkan aplikasi untuk mencapai kesuksesan yang langgeng. Namun, ada praktik terbaik yang dapat diterapkan secara luas yang dapat membantu Anda merancang aplikasi seluler yang menyenangkan dan mempertahankan pengguna untuk jangka panjang.

Sederhanakan dan Sederhanakan Proses Orientasi Anda

Studi menunjukkan bahwa pengguna yang disajikan dengan tutorial orientasi cenderung menganggap tugas lebih sulit dibandingkan dengan mereka yang tidak melihat tutorial. Dalam situasi tertentu, layar orientasi dan tooltips dapat menjadi cara yang efektif untuk memperkenalkan fitur utama aplikasi dan mendorong pengguna untuk terlibat dengan aplikasi sebagai bagian dari rutinitas mereka. Namun, meminta pengguna untuk meninjau lebih dari tiga atau empat layar orientasi atau membaca terlalu banyak informasi di awal dapat menjadi gangguan; pengguna sering lebih suka mencari tahu sendiri.

Secara umum, UI aplikasi harus langsung familiar dan intuitif sehingga tidak memerlukan tutorial. Namun, jika Anda merasa perlu untuk menggunakan strategi orientasi, batasi jumlah langkah dalam tutorial dan, jika mungkin, tunjukkan hanya dalam konteks yang terkait dengan tindakan yang telah dilakukan pengguna. Selain itu, batasi tooltips ke beberapa fitur terpenting aplikasi Anda.

Tawarkan Fitur yang Sama pada Versi Aplikasi dan Desktop

Dengan peningkatan lalu lintas web seluler, sebagian besar pengguna berharap dapat melakukan tugas yang sama di perangkat seluler mereka seperti di desktop. Sementara satu studi menunjukkan bahwa mayoritas pengguna masih lebih suka menyelesaikan tugas-tugas rumit di desktop mereka, studi Pew menemukan bahwa 15% orang dewasa Amerika menggunakan smartphone sebagai satu-satunya cara mereka mengakses internet. Tidak dapat mengakses semua fitur pada aplikasi mobile banking, misalnya, dapat menjadi sumber frustrasi yang pada akhirnya mengarahkan pengguna untuk membawa bisnis mereka ke tempat lain.

Mengelola ekspektasi peluncuran fitur dapat menjadi perbedaan antara ulasan aplikasi yang baik dan ulasan aplikasi yang buruk. Jika Anda perlu meluncurkan aplikasi sebelum mengimplementasikan rangkaian fitur lengkapnya, lakukan lebih dari sekadar memposting layar "Segera Hadir", dan buat peta jalan fitur yang dapat diakses publik untuk menetapkan ekspektasi yang akurat.

Gunakan Notifikasi dengan Bijak

Notifikasi adalah salah satu alat paling ampuh untuk mempertahankan pengguna, memberikan dorongan tepat waktu untuk masuk kembali ke aplikasi dan terlibat dengan konten. Tetapi penting untuk mempertimbangkan frekuensi dan waktu pemberitahuan push Anda—bersama dengan konten yang mereka tawarkan. Menerima terlalu banyak ping atau semburan tidak teratur dapat menyebabkan pengguna menonaktifkan notifikasi sama sekali.

Saat Anda menampilkan notifikasi, jaga agar tetap kontekstual; misalnya, meminta izin untuk mengakses kamera saat pengguna mencoba mengambil foto. Tambahkan pengaturan pemberitahuan terperinci yang mudah diakses sehingga pengguna dapat menyesuaikan pemberitahuan dengan kebutuhan mereka. Selain itu, jangan meminta pengguna untuk mengizinkan notifikasi hingga ketiga atau keempat kalinya mereka berinteraksi dengan produk Anda, setelah mereka memiliki kesempatan untuk mencoba aplikasi Anda dan nilai yang diberikannya.

Salah satu praktik terbaik desain seluler utama adalah menggunakan notifikasi dengan hemat dan cermat, untuk menghindari mengganggu pengguna Anda. Ilustrasi delapan kotak yang mewakili komponen. Tiga memiliki nomor yang menunjukkan pemberitahuan. Satu memiliki nomor 3. Yang lain memiliki nomor 50. Dan satu memiliki 481. — Terlalu banyak notifikasi dapat menyebabkan pengguna memutuskan hubungan dengan aplikasi Anda atau, lebih buruk lagi, menghapusnya sama sekali.

Jaga Tampilan Web Anda Bebas Frustrasi

Tampilan web memungkinkan pengembang dan desainer melakukan iterasi dengan cepat dan murah—dan membuat perubahan di antara pembaruan aplikasi. Ketika digunakan dengan terampil, mereka dapat menghemat waktu pengembangan dan menyederhanakan UX dengan menjaga pengguna tetap dalam aplikasi sambil juga menampilkan halaman yang telah ditentukan.

Tampilan web juga menguntungkan pengguna. Misalnya, mereka memudahkan aplikasi untuk mengakses perangkat keras perangkat, seperti kamera. Selain itu, banyak aplikasi menggunakan tampilan web untuk mengautentikasi pengguna, yang dapat masuk menggunakan pengelola kata sandi mereka, dan kemudian diarahkan kembali dengan mulus ke aplikasi.

Namun, pengguna tidak akan mentolerir gesekan saat beralih konteks antara aplikasi asli dan tampilan web. Harus bolak-balik antara aplikasi dan browser untuk menyelesaikan tugas adalah pengalaman pengguna yang buruk.

Optimalkan Aplikasi Anda untuk Konektivitas yang Buruk

Aplikasi apa pun yang tidak dioptimalkan untuk menangani tugas paling penting di bawah konektivitas yang buruk adalah di bawah standar. Misalnya, jika pengguna memesan rencana perjalanan atau melakukan pembayaran e-niaga, pastikan bahwa tindakan mereka disimpan dan kemudian dilakukan segera setelah koneksi tersambung kembali.

Jika aplikasi Anda memerlukan konektivitas setiap saat, komunikasikan kepada pengguna bahwa mereka memerlukan koneksi untuk melanjutkan, daripada menghadirkan pemintal tanpa akhir atau, lebih buruk lagi, tidak ada sama sekali. Pengguna yang takut ditagih ganda akan kehilangan kepercayaan dan akhirnya meninggalkan aplikasi Anda.

Foto seorang pria memegang tiang kereta bawah tanah dengan satu tangan dan ponsel di tangan lainnya. Salah satu praktik terbaik UX seluler terpenting adalah memastikan fitur-fitur penting terus berfungsi bahkan dengan sedikit atau tanpa konektivitas internet. — Rata-rata orang Amerika menghabiskan 5-6 jam sehari di ponsel cerdas mereka, jadi tidak dapat dihindari bahwa mereka akan kehilangan konektivitas sesekali. Pastikan mereka masih dapat menjalankan fungsi vital di aplikasi Anda. (Ketut Subiyanto)

Jaga agar Pola dan Komponen Anda Konsisten

Konsistensi visual adalah suatu keharusan ketika datang ke produk digital. Gagal menerapkan dan menegakkan pedoman visual menunjukkan kurangnya profesionalisme dan dapat mengikis kepercayaan di antara pengguna. Kohesi pengalaman sama pentingnya. Misalnya, komponen dan pola seperti tombol, formulir, menu, dan dasbor tidak hanya harus ditata secara seragam tetapi juga harus berperilaku secara konsisten di seluruh aplikasi Anda, apa pun jenis halamannya.

Sebagai desainer aplikasi seluler, Anda membuat lebih dari sekadar kumpulan tampilan; Anda seorang desainer sistem UI. Untuk menanamkan konsistensi saat memulai proyek baru, bereksperimenlah dengan berbagai sistem desain seperti Panduan Antarmuka Manusia Apple dan Desain Material Google untuk menentukan mana yang paling sesuai untuk perangkat pengguna Anda.

Kurangi Kebisingan di UI Anda

UI yang tampak kotak adalah sisa dari desain perangkat lunak tahun 90-an. Selain terlihat ketinggalan zaman, gaya tersebut menampilkan terlalu banyak garis, batas, dan bentuk padat yang menciptakan noise visual yang berlebihan dan mempersulit pengguna untuk memproses informasi di layar.

Namun beberapa struktur pendukung diperlukan untuk membantu pengguna memahami hierarki visual halaman. Meskipun tidak ada formula ajaib, err di sisi yang lebih sedikit, dan gunakan struktur pendukung seperti garis, latar belakang yang solid, dan bayangan jatuh dengan hemat. Jika digunakan dengan cermat, padding dapat menawarkan perbedaan yang jelas seperti garis, asalkan ada cukup ruang di dalam komposisi.

Jadikan Aplikasi Anda Dapat Diakses Sepenuhnya

Neumorfisme adalah tren desain di mana komponen antarmuka dirender menggunakan bayangan halus, lapisan gradien, dan warna monokromatik. Komponen neumorfik dimaksudkan untuk tampil taktil dan mengundang interaksi, namun ketergantungannya pada warna monokromatik dan kontras rendah dapat menyulitkan untuk melihatnya dengan jelas. Neumorfisme juga sebagian besar tidak dapat diakses oleh pengguna dengan gangguan penglihatan—menempatkan tren bertentangan dengan permintaan yang meluas untuk produk digital inklusif.

Selain itu, komponen neumorfik seringkali sulit untuk dikodekan, sehingga sulit untuk menggabungkan estetika ini dengan pedoman visual perusahaan. Jika Anda memutuskan untuk menggunakan komponen neumorfik, lakukan dalam jumlah sedang, dan pastikan produk Anda masih memenuhi standar aksesibilitas.

Dua ikon notifikasi. Yang lebih disukai menunjukkan lonceng putih dengan latar belakang biru. Yang tidak disukai menunjukkan sedikit kontras warna antara lonceng dan latar belakang. — Menggunakan desain neumorfik sesuai dalam banyak konteks. Namun, neumorfisme juga memanfaatkan kontras warna yang rendah, yang dapat menyebabkan masalah aksesibilitas.

Berkomitmen untuk Belajar Berkelanjutan

Mematuhi praktik terbaik desain aplikasi seluler memerlukan pembelajaran berkelanjutan: membaca situs dan artikel desain, bertukar kiat dan trik dengan desainer lain, dan mengikuti perkembangan alat dan proses yang muncul. Ini juga berarti menghadapi tantangan yang ditimbulkan oleh perangkat dan platform baru, dan mengenali kapan Anda mengandalkan pola dan praktik yang nyaman—daripada merancang apa yang benar-benar terbaik bagi pengguna saat ini.

Catatan Editor: Terima kasih kepada anggota jaringan Toptal Damir Kotoric yang telah menyumbangkan wawasan desain untuk cerita ini.

Bacaan lebih lanjut di Blog Toptal:

Prinsip Desain UX Seluler
Prinsip Arsitektur Informasi untuk Seluler (dengan Infografis)
Prinsip Heuristik untuk Antarmuka Seluler
Kendala Desain UX Seluler, Praktik Terbaik, dan Bekerja dengan Pengembang