Prinsip Desain UX Seluler

Desain yang bagus adalah desain yang bagus, bukan? Benar, tetapi ada pertimbangan khusus yang ikut bermain tergantung pada media untuk desain itu. Prinsip desain untuk sesuatu seperti aplikasi yang dibuat untuk dijalankan di komputer desktop biasanya sedikit berbeda dari konvensi desain UX seluler yang paling efektif.

Bahkan dalam kategori payung seperti "desain UX seluler" ada perbedaan antara mendesain aplikasi dan mendesain situs web seluler. Saat pengguna mengunduh aplikasi, mereka tidak hanya menginginkan situs versi seluler. Mereka menginginkan pengalaman unik yang membenarkan waktu yang mereka habiskan untuk mengunduh aplikasi (serta ruang yang digunakan di ponsel mereka). Pengguna tidak ragu untuk menghapus aplikasi yang menurut mereka tidak berguna—75% unduhan aplikasi hanya dibuka sekali.

Desain ponsel, secara umum, tidak dapat diabaikan. Di seluruh dunia, lebih banyak orang mengakses internet dari perangkat seluler dan tablet mereka daripada dari komputer desktop. Mengabaikan pengguna tersebut bukan lagi sesuatu yang dapat dibenarkan oleh desainer UX. Sangat penting bagi desainer seluler untuk mempertimbangkan praktik terbaik UX seluler di setiap langkah proses desain.

Utamakan Pengguna

Ini tidak perlu dikatakan lagi, tetapi dalam proyek desain apa pun, pengguna harus selalu didahulukan, dan kebutuhan pengguna bahkan lebih penting (dan lebih spesifik) pada perangkat seluler. Jika desainer tidak memenuhi kebutuhan pengguna seluler, pengguna tersebut akan dengan cepat beralih ke situs web, aplikasi, atau gangguan lain.

Berikut adalah beberapa hal yang dapat dilakukan desainer untuk memenuhi kebutuhan spesifik pengguna ponsel.

Jadikan Navigasi Intuitif

Navigasi di situs dan aplikasi seluler harus lebih intuitif daripada di situs desktop. Pengguna harus dapat segera mengidentifikasi cara menjelajahi aplikasi seluler atau situs web. Ini dapat dicapai melalui pola desain yang dapat dikenali (seperti menu hamburger) serta ikon yang dapat dikenali (ikon "beranda" untuk layar beranda, gelembung obrolan untuk pengiriman pesan, dll.).

Jika pengguna harus memikirkan cara bernavigasi, mereka cenderung memutuskan hubungan dari situs web, atau menutup aplikasi dan mencari solusi yang lebih sederhana.

Ciptakan Pengalaman yang Mulus di Seluruh Perangkat

Baik pengguna mengakses konten di aplikasi, situs web seluler, atau situs web desktop, transisi antara menggunakannya harus mulus. Elemen desain harus mencerminkan satu sama lain (desainer tidak boleh menggunakan warna biru untuk aplikasi dan merah untuk situs web, misalnya).

Pengalaman yang mulus tidak hanya membuat segalanya lebih mudah bagi orang-orang yang menggunakan situs web atau aplikasi, tetapi juga membangun kepercayaan dengan merek.

Fokus pada Tujuan Pengguna

Sasaran yang dimiliki seseorang di aplikasi seluler atau situs web mungkin berbeda dengan sasaran yang mereka miliki di situs desktop lengkap. Misalnya, di aplikasi restoran, pengunjung kemungkinan hanya ingin melakukan beberapa hal: melihat menu, membuat reservasi, atau mendapatkan petunjuk arah. Dalam kebanyakan kasus, mereka tidak mencari riwayat lengkap bisnis di ponsel mereka—konten semacam itu dapat disembunyikan di menu atau submenu.

Pikirkan apa yang sebenarnya ingin dilakukan pengguna di aplikasi seluler. Satu hal penting yang sering diabaikan oleh desainer adalah memerlukan login untuk tugas-tugas dasar. Aplikasi perbankan, misalnya, sering meminta login untuk melakukan apa pun di aplikasi. Tetapi tugas seperti menemukan lokasi ATM terdekat tidak benar-benar membutuhkan pengguna untuk masuk. Membuat fitur tersebut mudah diakses adalah cara yang bagus untuk meningkatkan UX.

