Contoh Desain UX yang Baik dan Buruk Ini Akan Membuat Kamu Tercengang

Memahami susunan pengalaman pengguna yang baik dan buruk bisa menjadi subyektif dan sulit untuk ditentukan. Untungnya ada sejumlah prinsip panduan yang dapat memberi kita arahan dalam memahami apa yang membuat pengalaman pengguna yang baik .

Memahami prinsip-prinsip itu adalah satu elemen, melihat bagaimana mereka mengungkapkan diri mereka dalam praktik adalah elemen lain untuk memahami pengalaman baik versus buruk. Pada artikel ini kita akan mengeksplorasi beberapa contoh desain ux yang baik, serta beberapa contoh ux yang buruk, dan bagaimana prinsip-prinsip seperti Nielsen Norman Heuristics terwakili di dunia nyata.

Peragakan kondisi saat ini

Sebagai salah satu heuristik yang dikembangkan oleh Jakob Nielsen, visibilitas status sistem menyatakan bahwa pengguna harus diberi tahu tentang apa yang terjadi di dalam suatu produk atau situs web, dalam waktu respons yang wajar setelah tindakan.

Ini berarti bahwa aplikasi yang tidak memberikan umpan balik tepat waktu mengenai apa yang dilakukan sistem dapat menciptakan pengalaman yang lebih negatif atau membingungkan. Ambil contoh tindakan menyimpan dokumen. Sebagai pengguna saat Anda mengklik simpan, Anda ingin dapat mengetahui apakah tindakan Anda dikenali. Menunda, atau tidak menunjukkan respons terhadap tindakan, membuat pengguna bertanya.

Perbandingan interaksi pengguna secara berdampingan dengan tombol simpan di mana ux yang baik menghasilkan ikon pemuatan dan menginformasikan pengguna tentang penyimpanan yang berhasil sementara UX yang buruk tiba-tiba berubah dari simpan menjadi disimpan.

Menggunakan bahasa yang jelas dan mudah dimengerti

Pengalaman pengguna yang baik adalah pengalaman yang berbicara kepada pengguna dengan kata-kata yang mereka pahami, dan mengambil tindakan. Seringkali aplikasi yang sangat terspesialisasi dapat terperangkap dalam penggunaan jargon yang sangat teknis yang hanya dapat dipahami oleh para ahli. Sekalipun pengguna mengerti, atau bisa memahami terminologi, dalam situasi stres tinggi seperti pabrik manufaktur industri, bahasa yang sangat teknis dapat menyebabkan kesalahan pengguna dan kesalahan mahal.

Dalam UI perangkat lunak untuk pabrik, ux yang baik memberikan bahasa yang dapat dimengerti: 'deploy kendaraan', sementara UX yang buruk membuat pilihan pengguna lebih rumit: 'memulai urutan kontrol otonom.'

Dalam contoh ini, pengontrol di sebelah kanan menggunakan bahasa teknik teknik untuk menggambarkan tindakan yang akan dilakukan robot otonom. Di sebelah kiri, tindakan diterjemahkan ke dalam bahasa yang dapat dikenali dan dapat dibaca manusia. Yang di sebelah kiri cenderung tidak salah paham.

Penggunaan warna dan hierarki yang efektif

Meskipun estetika visual suatu produk mungkin bukan prioritas utama dalam proses pengalaman pengguna, mengabaikan desain visual dapat menyebabkan pengalaman buruk. Praktik memasangkan desain pengalaman yang bijaksana dengan desain visual yang jelas dan hierarkis dapat menciptakan pengalaman digital yang menyenangkan dan mudah dipahami yang mengarah pada efektivitas yang lebih tinggi.

Perbandingan berdampingan dari UGC prompt di mana UX yang baik menggunakan jenis, warna, dan struktur untuk memberikan arahan sedangkan UX yang buruk hanyalah blok teks tanpa rasa hierarki.

Dalam contoh ini informasi yang sama tersedia, dalam bahasa yang dapat dibaca manusia. Namun, contoh di sebelah kanan tidak memiliki bentuk, tidak ada rasa hierarki, dan penggunaan warna tidak memiliki niat atau logika. Di sebelah kiri, tipografi dan warna bersatu untuk menyusun informasi dengan cara yang memberikan arahan pembaca, dan rasa penting dalam konten.

