Cara merancang laman web yang sesuai dengan harapan pengguna

Pengarang: Randy Alexander
Tarikh Penciptaan: 25 April 2021
Tarikh Kemas Kini: 16 Mungkin 2024
Anonim
CONTOH WEBSITE Web Reseller Menggunakan Wordpress
Video.: CONTOH WEBSITE Web Reseller Menggunakan Wordpress

Kandungan

Konsistensi sangat penting untuk mengurangkan beban kognitif antara muka anda. Apabila reka bentuk anda konsisten, setiap interaksi terasa lancar dan tanpa geseran. Apabila terlalu tidak konsisten, pengguna harus melakukan usaha yang tidak perlu.

Tetapi konsistensi dalam reka bentuk interaksi sedikit lebih spesifik daripada sekadar melakukan perkara yang sama berulang-ulang - ada jenis konsistensi tertentu, dan bidang tertentu di mana konsistensi lebih penting daripada yang lain.

Selain itu, melakukan perkara yang sama berulang-ulang akan menghasilkan reka bentuk yang seragam dan membosankan. Anda perlu tahu kapan memutuskan konsistensi tanpa menimbulkan kekacauan reka bentuk. Kuncinya, seperti yang sering berlaku dalam reka bentuk, adalah keseimbangan.

Dalam petikan ini, kami akan memperincikan apa yang dimaksudkan dengan konsistensi untuk reka bentuk web, mengapa ia penting, dan menerangkan bagaimana selaras dengan apa yang diharapkan pengguna (konsistensi luaran).


Mengapa konsistensi penting

Reka bentuk interaksi bergantung pada kemampuan belajar sistem anda.

Sederhananya, apabila UI berfungsi dengan cara yang konsisten, ia dapat diramalkan (dengan cara yang baik), yang bermaksud pengguna dapat memahami cara menggunakan fungsi tertentu secara intuitif dan tanpa arahan.

Ini menjadikan produk lebih mudah digunakan, yang merupakan batu loncatan untuk menjadikannya lebih diinginkan. Sebaliknya, apabila UI tidak konsisten, ia menghalang pembelajaran, menimbulkan kekecewaan pada pengguna dan menyebabkan pengalaman buruk.

Tetapi konsistensi tidak terhad hanya pada penampilan dan tingkah laku antara muka anda.

Pengguna anda tidak menghabiskan sepanjang masa hanya dengan produk anda - sebahagian besar masa mereka menggunakan produk lain, dan selama ini mereka menjana idea dan harapan dari pengalaman lain ini. Oleh itu, jika anda konsisten dengan pengalaman luar ini, kemampuan belajar UI anda akan meningkat tanpa ada kerja tambahan dari pihak anda.


Paling tidak hairan

Sekiranya ragu-ragu, rujuk Prinsip Kehebatan Paling Tidak. Kejutan yang menggembirakan baik-baik saja (seperti bagaimana MailChimp mengejutkan pengguna dengan humor dan keseronokan), tetapi fungsi teras anda tidak boleh terlalu jauh dari kebiasaan.

Ulasan tidak bermaksud sama dengan Verifikasi. Video tidak boleh disalah anggap sebagai gambar. Jangan membuat butang untuk tindakan utama muncul hanya pada hover.

Sebenarnya, jika anda masih mempersoalkan sifat konsistensi dalam reka bentuk digital, Garis Panduan Manusia iOS Apple melakukan tugas yang cukup baik untuk meringkaskan standard untuk ketekalan untuk aplikasinya. Dengan kata-kata mereka sendiri ...

  1. Adakah aplikasi itu selaras dengan standard iOS? Adakah ia menggunakan kawalan, pandangan, dan ikon yang disediakan sistem dengan betul? Adakah ia menggabungkan ciri peranti dengan cara yang diharapkan pengguna? "
  2. Adakah aplikasi itu konsisten dalam dirinya sendiri? Adakah teks menggunakan istilah dan gaya yang seragam? Adakah ikon yang sama selalu bermaksud perkara yang sama? Bolehkah orang meramalkan apa yang akan berlaku ketika mereka melakukan aksi yang sama di tempat yang berbeza? Adakah elemen UI tersuai kelihatan dan berkelakuan sama di seluruh aplikasi?
  3. Dengan alasan, adakah aplikasi itu sesuai dengan versi sebelumnya? Adakah istilah dan maksudnya tetap sama? Adakah konsep asas dan fungsi utama pada dasarnya tidak berubah? "