Izinkan untuk Personalisasi

Untuk aplikasi seluler, personalisasi adalah kunci untuk meningkatkan pengalaman pengguna. Personalisasi juga dapat membantu mencapai tujuan pemasaran. Ini adalah win-win untuk semua pemangku kepentingan yang terlibat.

Personalisasi harus mendorong pengguna ke konten yang mereka cari dan menjauh dari konten yang tidak relevan bagi mereka. Itu juga dapat menghilangkan gangguan di situs, merampingkan komponen seperti proses pembelian, dan memastikan bahwa pesan pemasaran selaras dengan apa yang sebenarnya diinginkan pengunjung.

Namun, terlalu banyak personalisasi bisa menjadi jebakan yang mudah untuk jatuh ke dalamnya. Tingkat personalisasi harus sesuai dengan tingkat kepercayaan yang dimiliki pengguna dengan aplikasi dan perusahaan. Seberapa sering orang merasa bingung atau aneh ketika sebuah situs web menampilkan iklan untuk sesuatu yang mereka pikirkan (atau bicarakan) tetapi bahkan belum mereka telusuri? Tentu, itu hanya sifat prediktif dari algoritme periklanan tingkat lanjut, tetapi tingkat personalisasi itu masih dapat membuat pengunjung merasa khawatir.

Selalu Membuat Segalanya Lebih Mudah

Saat seseorang mengunjungi situs web atau aplikasi di perangkat seluler, mereka ingin menyelesaikan tugas yang ada secepat mungkin. Terserah desainer untuk membuat menyelesaikan tugas-tugas yang diperlukan semudah mungkin. Menghilangkan segala sesuatu yang tidak mutlak penting untuk setiap tugas adalah tempat yang bagus untuk memulai. Membuat tugas-tugas yang diperlukan lebih sederhana pada antarmuka seluler juga merupakan kuncinya.

Misalnya, banyak aplikasi dan situs eCommerce sekarang menawarkan opsi kamera untuk memasukkan informasi kartu kredit. Daripada mengetikkan nomor kartu, pembeli dapat mengarahkan kamera mereka ke kartu kredit mereka dan aplikasi akan secara otomatis membaca nomor tersebut.

Hal-hal lain seperti menentukan jenis input di bidang formulir (sehingga, misalnya, ketika alamat email adalah input yang diharapkan maka simbol @ dan “.com” muncul di layar keyboard utama).

Praktik Orientasi yang Baik

Orientasi yang baik sangat penting untuk aplikasi seluler. Tetapi definisi "baik" sangat bervariasi di antara berbagai jenis aplikasi. Aplikasi yang mudah digunakan—hal-hal seperti daftar tugas atau browser web—membutuhkan orientasi minimal. Beberapa layar pembuka yang menunjukkan fitur unik adalah semua yang dibutuhkan sebagian besar pengguna untuk memulai.

Tetapi aplikasi yang lebih kompleks, seperti untuk layanan keuangan atau manajemen proyek, memerlukan orientasi yang lebih komprehensif.

Gunakan Gerakan yang Sudah Ada

Yang ini tidak perlu diragukan lagi, tetapi desainer seluler perlu mempertimbangkan gerakan yang sudah biasa digunakan orang di perangkat mereka. Hal-hal seperti mencubit untuk memperbesar atau menggesek telah menjadi intuitif bagi sebagian besar pengguna dan harus digunakan bila memungkinkan.

Dalam kasus di mana seorang desainer memutuskan untuk menyimpang dari isyarat yang sudah ada, penting untuk memberi petunjuk kepada pengguna tentang penyimpangan ini, baik selama proses orientasi atau ketika kasus penggunaan muncul untuk pertama kalinya.

Desain Tata Letak Seluler

Merancang tata letak seluler tidak sepenuhnya berbeda dari merancang tata letak jenis lain, tetapi ada pertimbangan tertentu yang perlu dipertimbangkan oleh perancang.