Kurangi kesalahan

Kesalahan dan kesalahan terjadi, itu hampir tidak bisa dihindari. Apakah seseorang menjalankan urutan yang mengungkap bug langka, atau tombol yang salah diklik sebelum tindakan harus diselesaikan, produk dan pengalaman kami harus dapat menangani kesalahan. Pengalaman pengguna yang baik tidak hanya menginformasikan pengguna ketika kesalahan telah terjadi, tetapi mereka juga secara aktif merancang untuk mencegah kesalahan terjadi di tempat pertama.

Dalam UI perangkat lunak untuk pabrik, ux yang baik mencegah kesalahan dengan menyembunyikan opsi pengguna yang akan menghasilkan kesalahan sementara UX yang buruk menyediakan semua opsi tersebut terlepas dari potensi kesalahan yang akan ditimbulkannya.

Salah satu cara umum mempromosikan penggunaan tanpa kesalahan adalah menyembunyikan tindakan dan opsi yang tidak valid. Contoh yang bagus dari ini adalah dengan memilih tindakan dari menu dropdown. Pertimbangkan sekali lagi sistem industri yang bergantung pada parameter tertentu untuk tindakan tertentu. Jika seorang operator mencoba untuk mengirimkan perintah bongkar pada kendaraan, untuk itu berfungsi, kendaraan harus memiliki beban. Jika semua opsi tersedia, dan operator mengklik “Bongkar” mereka akan merasa frustrasi ketika sistem memberi tahu mereka ini gagal. Sebagai gantinya, sistem harus mengenali bahwa tindakan itu tidak mungkin, dan menyembunyikannya dari seleksi.

Komunikasikan kesalahan dan langkah selanjutnya

Ketika kesalahan yang tak terhindarkan terjadi, penting untuk berkomunikasi dengan pengguna. Bahasa, nada dan desain penting dalam komunikasi ini. Penting untuk memberikan alasan yang jelas dan dapat dimengerti untuk kesalahan (jika memungkinkan), dan memberikan instruksi agar kesalahan dapat diperbaiki. Bersandar pada bahasa teknis, atau istilah kesalahan basis data tidak akan bermanfaat bagi pengguna. Warna juga penting karena dapat membantu menunjukkan tingkat kesalahan atau peringatan.

Contoh penanganan kesalahan bentuk baik dan buruk dalam desain UX di mana UX baik secara eksplisit tentang di mana kesalahan terjadi dan bagaimana menyelesaikannya sementara UX buruk memberikan pesan ambigu tanpa secara eksplisit mengidentifikasi bidang mana itu berlaku.

Dalam contoh ini, kesalahan yang sama telah terjadi di kedua contoh. Namun di sebelah kanan kesalahan telah dilewati dari sistem backend tanpa penyaringan atau terjemahan. Di sebelah kiri, terjemahan telah terjadi dan pesan kesalahan berisi tautan ke modul bantuan aplikasi yang relevan, atau dokumentasi eksternal. Memiliki kejelasan pesan yang diterjemahkan, disorot dalam konteks, dan akses ke dokumentasi yang tepat dapat membantu pengguna memecahkan masalah dan memperbaiki kesalahan lebih cepat daripada kode samar.

Yang juga perlu diperhatikan adalah posisi dan konteks pesan kesalahan. Umpan balik seperti validasi sebaris harus kontekstual dengan pelaporannya. Dalam contoh buruk kesalahan itu bisa berlaku untuk bidang apa pun, atau tidak ada sama sekali. Dalam contoh yang baik kita bisa melihat korelasinya ketika bidang bermasalah disorot dalam warna kesalahan yang sama untuk menunjukkan pesan yang merujuk padanya. Selanjutnya pesan tersebut bersarang langsung di bawah bidang.

Ingat audiens

Ada banyak contoh pengalaman pengguna baik dan buruk, jika kami ingin menunjukkan contoh dari semuanya, kami harus menulis seri buku multi-bagian. Yang penting untuk diingat adalah mengikuti pedoman dan prinsip yang ada. Mengikuti konvensi, dan memikirkan apa yang membuat hidup pengguna lebih mudah daripada apa yang didikte kode akan membuat Anda selangkah lebih dekat dengan pengalaman pengguna yang baik.

sumber: xd.adobe.com

Latest articles

12.6k Followers
Follow

Related articles