Dari apa yang telah kita bincangkan di atas, kita dapat membahagikan konsistensi reka bentuk kepada dua kategori: konsistensi luaran dan dalaman. Luaran merujuk kepada kesesuaian UI anda dengan produk lain, sementara dalaman adalah kesesuaiannya sendiri. Mari kita lihat beberapa amalan terbaik yang kita bincangkan dalam Konsistensi dalam UI Design.


Ketekalan luaran

Konsistensi luaran bukan hanya seberapa konsisten produk anda dengan produk serupa yang lain, ia juga dapat merujuk kepada konsistensinya kepada semua produk di platform anda, semua perisian secara umum, dan bahkan interaksi bukan digital di seluruh dunia nyata.

Jadi mengapa konsistensi luaran penting? Ringkasnya, ini mengenai memenuhi harapan pengguna.

Untuk membuat reka bentuk yang bertepatan dengan apa yang diharapkan pengguna anda, anda mesti terlebih dahulu memahami idea apa yang mereka bawa sebelum mereka menggunakan laman web atau aplikasi anda. Ini adalah konsep yang disebut oleh pakar kebolehgunaan Jared Spool sebagai pengetahuan semasa.

Pengetahuan semasa pengguna anda dipengaruhi oleh banyak faktor luaran, dari laman web terakhir yang mereka gunakan hingga jangkaan yang jauh dari filem sains kegemaran mereka. Jangan bimbang walaupun - sebahagian besarnya, jangkaan pengguna anda akan berpatutan.

Merancang berdasarkan apa yang sudah diketahui oleh pengguna anda bukanlah konsep baru. Idea ini telah wujud selama bertahun-tahun, berkembang menjadi konvensyen reka bentuk umum yang akan anda lihat hari ini di hampir semua aplikasi atau laman web.

Carousel gambar, ikon sampul surat yang mewakili e-mel, mengklik logo laman web untuk kembali ke laman utama… semuanya disebut sebagai corak UI.

Halaman seterusnya: menggunakan corak UI, perkara yang harus dielakkan dan melangkah lebih jauh ...

Kami Menasihati Anda Untuk Membaca
Tutorial video: Ubah huruf rata menjadi jenis 3D di Illustrator CS6
Baca Lebih Lanjut

Tutorial video: Ubah huruf rata menjadi jenis 3D di Illustrator CS6

Ciri baru Illu trator C 6 untuk menerapkan kecerunan pada ebatan adalah cara cepat dan berke an untuk mengubah jalan ederhana menjadi bentuk yang komplek . Anda dapat menambahkan kedalaman pada ilu tr...
35 momen filem CGI terhebat sepanjang masa
Baca Lebih Lanjut

35 momen filem CGI terhebat sepanjang masa

Ke an vi ual dalam filem telah berkembang ecara dramatik ejak diperkenalkan pada tahun 1980-an. eni mencipta per ekitaran, mon ter, makhluk dan bangunan yang kelihatan reali tik teru berkembang, denga...
3 kaedah teratas untuk membina prototaip laman web
Baca Lebih Lanjut

3 kaedah teratas untuk membina prototaip laman web

Bertanya ’Apakah cara terbaik untuk membina prototaip laman web?’ eperti bertanya ’Apakah cara terbaik untuk membuat laman web?’ Tidak ada atu pun kaedah ‘terbaik’. etiap prototaip individu, eperti et...