12 Kesalahan UX/UI Buruk yang Tidak Dilakukan dalam Desain Aplikasi

Teks terlalu kecil untuk dibaca.

Konten font kecil berwarna terang dengan latar belakang putih.

Pengguna tidak dapat melihat fitur penting yang terletak di suatu tempat di antarmuka pengguna.

Ini adalah beberapa masalah umum dengan desain UX/UI di aplikasi dan membuat banyak kesalahan seperti ini akan sangat merugikan Anda. Saat merencanakan proyek perangkat lunak, sangat penting untuk mengidentifikasi kesalahan seperti itu sejak awal dalam tahap perancangan karena tujuannya adalah untuk menciptakan antarmuka yang intuitif dan cepat yang memberikan pengalaman pengguna yang mulus.

Berikut adalah beberapa kesalahan mematikan yang dapat mengeja malapetaka untuk aplikasi, dan bagaimana Anda akhirnya dapat menghindarinya.

1. Menyimpang dari Harapan Pengguna

Menariknya, pengguna memiliki beberapa harapan ketika menggunakan widget GUI dasar tersebut (tombol radio, kotak centang, bilah gulir, tautan/tombol perintah, dll.) Mencoba perubahan revolusioner pada tombol tersebut mungkin tidak diterima dengan baik.

Pertimbangkan contoh sederhana ini: Anda telah mendengarkan berita BBC sepanjang hidup Anda. Tiba-tiba, seseorang di keluarga Anda memutuskan untuk mendengarkan CNN, dan Anda mendapatkan perasaan "ikan keluar dari air". Inilah yang akan dirasakan pengguna juga saat Anda membuat modifikasi berat pada widget GUI.

Sebagian besar widget GUI populer telah disempurnakan dan dicoba, selama bertahun-tahun, dan ada alasan mengapa pengguna menyukainya. Tidak mudah untuk mengubah perasaan nyaman dan nyaman itu dalam semalam. Ini karena pengguna harus mengerahkan energi dan kekuatan otak yang besar untuk melakukan sesuatu yang baru; dan mereka mungkin tidak menerima itu.

Karenanya, jangan membuat perubahan drastis pada tampilan widget GUI aplikasi Anda. Pengguna Anda lebih suka memiliki navigasi tanpa kerumitan melalui aplikasi, jadi lebih baik jika Anda mempertahankan tampilan dan nuansa asli GUI.

2. Tidak Mengetahui Apa yang Sebenarnya Dibutuhkan Pengguna

Ketika perusahaan gagal menyadari kebutuhan aktual pengguna, dan menghasilkan sesuatu yang tidak memenuhi kebutuhan mereka, itu mengarah pada kesalahan besar. Dalam kasus seperti itu, Anda tidak dapat meningkatkan penjualan dan aplikasi Anda gagal.

Penting untuk meneliti dan mendapatkan wawasan mendalam tentang minat pengguna sebelum memutuskan fitur yang akan dimasukkan. Untuk ini, lakukan riset pengguna dan pasar yang menyeluruh.

Pahami apa yang diharapkan pengguna target Anda dari desain aplikasi Anda – waktu respons instan, navigasi yang mulus antar kontrol, keterbacaan yang mudah, dan sebagainya – singkatnya, pengalaman pengguna yang intuitif.

Juga, lakukan analisis kritis terhadap pesaing Anda – ketahui faktor kegunaan aplikasi mereka; apa semua fitur yang mereka sertakan dalam aplikasi mereka, seberapa interaktif antarmuka pengguna mereka, dll.

Dan pertama kali pengembang berhati-hatilah: jangan membebani terlalu banyak fitur ke dalam aplikasi. Tujuan utama di balik aplikasi adalah untuk menyederhanakan aktivitas pengguna Anda.

Jadi disarankan untuk tidak berlebihan dengan fitur karena ini akan menyebabkan kesibukan aktivitas yang akan langsung mengubahnya menjadi aplikasi biasa-biasa saja. Jumlah fitur yang lebih sedikit (yang utama, tentu saja) akan berhasil.

3. Target Sentuhan Buruk

Pengguna dilengkapi dengan jari dengan ukuran berbeda. Jadi sentuhan harus dikonfigurasi untuk melayani jari semua orang di segmen sasaran. Lebar rata-rata jari telunjuk orang dewasa adalah 1,6 hingga 2 cm. Oleh karena itu, ingatlah itu saat merancang aplikasi seluler berbasis sentuhan.

Jika pengguna merasa sulit untuk menyentuh dan mengaktifkan fitur pada aplikasi, mereka mungkin meninggalkan aplikasi sama sekali dan itu akan sangat tragis. Dan ini berlaku lagi untuk jumlah fitur yang Anda miliki. Semakin banyak fitur yang Anda miliki, semakin kecil area tap pada aplikasi. Di sisi lain, menggabungkan beberapa fitur utama akan menghasilkan area tap yang lebih besar.

4. Gulir Horor

