Empat Teknik Desain UX untuk Mendorong Keterlibatan Pengguna
Mendorong pengguna untuk tetap menggunakan situs web tidak selalu melibatkan kode yang lebih ramping atau gambar yang lebih cantik. Beberapa layout paling sederhana seperti Reddit masih membuat pengguna asyik dengan konten, dan senang berinteraksi dengan situs.
Rahasianya terletak pada pengalaman pengguna dan pertimbangan bagaimana sebuah fungsi situs web. Interaksi berasal dari elemen halaman dan aliran tindakan yang berpindah dari satu halaman ke halaman berikutnya.
Dalam posting ini saya akan melihat beberapa Teknik desain UX yang bisa diterapkan tingkatkan pengalaman pengguna & tingkatkan keterlibatan pengguna. Perhatikan bahwa ini tidak selalu berlaku untuk setiap situs web dan lebih penting untuk memahami mengapa teknik ini bekerja sehingga Anda dapat menggunakan penilaian Anda sendiri.
Subjek pengalaman pengguna sangat luas dan membutuhkan kesabaran untuk memahami sepenuhnya. Tetapi semakin banyak Anda berlatih semakin Anda akan mengerti
Hal terbaik yang dapat Anda lakukan adalah bermain-main di situs web yang Anda sukai dan mencari tahu apa yang kamu suka tentang mereka. Dari pengalaman Anda, Anda dapat memperkirakan ide-ide yang konsisten dan mencari tahu apa yang membuat Anda (dan mungkin orang lain) terlibat di situs web.
1. Gunakan Kontras untuk Menarik Perhatian
Setiap situs dibangun dengan beberapa elemen yang dibuat untuk interaksi pengguna. Hyperlink, tombol, bidang input, widget bilah sisi, daftar terus berjalan. Namun tidak semua elemen harus dibuat sama. Beberapa secara alami lebih penting untuk keterlibatan pengunjung dan harus dirancang kontras yang lebih tinggi untuk menonjol dari elemen lain di halaman.
Ide ini berasal dari kontras warna yang tinggi dan cara manusia memproses data visual dalam pola. Ketika sesuatu menonjol dari lingkungannya baik oleh warna, ukuran, bentuk, atau spasi, itu bisa tampil lebih penting berdasarkan konteks.
Gunakan kontras untuk menarik perhatian ke elemen halaman tertentu yang melibatkan pengunjung ke tugas tertentu. Jika tujuan Anda adalah untuk membuat lebih banyak pendaftaran nawala maka kotak langganan Anda mungkin memiliki tombol pendaftaran animasi cerah atau ikon vektor yang unik.
Tujuannya adalah untuk menarik perhatian dengan membangun antarmuka yang memikat pengunjung untuk melakukan beberapa tindakan yang diinginkan.
Jika Anda punya waktu, mungkin perlu menjalankan beberapa studi kasus A / B untuk melihat warna / elemen mana yang paling cocok. Statistik sulit ditentukan, tetapi Anda akan terkejut betapa banyak yang dapat dipelajari dari tes split sederhana.
2. Animasi UI / UX yang enak
Baru-baru ini saya menemukan sebuah postingan berjudul Apa yang Disney Ketahui Tentang Animasi Antarmuka. Ini mencakup poin-poin penting dari animasi dan bagaimana ini memainkan jiwa pengguna yang berinteraksi dengan layar 2D datar.
Berbagai jenis animasi dapat menyiratkan perilaku tertentu. Misalnya, ketika melayang di atas tombol mungkin memantul untuk menunjukkan bahwa itu dapat diklik. Pesan kesalahan sering goyang untuk menarik perhatian pengguna.
Ingat bahwa Animasi UX harus terlihat namun halus. Animasi liar over-the-top lebih untuk TV dan film daripada antarmuka.
Tapi itu tidak berarti antarmuka Anda harus tetap rata. Bahkan sebagian besar pengguna akan agak memiliki beberapa jenis animasi karena memberikan ilusi pengalaman yang lebih halus. Desain digital sebagian tentang membuat antarmuka ilusi, tapi semakin realistis tampaknya, semakin banyak pengguna Anda ingin berinteraksi.
3. Desain Responsif sebagai Persyaratan
Cukup adil untuk mengatakan sebagian besar pengguna Internet menjelajah dari ponsel mereka. Tautan yang dibagikan ke situs sosial seperti Facebook dan Twitter sering dikunjungi langsung di ponsel cerdas dan perangkat tablet.
Ini berarti setiap situs web harus dioptimalkan untuk seluler dengan cara tertentu - lebih disukai dengan desain yang sepenuhnya responsif.
Kapan kamu dipaksa untuk mempertimbangkan ukuran layar, saya t menempatkan fitur-fitur penting dalam cahaya yang sepenuhnya baru. Sebagai perancang, Anda harus memilih fitur mana yang paling penting dan bagaimana fitur itu akan muncul di layar yang lebih kecil. Strategi desain responsif ini membutuhkan waktu untuk belajar tetapi cara terbaik adalah mempelajari situs web lain dan mengambil teknik yang Anda sukai.
Yang benar adalah karya desain responsif dan itu menjadi lebih diterima oleh komunitas desain setiap tahun.
Pengguna juga mengharapkan situs web untuk sepenuhnya responsif sehingga mereka akan memenuhi layar perangkat apa pun. Ketika sebuah situs tidak cocok dengan baik dengan browser web seluler, itu bisa menjadi tidak menyenangkan bagi pengalaman pengguna.
4. Sederhanakan Proses Interaksi
Smashing Magazine baru-baru ini menerbitkan salah satu posting terbaik yang pernah saya baca untuk mendukung penyederhanaan untuk desain antarmuka. Ini menyatakan bahwa tidak ada yang ingin melompat melalui lingkaran untuk menggunakan situs web atau aplikasi Anda. Orang hanya tertarik pada hasil akhir, dan cara tercepat untuk sampai ke sana.
Saya ingin membuat diagram alur UX untuk setiap elemen halaman interaktif setiap kali saya membuat sketsa gambar rangka. Ini membantu untuk memahami secara visual bagaimana situs harus terlihat dan fungsi.
Tetapi sebenarnya tidak masalah bagaimana Anda merencanakan pengalaman itu. Pastikan Anda berencana pengalaman tercepat dan sesederhana mungkin. Ketika sampai pada kegiatan yang mendorong Anda akan menginginkan hal-hal penting menjadi tersirat oleh desain.
Jika seseorang mendarat di aplikasi web Anda dan tidak mengerti cara mendaftar segera, itu masalah besar. Itu harus jelas-jelas jelas kepada pengguna apa yang dilakukan situs Anda dan bagaimana mereka dapat memisahkannya.
Tempat terbaik untuk memulai adalah dengan meneliti desain UX dan proses bagaimana pengguna berinteraksi dengan sebuah antarmuka. Dari sana Anda akan dapat menarik kesimpulan yang relevan dengan proyek Anda sendiri dan idealnya menyederhanakan antarmuka Anda untuk potensi terbesar mereka.
Untuk bacaan terkait pada topik aktivitas pengguna, lihat posting ini:
- Melanggar Konvensi Desain Web = Melanggar Pengalaman Pengguna
- Kegunaan & Arsip Pengalaman Pengguna pada Majalah Smashing
- Konsep Desain Web untuk Memikat Interaksi Pengguna
Bungkus
Tidak ada jawaban tunggal tentang bagaimana merancang (atau memperbaiki) situs web untuk meningkatkan kegunaan. Ya ada beberapa hal yang dapat Anda coba tetapi setiap situs sedikit berbeda dan studi desain UX sangat rumit.
Saya harap artikel ini dapat membantu Anda mulai memikirkan beberapa teknik umum untuk membangun antarmuka yang sangat bermanfaat. Hal terbaik yang dapat Anda lakukan adalah menempatkan diri pada posisi pengguna biasa dan mencoba menentukan kelemahan utama sebuah antarmuka. Dan begitu Anda mengenali masalah, Anda sudah setengah jalan menuju solusi!