Salah satu pertimbangan terbesar adalah ukuran target layar sentuh. Sementara mouse atau trackpad dapat mengklik dengan akurasi tepat, ujung jari kurang akurat. Idealnya, target harus 7-10mm di layar perangkat seluler. Ini memungkinkan ujung jari untuk mengetuk target tanpa harus membidik terlalu hati-hati.

Area terkait yang perlu dipertimbangkan adalah kontrol posisi tangan dan "zona jempol" pada perangkat seluler—area layar ponsel yang dapat diakses dengan mudah menggunakan jempol saat seseorang memegang ponsel dengan satu tangan. Menempatkan sebagian besar konten interaktif (dan khususnya ajakan bertindak) di zona ini sangat penting untuk menciptakan pengalaman pengguna yang positif.

Sangat penting bagi desain seluler untuk mengurangi kekacauan sebanyak mungkin. Minimalisme adalah teman seorang desainer dalam hal aplikasi seluler. Mencoba menjejalkan semua yang ada di UI desktop ke dalam layar yang ukurannya sangat kecil membuat desainnya terlihat sempit dan bisa membuat kewalahan.

Berfokus pada tujuan, meminimalkan opsi navigasi (menu dan submenu dapat membantu dalam hal ini), dan secara umum menghilangkan elemen apa pun yang tidak penting bagi pengguna untuk melakukan apa yang perlu mereka lakukan akan menciptakan UI yang lebih ramping dan ramah pengguna.

Saat memotong kekacauan di layar, desainer harus yakin untuk tidak mengabaikan beberapa pertimbangan desain utama. Salah satu pertimbangan tersebut adalah memastikan berbagai elemen desain memiliki kontras yang cukup. Orang sering melihat perangkat seluler mereka dalam kondisi yang kurang ideal. Hal-hal seperti sinar matahari yang cerah dapat membuat elemen pada layar sulit dilihat, tetapi kontras tinggi membantu membuat elemen lebih terlihat.

Tipografi adalah pertimbangan utama lainnya. Sangat penting untuk memiliki hierarki tipografi yang jelas dalam desain seluler. Judul dan header harus mudah dikenali, dan font, secara umum, harus lebih besar. Tidak ada yang senang menyipitkan mata di layar mereka untuk mencoba membaca blok besar teks di ponsel mereka. Header yang jelas, daftar berpoin atau bernomor, dan paragraf pendek semuanya membuat teks seluler lebih mudah dibaca.

Pertimbangan UI terakhir adalah penggunaan transisi dan animasi. Animasi dapat menjadi sinyal penting bagi pengguna bahwa tindakan apa pun yang baru saja mereka lakukan telah menghasilkan sesuatu. Animasi dan transisi yang jelas antara layar atau fungsi dalam aplikasi seluler adalah bagian penting dari umpan balik yang menciptakan pengalaman pengguna yang lebih memuaskan.

Praktik Terbaik UX Seluler

Semua hal di atas adalah pertimbangan penting saat merancang aplikasi seluler dan situs web. Tetapi ada praktik terbaik UX seluler tambahan yang harus diikuti untuk memastikan pengalaman pengguna sebaik mungkin.

Fokus pada Kecepatan

Meskipun ketersediaan data 4G tersebar luas, jaringan seluler umumnya masih lebih lambat daripada layanan wifi atau broadband. Dan di banyak bagian dunia, 4G tidak ada, dan pengguna seluler terjebak dengan kecepatan data 3G atau lebih lambat.

Itu berarti situs web seluler dan terutama aplikasi seluler harus cepat. Menyertakan konten dalam aplikasi yang tidak perlu diunduh setiap kali aplikasi dimuat akan membuat aplikasi lebih cepat. Karena hanya akan memuat konten jika diperlukan (walaupun mengantisipasi konten yang akan dibutuhkan dan pra-pemuatan dapat membuat aplikasi muncul lebih cepat kepada pengguna).

Ini adalah tindakan penyeimbang antara tidak memuat konten yang tidak akan digunakan (dan menghabiskan data) dan menciptakan persepsi kecepatan dengan memuat konten yang kemungkinan dibutuhkan pengguna selanjutnya.

