Hal terpenting yang perlu diingat saat mendesain aplikasi handphone adalah memastikan keduanya berguna dan intuitif. Jika aplikasi tidak berguna, itu tidak memiliki nilai nyata bagi pengguna dan tidak ada alasan untuk menggunakannya. Jika aplikasi berguna tetapi membutuhkan banyak waktu dan usaha, orang tidak akan repot mempelajari cara menggunakannya.

Desain UI yang baik berpusat pada pengguna. Pengguna menginstal aplikasi Anda karena mereka perlu menyelesaikan masalah. Desainer harus memikirkan masalah yang akan coba diselesaikan oleh pengguna mereka menggunakan aplikasi, fokus pada tujuan utama mereka, dan menghilangkan semua hambatan dari jalan mereka.

Berikut adalah 10 prinsip desain UX yang menurut saya merupakan kunci untuk menciptakan pengalaman pengguna handphone yang luar biasa.

1. Hentikan Kekacauan

Perhatian pengguna adalah sumber daya yang berharga, dan harus dialokasikan sebagaimana mestinya. Mengacak-acak antarmuka membuat pengguna Anda kewalahan dengan terlalu banyak informasi: setiap tombol, gambar, dan baris teks yang ditambahkan membuat layar menjadi lebih rumit.

Kekacauan buruk di aplikasi desktop atau situs web, tetapi di perangkat handphone seratus kali lebih buruk. Kredit gambar:ftrain

Ada kutipan terkenal dari Antoine de Saint-Exupéry yang berbunyi

"Kesempurnaan dicapai ketika tidak ada yang tersisa untuk diambil."

Penting untuksingkirkan apa pun pada desain handphone yang tidak mutlak diperlukan,karena mengurangi kekacauan akan meningkatkan pemahaman.

Aturan praktis yang sederhana:satu tindakan utama per layar. Setiap layar yang Anda desain untuk aplikasi harus mendukung atindakan tunggal dari nilai nyata kepada orang yang menggunakannya.

Ambil Uber, misalnya. Uber tahu bahwa tujuan pengguna yang menggunakan aplikasi ini adalah naik taksi. Aplikasi ini tidak membanjiri pengguna dengan informasi lain: secara otomatis mendeteksi lokasi pengguna berdasarkan data GEO dan satu-satunya hal yang harus dilakukan pengguna adalah memilih lokasi penjemputan.

Salah satu aturan dasar UX yang baik adalah mengurangi upaya yang harus dilakukan pengguna untuk mendapatkan apa yang diinginkan.

2. Jadikan Navigasi Jelas

Membantu pengguna menavigasi harus menjadi prioritas utama untuk setiap aplikasi. Navigasi yang baik harus terasa seperti tangan tak terlihat yang memandu pengguna sepanjang perjalanannya. Prinsip-prinsip navigasi handphone yang baik adalah:

• Kejelasan. Aplikasi menggunakan pola navigasi yang sudah dikenal dan setiap elemen navigasi (seperti ikon) mengarah ke tujuan yang tepat.

• Konsistensi. Kontrol navigasi global selalu berada di area yang sama, apa pun bagian aplikasinya.

• Bisa dilihat. Gagal menunjukkan lokasi saat ini mungkin merupakan satu-satunya masalah paling umum untuk banyak aplikasi. Untuk menavigasi dengan sukses, pengguna harus selalu dapat menjawab pertanyaan "Di mana saya?"

3. Ciptakan Pengalaman yang Mulus

Pengguna modern sangat menyukai perangkat digital yang dapat mereka gunakan untuk merasakan produk Anda. Komputer desktop, perangkat handphone, tablet, hanya untuk beberapa nama. Sebagai seorang desainer, Anda tidak boleh memikirkan desain handphone secara terpisah. Menciptakan pengalaman yang lancar di perangkat handphone, desktop, dan tablet sangat penting bagi pengguna Anda.

Musik Apple

MengambilMusik Apple Misalnya. Anda dapat mengatur daftar putar di Mac Anda dan itu akan langsung tersedia di iPhone Anda. Apple menyadari bahwa meskipun desain aplikasi handphone sangat penting, menciptakan pengalaman yang mulus di iPhone, desktop, dan iPad sama pentingnya bagi pengguna.

4. Desain Tap-target yang ramah jari

Target sentuh yang lebih kecil lebih sulit dijangkau pengguna daripada target yang lebih besar. Saat Anda mendesain antarmuka handphone, yang terbaik adalah membuat target Anda cukup besar sehingga mudah diketuk oleh pengguna.

Buat kontrol yang mengukur memiliki ukuran 7–10 mm sehingga dapat diketuk dengan jari secara akurat. Target tersebut memungkinkan jari pengguna untuk pas di dalam target sentuh — pengguna akan melihat batas kontrol UI dan akan mengetahui bahwa mereka mengenai target secara akurat.

Kontrol antarmuka pengguna harus cukup besar untuk menangkap tindakan ujung jari tanpa membuat pengguna frustasi dengan tindakan yang salah dan target kecil. Kredit gambar: apel

Pastikan juga ada jarak yang cukup antara target tap.

5. Konten Teks Harus Dapat Dibaca

Jika dibandingkan dengan desktop, ponsel cerdas memiliki layar yang relatif kecil, yang berarti bahwa salah satu tantangan desain handphone adalah menyesuaikan banyak informasi pada UI yang kecil. Sangat menggoda untuk memeras semuanya untuk desain handphone dalam upaya memberikan informasi sebanyak mungkin. Tetapi Anda harus menahan godaan.

