Empat Rekabentuk UX untuk Menggalakkan Penglibatan Pengguna
Menggalakkan pengguna untuk terus menggunakan laman web tidak selalu melibatkan kod ramping atau grafik yang lebih cantik. Beberapa susun atur yang paling mudah seperti Reddit masih menyimpan pengguna yang terisi dengan kandungannya, dan teruja untuk berinteraksi dengan laman web ini.
Rahsianya terletak pada pengalaman pengguna dan pertimbangan bagaimana fungsi laman web. Interaksi berasal dari elemen halaman dan aliran tindakan yang bergerak dari satu halaman ke seterusnya.
Dalam post ini saya akan melihat beberapa Teknik rekabentuk UX yang boleh digunakan untuk meningkatkan pengalaman pengguna & meningkatkan penglibatan pengguna. Perhatikan bahawa ini tidak selalu terpakai untuk setiap laman web dan lebih penting untuk memahami mengapa teknik ini berfungsi supaya anda boleh menggunakan penilaian anda sendiri.
Subjek pengalaman pengguna adalah luas dan memerlukan kesabaran untuk memahami sepenuhnya. Tetapi semakin banyak latihan anda semakin anda faham
Perkara terbaik yang boleh anda lakukan ialah bermain di laman web yang anda suka dan memikirkan apa yang kamu suka tentang mereka. Dari pengalaman anda, anda boleh menyerap idea-idea yang konsisten dan memikirkan apa yang membuat anda (dan mungkin yang lain) terlibat di laman web.
1. Gunakan Kontras untuk menarik perhatian
Setiap tapak dibina dengan segelintir unsur yang dibuat untuk interaksi pengguna. Hyperlink, butang, medan input, widget bar sisi, senarai terus dan seterusnya. Tetapi tidak semua unsur harus dibuat sama. Ada yang secara semula jadi lebih penting untuk penglibatan pelawat dan harus direka dengan kontras yang lebih tinggi untuk menonjol dari elemen lain pada halaman.
Idea ini berpunca daripada kontras warna tinggi dan cara manusia memproses data visual dalam corak. Apabila sesuatu menonjol dari persekitaran sama ada dengan warna, saiz, bentuk, atau ruang kosong, ia boleh kelihatan lebih penting berdasarkan konteks.
Gunakan kontras untuk menarik perhatian ke elemen halaman tertentu yang melibatkan pengunjung ke tugas tertentu. Jika matlamat anda adalah untuk membina lebih banyak pendaftaran surat berita, maka kotak langganan anda mungkin mempunyai butang pendaftaran animasi yang terang atau ikon vektor yang unik.
Matlamatnya adalah untuk menarik perhatian dengan membina antara muka yang menarik pengunjung ke dalam melaksanakan beberapa tindakan yang dikehendaki (s).
Sekiranya anda mempunyai masa, ia mungkin bernilai menjalankan beberapa kajian kes A / B untuk melihat warna / elemen yang terbaik bersama-sama. Statistik sukar untuk dijelaskan tetapi anda akan terkejut berapa banyak yang dapat dipelajari dari ujian berpecah mudah.
2. Animasi UI / UX yang sedih
Saya baru-baru ini terjumpa ke jawatan bertajuk Apa yang Disney Ketahui Mengenai Animasi Antara Muka. Ia merangkumi titik-titik penting animasi dan bagaimana ini bermain untuk jiwa pengguna berinteraksi dengan skrin 2D rata.
Pelbagai jenis animasi boleh membayangkan tingkah laku tertentu. Contohnya, apabila melayang di atas butang, ia akan melantun untuk menunjukkan bahawa ia boleh diklik. Mesej ralat sering digoncang untuk menarik perhatian pengguna.
Ingat itu Animasi UX sepatutnya kelihatan lagi halus. Animasi liar di atas adalah lebih untuk TV dan filem dan bukannya antara muka.
Tetapi itu tidak bermakna antara muka anda harus tetap rata. Sebenarnya kebanyakan pengguna akan sebaliknya mempunyai beberapa jenis animasi kerana ia memberikan ilusi pengalaman yang lebih lancar. Reka bentuk digital sebahagiannya mewujudkan antara muka ilusi, tetapi lebih realistik nampaknya, semakin ramai pengguna anda ingin berinteraksi.
3. Reka Bentuk Responsif sebagai Keperluan
Ia adil untuk mengatakan sebahagian besar pengguna internet melayari dari telefon bimbit mereka. Pautan yang dapat dikongsi dengan laman sosial seperti Facebook dan Twitter sering dilawati di telefon pintar dan tablet.
Ini bermakna setiap laman web harus dioptimumkan untuk mudah alih dalam beberapa cara - disukai dengan reka bentuk yang sepenuhnya responsif.
Bila awak dipaksa untuk mempertimbangkan saiz skrin, ia meletakkan ciri kritikal dalam cahaya baru. Sebagai pereka, anda perlu memilih ciri yang paling penting dan bagaimana ia akan muncul pada skrin yang lebih kecil. Strategi reka bentuk responsif ini memerlukan masa untuk belajar tetapi cara terbaik adalah mempelajari laman web lain dan mengambil teknik yang anda suka.
Sebenarnya kerja reka bentuk responsif dan ia menjadi lebih diterima oleh komuniti reka bentuk dengan setiap tahun berlalu.
Pengguna juga menjangkakan laman web menjadi responsif sepenuhnya supaya mereka akan memenuhi sebarang skrin peranti. Apabila laman web tidak sesuai dengan baik ke dalam pelayar web mudah alih, ia boleh menjadi tidak sesuai dengan pengalaman pengguna.
4. Memudahkan Proses Interaksi
Majalah Smashing baru-baru ini menerbitkan salah satu jawatan terbaik yang saya baca dalam menyokong penyederhanaan untuk reka bentuk antara muka. Ia menyatakan bahawa tiada siapa yang mahu melompat melalui gelung untuk menggunakan laman web atau aplikasi anda. Orang hanya tertarik dengan keputusan akhir, dan juga cara tercepat untuk sampai ke sana.
Saya suka membina carta aliran UX untuk setiap elemen halaman interaktif setiap kali saya melakar wireframe. Ini membantu untuk secara visual membayangkan bagaimana laman web ini harus dilihat dan fungsi.
Tetapi sebenarnya tidak mengapa anda merancang pengalaman itu. Pastikan anda merancang pengalaman tercepat dan paling mudah mungkin. Apabila ia melibatkan aktiviti menggalakkan, anda akan menginginkan barangan penting tersirat oleh reka bentuk.
Jika seseorang mendarat di webapp anda dan tidak memahami cara mendaftar segera, itu masalah besar. Ia harus jelas sekali kepada pengguna apa yang dilakukan oleh laman web anda dan bagaimana ia boleh dibezakan.
Tempat terbaik untuk bermula ialah dengan meneliti reka bentuk UX dan proses bagaimana pengguna berinteraksi dengan antara muka. Dari sana anda akan dapat membuat kesimpulan yang relevan dengan projek anda sendiri dan idealnya memudahkan antara muka anda dengan potensi yang paling besar.
Untuk membaca berkaitan dengan topik aktiviti pengguna, semak siaran ini:
- Membina Konvensyen Reka Bentuk Web = Memecahkan Pengalaman Pengguna
- Kegunaan & Arkib Pengalaman Pengguna pada Majalah Smashing
- Konsep Reka Bentuk Web untuk Interaksi Pengguna
Wrap-Up
Tidak ada satu pun jawapan mengenai cara merancang (atau memperbetulkan) laman web untuk meningkatkan kebolehgunaan. Ya, ada beberapa perkara yang anda boleh cuba tetapi setiap tapak adalah sedikit berbeza dan kajian reka bentuk UX sangat rumit.
Saya berharap artikel ini dapat membuat anda mula berfikir tentang beberapa teknik biasa untuk membina antara muka yang sangat berguna. Perkara terbaik yang boleh anda lakukan ialah meletakkan diri anda di kasut pengguna biasa dan cuba untuk menentukan kelemahan utama antara muka. Dan apabila anda mengenali masalah, anda sudah setengah jalan penyelesaiannya!