Salah satu cara untuk menciptakan ilusi kecepatan dan menenangkan pengguna yang tidak sabar adalah dengan menggunakan placeholder hingga konten dimuat. Aplikasi seluler Facebook melakukan ini, dengan apa yang secara efektif tampak sebagai wireframe yang dipoles memuat segera setelah aplikasi terbuka, menahan ruang untuk posting yang dimuat saat mereka mengunduh. Layar transisi ini memberi sinyal kepada pengguna bahwa ada sesuatu yang terjadi dengan konten sebelum benar-benar dimuat.

Berikan Umpan Balik kepada Pengguna

Memberikan umpan balik kepada pengguna saat mereka melakukan tindakan pada aplikasi seluler merupakan aspek penting dari pengalaman pengguna yang positif. Seperti disebutkan sebelumnya, animasi dan transisi adalah salah satu cara untuk memberikan umpan balik.

Umpan balik taktil dan audio juga dimungkinkan dengan perangkat seluler. Memberikan umpan balik sentuhan saat tindakan tertentu dilakukan sangat populer di game seluler, dan juga dengan pesan kesalahan. Umpan balik audio populer dengan fungsi di semua jenis aplikasi. Meskipun demikian, desainer tidak boleh bergantung pada umpan balik audio karena begitu banyak orang yang membungkam ponsel mereka setiap saat.

Minimalkan Masukan Data

Praktik terbaik UX seluler utama lainnya adalah meminimalkan jumlah input data yang diperlukan. Ini telah dibahas sebelumnya, tetapi semakin banyak data yang harus dimasukkan seseorang ke dalam aplikasi seluler, semakin besar kemungkinan mereka untuk meninggalkan tugas.

Mengisi formulir dengan empat atau lima bidang mungkin bukan masalah besar di komputer desktop atau laptop, tetapi di perangkat seluler, empat atau lima bidang itu mungkin cukup untuk membuat pengguna berpaling, terutama jika mereka tidak dapat melihat tujuan. Pastikan bahwa setiap bidang dalam formulir yang diisi pada perangkat seluler diperlukan. Hilangkan yang tidak.

Ini adalah satu area di mana memberi orang pilihan untuk menggunakan salah satu akun mereka yang ada (seperti akun Facebook, Google, atau Twitter) daripada mendaftar dari awal dapat sangat meningkatkan konversi. Ketika pengguna hanya perlu mengklik untuk mengotorisasi akses daripada mengisi formulir untuk pendaftaran baru, mereka cenderung melakukannya. Hanya saja, jangan hanya mengandalkan aplikasi sekunder ini—beberapa pengguna masih tidak percaya untuk menautkan akun mereka dan akan meluangkan waktu untuk mengisi formulir.

Kesimpulan

Mengikuti prinsip-prinsip desain UX seluler yang telah ditetapkan ini akan menciptakan pengalaman pengguna yang lebih baik secara keseluruhan bagi orang-orang yang mengunjungi situs seluler atau menggunakan aplikasi seluler. Desainer hanya memiliki beberapa detik untuk menarik perhatian orang sebelum mereka meninggalkan aplikasi atau situs demi aplikasi yang lebih ramah pengguna, intuitif, atau ramping.

Desain seluler yang hebat menjadi lebih umum, dan standar telah ditingkatkan lebih jauh dalam hal apa yang diharapkan pengguna dari aplikasi seluler mereka. Desainer tidak lagi dapat melihat desain seluler sebagai renungan, dan sebagai gantinya perlu meluangkan banyak waktu, pertimbangan, dan sumber daya ke dalamnya seperti yang mereka lakukan untuk desain pada format lain.

Bacaan lebih lanjut di Blog Desain Toptal:

• Desain UX Seluler - Praktik Terbaik, Kendala, dan Bekerja dengan Pengembang
• Pertahankan Pengguna Dengan Inspirasi Orientasi Aplikasi Seluler Ini
• Panduan Dasar untuk Kegunaan Seluler
• Prinsip Heuristik untuk Antarmuka Seluler
• eCommerce UX untuk Pengalaman Seluler