Editor dan pengiklan majalah dan surat kabar pernah hidup dalam kengerian abadi "the fold". Ketika aplikasi seluler menjadi populer, "kengerian lipat" sedikit berkurang karena konten terlihat di layar yang dapat dengan mudah digulir.

Tetapi ini hanya sebagian benar karena menjadi semakin penting untuk membuat tata letak web yang responsif dan lebih lama di mana tindakan utama tidak boleh dilakukan di paro bawah, atau lebih tepatnya, mengalahkan tempat di mana orang dapat dengan mudah menggulir dan menemukannya.

Konversi meningkat hanya bila tombol yang relevan ditempatkan “paro atas”, atau bila pengguna tidak perlu menggulir. Menempatkan Ajakan Bertindak yang jelas di lokasi yang menonjol akan menghasilkan lebih banyak konversi.

5. Tombol yang Meniru Tampilan Tombol Kontrol GUI

Sama seperti memiliki terlalu banyak kontrol GUI bisa menjadi kesalahan besar, kebalikannya juga bisa mematikan. Teks dan tajuk yang digarisbawahi menghasilkan perasaan bahwa itu adalah tautan yang akan membawa pengguna ke halaman baru.

Mereka mengkliknya, tetapi ketika mereka tidak sampai ke halaman, mereka menganggap tautannya rusak dan keluar dari aplikasi. Pengguna sering bingung dan terkadang kesal karena lelucon ini dan mereka mungkin tidak akan kembali lagi.

Mengungkapkan tombol radio di mana pun mereka benar-benar diperlukan, tetapi jangan memberikan kesan yang salah tentang tombol radio di mana tidak ada.

6. Kontrol GUI yang Tidak Konsisten

Kontrol GUI harus konsisten. Jika Anda menggunakan kata-kata tertentu untuk Ajakan Bertindak dan tindakan serupa, gunakan kata-kata yang sama di seluruh aplikasi. Menggunakan kata-kata yang berbeda untuk tindakan yang sama dapat menimbulkan kebingungan.

Terkadang tindakan yang dianggap pengembang akan sederhana bagi pengguna, justru sebaliknya. Jika Anda mengikuti pola tertentu di aplikasi Anda, ikuti secara konsisten di seluruh. Pastikan tombol dan halaman muncul di tempat yang diharapkan pengguna.

7. Melewati Flowchart dan Turun ke Perancangan

Pengembang tidak menghemat waktu dengan melewatkan diagram alur dan terjun langsung ke bagian perancangan aplikasi. Sangat penting untuk membangun diagram alur dengan mempertimbangkan pengguna, dan banyak pengembang membuat bagan ini dengan persona pengguna sehingga mereka selalu memikirkan pengguna akhir.

Ini juga akan membantu dalam menentukan dari mana pengguna berasal, apa minat mereka dan di mana mereka berbohong. Oleh karena itu, saat merancang diagram alur, sangat penting untuk memutuskan pengguna dan tujuan bisnis dan apakah itu akan tercapai pada akhirnya atau tidak. Dengan membuat garis besar alur, dimungkinkan untuk menelusuri berbagai opsi dengan alur halaman, dan memutuskan yang terbaik.

8. Tidak Mempertimbangkan 'Perceived Affordances'

Dalam istilah awam, affordance berarti semua tindakan yang mungkin secara fisik tergantung pada properti dari suatu objek/lingkungan. Sebuah tangga memungkinkan Anda untuk naik atau turun, tutup botol memungkinkan Anda untuk memasang atau membuka.

Demikian pula, di halaman web, penggeser melakukan fungsi bergerak ke atas dan ke bawah, kotak centang memungkinkan Anda untuk mencentang atau menghapus centang dan teks hyperlink membawa Anda ke halaman lain. Keterjangkauan memungkinkan pengguna untuk melakukan sesuatu yang dapat mereka pahami dengan mudah.

Persepsi atas keterjangkauan ini akan didasarkan pada pengetahuan pengguna tentang halaman web, pengalaman, keyakinan, dan tujuan. Saat merancang antarmuka pengguna, penting bagi perancang untuk memberikan isyarat yang benar atau dapat menyebabkan kebingungan dan dengan demikian pengalaman pengguna yang buruk.

Desainer harus menggunakan penanda visual yang benar sehingga pengguna dapat merasakan bagaimana mereka mengamati elemen UI ini dan berinteraksi dengannya. Penting juga untuk diingat bahwa semua pengguna tidak diciptakan sama; maka semua keterjangkauan mungkin tidak dirasakan atau ditafsirkan dengan cara yang sama oleh semua. Jadi kembalikan semua isyarat visual dengan label dan instruksi yang tepat.

9. Tidak Ada Kotak Dialog yang Tepat

Dalam kegunaan dialog aplikasi web, adalah wajib untuk memberi tahu pengguna tentang status sistem saat ini dan bagaimana perintah mereka telah ditafsirkan. Dialog dimaksudkan untuk memberi tahu pengguna tentang bagaimana tindakan mereka berubah, tanpa menjauhkan mereka dari layar saat ini.