Aturan praktis untuk handphone:

Teks harus berukuran minimal 11 titik sehingga dapat terbaca pada jarak pandang normal tanpa pembesaran.

Kredit gambar: apel

Anda juga dapat meningkatkan keterbacaan dengan menambah tinggi baris atau spasi huruf. Spasi kosong yang banyak tidak hanya membuat teks Anda lebih mudah dibaca, tetapi juga akan membuat antarmuka Anda lebih menarik.

UI yang bagus memiliki banyak ruang bernapas. Kredit gambar: apel

6. Buat Elemen Antarmuka Terlihat Jelas

Pengguna biasanya menggunakan perangkat handphone di luar ruangan di tempat yang kurang cahaya atau di bawah sinar matahari. Sangat penting untuk membuat kontras warna yang cukup antar elemen sehingga pengguna dapat melihat dan menggunakan aplikasi Anda.

Warna abu-abu netral pada halaman ini menyenangkan untuk dilihat di dalam ruangan, tetapi di luar ruangan tampilannya tidak begitu bagus. Kredit gambar: pengujian pengguna

Hal ini terutama berlaku untuk elemen seperti teks—pastikan ada banyak kontras antara warna font dan latar belakang sehingga teks dapat terbaca. W3C merekomendasikan rasio kontras berikut untuk teks isi dan teks gambar:

• Teks kecil harus memiliki rasio kontras minimal 4,5:1 terhadap latar belakangnya.

• Teks besar (pada 14 pt bold/18 pt reguler dan lebih tinggi) harus memiliki rasio kontras minimal 3:1 terhadap latar belakangnya.

Teks yang tidak memenuhi rekomendasi rasio kontras warna akan sulit dibaca dengan latar belakangnya. Kredit gambar: apel

Ikon atau elemen penting lainnya juga harus menggunakan rasio kontras yang disarankan di atas.

Ikon yang tidak mengikuti rekomendasi rasio kontras warna sulit dibedakan dengan latar belakangnya. Kredit gambar: Desain Material

7. Desain Kontrol Berdasarkan Posisi Tangan

Steven Hoober masukpenelitiannya pada penggunaan perangkat handphone, ditemukan bahwa 49% orang mengandalkanpada satu ibu jariuntuk menyelesaikan sesuatu di ponsel mereka. Pada gambar di bawah, diagram yang muncul di layar ponsel adalah diagram jangkauan perkiraan, di mana warna menunjukkan area mana yang dapat dijangkau pengguna dengan ibu jari untuk berinteraksi dengan layar.

Zona nyaman untuk jangkauan satu tangan seseorang di smartphone. Sumber Gambar: uxmatters

Hijau menunjukkan area yang mudah dijangkau pengguna; kuning, area yang membutuhkan peregangan; dan merah, area yang mengharuskan pengguna mengubah cara mereka memegang perangkat. Posisi tangan dan genggaman harus memengaruhi penempatan kontrol pada desain handphone:

• Tempatkan menu tingkat atas, kontrol yang sering digunakan, dan tindakan umum ke zona hijau layar, karena dapat dijangkau dengan nyaman dengan interaksi satu jempol.

• Tempatkan tindakan negatif (seperti menghapus atau menghapus) di zona merah yang sulit dijangkau, karena Anda tidak ingin pengguna mengetuknya secara tidak sengaja.

8. Minimalkan Kebutuhan Untuk Mengetik

Mengetik di ponsel adalah proses yang lambat dan rawan kesalahan. Oleh karena itu, sebaiknya selalu berusaha meminimalkan jumlah pengetikan yang diperlukan untuk menggunakan aplikasi handphone:

• Pertahankan formulir sesingkat dan sesederhana mungkin dengan menghapus bidang yang tidak perlu.

Tidak ada yang suka mengisi formulir. Dan semakin lama atau semakin rumit suatu formulir, semakin kecil kemungkinan pengguna untuk masuk dan mulai mengisi bagian yang kosong. Kredit gambar:Lukas

• Gunakan pelengkapan otomatis dan data yang dipersonalisasi jika perlu sehingga pengguna hanya perlu memasukkan informasi seminimal mungkin.

Bidang pelengkapan otomatis untuk negara

9. Optimalkan pengalaman untuk sesi cepat

Saat orang menggunakan perangkat handphone, mereka berharap menyelesaikan tugas mereka dalam waktu sesingkat mungkin. Pengguna menyukai sesi cepat dengan interaksi minimal yang membantu mereka mencapai tujuan—menyetel alarm, memeriksa email, membalas pesan tidak boleh lebih dari beberapa detik.

10. Uji Desain Anda

Terlalu sering desain handphone terlihat bagus saat dilihat di layar besar desainer Anda, tetapi segera setelah Anda mulai melihatnya dan berinteraksi dengan aplikasi di handphone, itu menjadi kurang memuaskan. Itulah mengapa sangat penting untuk menguji aplikasi Andapengguna nyata pada suatuberbagai perangkat handphone. Anda harus meminta pengguna nyata untuk menyelesaikan tugas reguler dan hanya setelah itu Anda akan melihat seberapa baik kinerja desain tersebut.

Kesimpulan

Sama seperti elemen desain lainnya, tip yang ditentukan di atas hanyalah tempat untuk memulai. Pastikan untuk mencampur dan mencocokkan ide-ide ini dengan ide Anda sendiri untuk hasil terbaik. Ingatlah desain bukan hanya untuk desainer — ini untuk pengguna.

https://uxplanet.org/mobile-ux-design-key-principles-dee1a632f9e6