Diam dapat membuat pengguna menebak-nebak. Jadi saat membuat aplikasi web, pastikan kotak dialog tidak mengaburkan informasi dari pengguna. Tetapi gunakan dengan hemat, karena pesan yang terus menerus dapat mengganggu.

Misalnya, ketika pengguna memutuskan untuk keluar dari halaman tertentu setelah mengetik informasi, kotak dialog dapat masuk dengan kotak konfirmasi yang mengatakan “Buang Draf? Batalkan atau Buang”.

Namun, membombardir mereka dengan kotak dialog berlangganan (Misalnya, "Silakan berlangganan buletin harian kami dengan mengetikkan alamat email Anda") terlalu sering bisa sangat menjengkelkan.

10. Membuat Kesalahan Umum dengan Pesan Kesalahan

Pengguna menghabiskan waktu dan tenaga untuk mengisi formulir, dan ketika ada kesalahan di dalamnya, wajib memberi tahu mereka apa yang salah dan di mana. Jika ada aturan khusus untuk membuat kata sandi, maka beri tahu pengguna sebelumnya, sehingga mereka tidak perlu melakukan hal yang sama dua kali.

Atau, jika ada kode promo yang akan diterapkan, beri tahu mereka terlebih dahulu jenis promo apa yang berlaku dan alasannya. Tidak memberi tahu mereka tepat waktu dapat menimbulkan kecemasan dan frustrasi pada pengguna. Ingatlah untuk tidak membuat kesalahan ini saat membuat pesan kesalahan:

1. Ambiguitas- Tidak jelas tentang kesalahan yang dibuat oleh pengguna.
2. Menyalahkan pengguna – Lebih baik tetap rendah hati, bahkan ketika pengguna melakukan kesalahan. Tunjukkan kesalahan dengan lembut, sehingga mereka akan diminta untuk mencoba lagi.
3. Penempatan pesan kesalahan yang buruk – Disarankan untuk tidak menempatkan kesalahan pada daftar berpoin karena itu benar-benar mematikannya. Tempatkan pesan kesalahan tepat di atas kesalahan sehingga pengguna dapat melihat apa yang salah secara instan.
4. Tidak menggunakan mikrokopi untuk mencegah kesalahan – Sedikit teks penjelasan di dekat bagian yang kosong sebenarnya dapat menginstruksikan pengguna apa yang harus diisi, sehingga mereka bisa mendapatkannya untuk pertama kalinya.

11. Tidak Ada Default Cerdas

Memiliki bidang tambahan di halaman pengisian formulir aplikasi Anda dapat menjadi penghalang. Jadi jika bidang tambahan itu mutlak diperlukan, maka pastikan Anda memasukkan nilai default di bidang input formulir. Orang-orang memindai formulir dengan cepat untuk memeriksa berapa lama waktu yang mereka perlukan untuk mengisi formulir, dan jika sudah ada nilai default dalam formulir, mereka kemungkinan akan melanjutkan dan mengisi yang lain.

Tidak memiliki smart default dapat menghabiskan waktu dan membuat pengguna frustasi, dan itu adalah kesalahan besar. Juga disarankan untuk tidak memasukkan default untuk bidang input yang memerlukan perhatian pengguna. Jangan berasumsi apa yang akan diklik pengguna, dan bahkan jika itu adalah default yang diteliti dengan baik, pengguna mungkin menginginkan sesuatu yang lain.

12. Mengabaikan Warna Aksen untuk Tombol Ajakan Bertindak

Sangat penting untuk memasukkan warna aksen yang bagus untuk menarik perhatian ke tombol seperti "Beli sekarang", "Mulai tutorial gratis", "Daftar sekarang" dll. Gunakan warna yang berbeda untuk tombol sehingga akan menonjol, terutama untuk tombol yang sangat tombol Ajakan Bertindak yang penting.

Warna aksen harus cukup cerah untuk menarik perhatian, tetapi tidak mengganggu dan mengganggu. Pastikan warna aksen melengkapi dengan tema warna lainnya di aplikasi. Cadangan juga warna tertentu untuk ajakan bertindak dan jangan gunakan di tempat lain di halaman.

Kesimpulan

Ini adalah beberapa kesalahan yang paling sering ditemukan dalam desain UI/UX. Dan ingat, setiap kali Anda membuat perubahan desain, pastikan untuk mengujinya secara menyeluruh untuk melihat seberapa efektifnya.

Desain aplikasi adalah pembeda kesuksesan, dan dengan ribuan aplikasi yang dirilis setiap hari, hanya segelintir aplikasi yang mendapatkan persetujuan. Praktik yang buruk dapat menyebabkan kesalahan fatal dalam desain UX/UI, dan semua upaya banyak orang sia-sia.

Pengingat terakhir:

Saat mendesain aplikasi Anda, ingatlah untuk mendesain untuk beberapa platform, kecuali jika Anda menargetkan platform tertentu. Ini adalah bagaimana Anda mendapatkan Minimum Viable Product (MVP) langsung ke toko.