Kebolehgunaan Web & Pengalaman Pengguna: Ketahui Mengapa Ini Perlu Menduduki Senarai Semak Rekabentuk Web Anda

Pendedahan: Sokongan anda membantu mengekalkan laman web ini! Kami memperoleh bayaran rujukan untuk beberapa perkhidmatan yang kami cadangkan di halaman ini.


Sesiapa yang membina laman web hari ini banyak yang perlu diingat: menyeimbangkan fungsi dan keindahan dan mengikuti perkembangan terkini teknologi, namun dengan tetap mengingati permintaan bos atau pelanggan anda bukanlah tugas yang mudah!

Tidak hairanlah bahawa kebolehgunaan sering kali menjadi item terakhir pada senarai semak atau sesuatu yang dilupakan sama sekali. Bagaimanapun, itu adalah salah satu perkara yang, apabila dilakukan dengan betul, tidak pernah diperhatikan sama sekali.

Kebolehgunaan laman web

Tetapi kebolehgunaan adalah faktor penting yang perlu diingat semasa mereka bentuk dan membuat kod laman web. Bagaimanapun, tidak kira betapa cantik atau dikodkan dengan baik laman web anda jika mengecewakan pengguna anda!

Nasib baik, ini adalah topik penyelidikan yang hangat dan pemahaman kita tentang bagaimana orang berkelakuan di web – dan mengapa – berkembang setiap hari.

Menyikatnya akan menjadikan anda lebih baik dalam pekerjaan anda, dan menjimatkan banyak masa dan usaha dalam jangka masa panjang. Inilah sebabnya penting, ditambah banyak sumber untuk anda meningkatkan permainan anda.

Apakah Kebolehgunaan?

Sama seperti yang anda duga dari istilah, kegunaan laman web adalah ukuran seberapa mudah laman web digunakan.

Sekiranya laman web anda mudah digunakan, melakukan apa yang sepatutnya, bebas dari kesilapan, dan cekap dan memuaskan untuk digunakan, maka ia mempunyai kegunaan yang besar.

Tetapi jika pengguna anda …

  • menghadapi masalah untuk mengetahui cara menavigasi laman web anda atau menggunakan ciri tertentu;
  • perlu mengklik berkali-kali atau melompat melalui gelung untuk menyelesaikan tugas;
  • harus belajar semula bagaimana menggunakan laman web anda setiap kali mereka kembali;
  • melakukan kesalahan yang sama berulang kali;
  • kecewa atau dibuat bodoh oleh laman web anda

… maka ia mempunyai kebolehgunaan yang buruk!

Ia tidak semudah dan intuitif sepertinya. Kadang-kadang ciri yang kelihatan jelas dan sukar diperakui oleh pereka web atau pembangun akan membingungkan pengguna, atau menyebabkan mereka berkelakuan dengan cara yang tidak anda harapkan.

Sangat mudah untuk menyalahkan pengguna kerana tidak “mendapatkannya”, tetapi sebenarnya masalahnya sering kali terletak pada kebolehgunaan laman web.

Apa itu Reka Bentuk UX?

UX bermaksud “pengalaman pengguna.” Ini berkait rapat dengan kebolehgunaan, tetapi tidak sama. Walaupun kebolehgunaan berkaitan dengan orang yang dapat menyelesaikan tugas dengan mudah di laman web, pengalaman pengguna berkaitan dengan orang yang merasa senang dengan apa yang mereka lakukan dan dapatkan dari laman web.

Kebolehgunaan adalah bahagian penting dalam reka bentuk UX. Lihat Kebolehgunaan vs Pengalaman Pengguna untuk maklumat lebih lanjut.

Apakah Kebolehcapaian?

Satu bahagian utama kebolehgunaan adalah merancang untuk aksesibiliti. Itu bermaksud merancang untuk pengguna yang bergantung pada teknologi bantu. Tidak semua pengguna laman web akan melayari laman web seperti yang dimaksudkan oleh pereka. Sebilangan pelawat buta atau pekak. Yang lain menghadapi kesukaran menggunakan peranti penunjuk. Semasa merancang untuk kegunaan, kebolehcapaian mesti diingat.

Sejarah Kebolehgunaan Web

Sejarah reka bentuk web ditandai oleh dua tempoh utama.

Tempoh pertama bermula pada awal 1990-an dengan peluncuran penyemak imbas web grafik dan memuncak dengan ledakan populariti reka bentuk laman web berasaskan flash. Tempoh pertama ini dicirikan oleh reka bentuk web yang didorong oleh keinginan untuk mendorong batas-batas dari apa yang mungkin secara teknikal di web. Malangnya, fokus pada kepakaran teknikal membuang pengguna laman web sebagai objek utama di mana laman web dirancang.

Bermula sekitar tahun 2000 gelombang mulai berubah, dan pengguna laman web mulai bergerak kembali ke tahap tengah dalam proses reka bentuk web. Hari ini, pengalaman pengguna, atau UX, adalah teras pemikiran reka bentuk moden, dan merancang untuk kegunaan lebih diutamakan daripada semua aspek lain dalam proses reka bentuk.

Mengapa Kebolehgunaan Penting?

Hari ini kita terbiasa dengan kepuasan segera berkat teknologi pantas dan web. Anda boleh melihat apa-apa dengan klik tetikus atau ketukan telefon pintar. Kami tidak biasa bersabar dan meluangkan masa untuk memahami bagaimana laman web berfungsi – kami hanya mahu ia berfungsi, tempoh! Dan jika tidak, kami akan menavigasi ke laman web lain yang sesuai.

Anda boleh mempunyai laman web yang direka dengan paling indah atau kod paling bersih di web, tetapi jika pengguna merasa kecewa dengannya, itu tidak menjadi masalah, kerana mereka tidak akan menggunakannya.

Walaupun nampaknya akal untuk menjadikan laman web anda mudah digunakan, prinsip kebolehgunaan tidak begitu jelas seperti yang anda fikirkan.

Sebagai pereka atau pengekod, anda jauh lebih mahir daripada pengguna internet. Tingkah laku anda ketika menavigasi web akan berbeza dengan pengguna biasa anda. Kadang-kadang sangat sukar untuk menjangkakan bagaimana tingkah laku orang biasa di laman web anda.

Dan ada beberapa faktor seperti peranti yang mereka gunakan. Kebolehgunaan juga sangat berbeza bergantung pada sama ada seseorang menavigasi melalui desktop, tablet, atau telefon. Apa yang berfungsi dengan baik dengan papan kekunci dan tetikus mungkin sangat mengecewakan pada telefon pintar. Anda mungkin pernah mengalami ini sendiri.

Anda mungkin berfikir bahawa jika anda menggunakan CMS yang dirancang dengan baik, anda tidak perlu bimbang tentang kebolehgunaan kerana ia dibina untuk anda. Tetapi itu tidak benar – anda masih perlu mengingatnya. Seperti berfikir bahawa kerana WordPress bagus untuk SEO, anda tidak perlu melakukan apa-apa untuk mendapat kedudukan tinggi dalam mesin carian. Asasnya ada, tetapi anda masih perlu memahami prinsip dan berusaha.

Itulah sebabnya penting untuk mempelajari asas-asas kebolehgunaan, dan cara menerapkannya ke laman web anda agar pengguna anda dapat tetap bahagia. Ini caranya!

Proses Membuat Antara Muka Pengguna Boleh Digunakan

Banyak garis panduan yang berbeza telah dibuat oleh pereka untuk menentukan standard di mana kebolehgunaan diukur. Sebagai contoh, fungsi utama laman web harus disiratkan oleh reka bentuk dan tidak bergantung pada teks untuk menerangkannya. Untuk menguji fungsi tersirat, beberapa pereka membuat teks tidak dapat dibaca (misalnya, “Pharetra cras odio tortor …”) dan kemudian memberikan tugas khusus kepada pengguna untuk diselesaikan.

Piawaian lain yang digunakan untuk reka bentuk aplikasi web dan telefon pintar adalah “Peraturan Dua Ketuk.” Ia dibuat oleh Marissa Mayer, CEO Yahoo! Sangat mudah:

Setelah anda berada dalam aplikasinya, adakah dua ketukan untuk melakukan apa sahaja yang anda mahu lakukan? Sekiranya tidak, masa untuk merancang semula aplikasi.

“Aturan Dua Ketuk” jelas berdasarkan pada tablet dan telefon bimbit. Tetapi tujuannya lebih umum: menjadikan produk digital semudah mungkin dan seefisien mungkin. Terlepas dari panduan khusus yang diterapkan, merancang untuk kegunaan bermaksud mengambil pendekatan yang berpusat pada pengguna untuk reka bentuk laman web.

Menurut firma penyelidikan pengalaman pengguna MeasuringU, terdapat tiga prinsip utama yang mendorong proses reka bentuk yang berpusatkan pengguna:

  • Beri tumpuan kepada pengguna dan tugas pada awal proses reka bentuk. Pengguna perlu memberikan maklum balas secara langsung kepada pasukan reka bentuk seawal mungkin.
  • Reka bentuk dengan cara berulang. Pereka yang baik tidak mahu mendapat reka bentuk yang sempurna pada kali pertama. Mereka merancang untuk kembali ke papan gambar beberapa kali semasa proses reka bentuk untuk membuat perubahan ketara berdasarkan maklum balas pengguna.
  • Memilih pilihan reka bentuk berdasarkan pengukuran empirikal. Jangan membuat keputusan reka bentuk berdasarkan maklum balas pengguna tidak rasmi. Kembangkan metrik tertentu untuk mengukur kebolehgunaan dan membiarkan maklumat itu memberitahu keputusan reka bentuk.

Sumber untuk Belajar Mengenai Kebolehgunaan Laman Web & Reka Bentuk UX

Terdapat banyak sumber mengenai kebolehgunaan dan pengalaman pengguna. Kami telah mengumpulkan yang terbaik.

Artikel

Artikel-artikel ini sesuai untuk pemula yang ingin mempelajari asas-asas menjadikan laman web anda mudah dan menyeronokkan untuk digunakan:

  • Kebolehgunaan 101: Pengenalan Kebolehgunaan: panduan pemula ringkas mengenai asas kebolehgunaan oleh pakar kebolehgunaan terkenal Jakob Nielsen.
  • Apa & Mengapa Kebolehgunaan: Jabatan Kesihatan dan Perkhidmatan Manusia AS menguruskan laman web ini mengenai kebolehgunaan, dengan banyak artikel mengenai asasnya. Pastikan anda membaca Asas Pengalaman Pengguna dan Manfaat Reka Bentuk Berpusatkan Pengguna. Glosari juga sangat berguna.
  • 8 Garis Panduan untuk Reka Bentuk Web, Kebolehgunaan, dan Pengalaman Pengguna yang Luar Biasa: panduan pemula yang mudah mengenai cara menerapkan standard asas kebolehgunaan untuk reka bentuk web.
  • 9 Kesalahan Kebolehgunaan Umum dalam Reka Bentuk Web: artikel Majalah Smashing ini diterbitkan pada tahun 2009 tetapi semua kesilapan ini masih sering dijumpai di web.
  • Bagaimana Kegunaan, Pengalaman, dan Kandungan Mempengaruhi Kedudukan Mesin Carian: ini adalah bab 6 dalam Panduan Pemula SEO untuk Moz.
  • Kebolehgunaan Borang Laman Web: 10 Cadangan Teratas: menunjukkan cara merancang borang laman web yang sebenarnya akan digunakan oleh pengunjung anda.
  • 6 Asas Uji Kebolehgunaan untuk Projek Reka Bentuk Web WordPress: tema WordPress yang hebat tidak ada gunanya jika tidak ada yang dapat menggunakannya. Ikuti asas-asas ini sebelum anda mula merancang untuk WordPress.

Buku

Bagi pereka dan pembangun web profesional, buku-buku ini menyelami prinsip dan aplikasi praktikal kegunaan di web dengan lebih mendalam.

  • Merancang Kebolehgunaan Web (1999) oleh Jakob Nielsen adalah panduan pasti untuk kebolehgunaan dari pihak berkuasa terkemuka dunia mengenai perkara itu. Banyak yang telah berubah sejak dia menulis ini, tetapi masih diperlukan pengetahuan yang akan anda bangunkan. Yang mesti ada di perpustakaan sesiapa sahaja yang memandang serius penggunaannya.
  • Mengutamakan Kebolehgunaan Web (2006) oleh Loranger dan Nielsen: buku ini menggunakan kajian kebolehgunaan web selama beberapa dekad yang dilakukan oleh Nielsen Norman Group untuk mengenal pasti garis panduan yang paling penting dan berkekalan untuk membuat laman web yang lebih baik.
  • Elemen Pengalaman Pengguna: Reka Bentuk Berpusatkan Pengguna untuk Web (2010) oleh Jesse James Garrett: buku ini akan membantu pereka web untuk berfikir dengan lebih strategik mengenai reka bentuk mereka, dan dapat menjelaskan pilihan mereka kepada bos dan pelanggan. Pengenalan yang baik untuk kebolehgunaan untuk web.
  • 100 Perkara Yang Perlu Diketahui Setiap Pereka Tentang Orang (2011) oleh Susan Weinschenk: ditulis oleh seorang saintis tingkah laku dengan PhD dalam psikologi, buku ini menerapkan psikologi pada reka bentuk komunikasi dan interaksi dalam talian. Bacaan penting bagi pereka web yang mementingkan kebolehgunaan.
  • Kebolehgunaan Bergerak (2012) oleh Nielsen dan Budiu: Buku ini merangkumi asas-asas mewujudkan pengalaman pengguna yang hebat pada peranti mudah alih. Walaupun contohnya agak ketinggalan zaman, prinsipnya tetap sama.
  • The Design of Everyday Things: Revision and Expanded Edition (2013) oleh Don Norman: walaupun bukan mengenai kebolehgunaan laman web, buku ini adalah gambaran umum mengenai prinsip-prinsip kebolehgunaan yang berkaitan dengan psikologi dan kehidupan seharian kita.
  • Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability (2014) oleh Steve Krug: penuh dengan prinsip asas dan petua praktikal untuk pendekatan yang berpusatkan pengguna terhadap reka bentuk web, buku ini adalah salah satu buku paling popular di subjek kebolehgunaan web.

Blog

Kebolehgunaan adalah topik penyelidikan yang hangat, jadi penting untuk mengikuti perkembangan terkini:

  • Kumpulan Nielsen Norman: blog mengenai kegunaan yang terkemuka di industri, Kumpulan Nielsen Norman merangkumi semua perkara yang berkaitan dengan kebolehgunaan, termasuk banyak penyelidikan asli, untuk semua tahap kemahiran dari pemula hingga pakar.
  • UsabilityGeek: blog ini merangkumi pelbagai topik berkaitan kebolehgunaan termasuk pengalaman pengguna, pengoptimuman penukaran, interaksi manusia-komputer, dan seni bina maklumat. Beberapa catatan mereka yang paling popular termasuk Perbezaan (Dan Hubungan) Antara Kebolehgunaan dan Pengalaman Pengguna, Pengumpulan Keperluan: Pendekatan Langkah demi Langkah Untuk Pengalaman Pengguna yang Lebih Baik, dan 15 Garis Panduan Kebolehgunaan untuk Merancang Pautan Laman Web.
  • UX Design on Smashing Magazine: blog terkemuka dalam reka bentuk web mempunyai bahagian yang dikhaskan untuk reka bentuk UX. Lihat panduan mereka tentang Merancang Laman Web Mesra Demensia, Reka Bentuk Antaramuka yang Lebih Baik: Log masuk, Menu, Toggle Dan Modul Fancy Lain, dan Tingkatkan Pengalaman Pengguna Dengan Ciri-ciri Masa Nyata.
  • Majalah UX: merangkumi artikel mendalam serta pekerjaan dan acara untuk profesional UX. Lihat Nota untuk Pereka UX Muda, Adakah Borang Anda Dirancang Gagal? dan Pengalaman Pengguna dari Kandungan Baik.

Forum

Sekiranya anda buntu dan perlu meminta pertolongan, lihat forum dan Q ini&Laman web untuk nasihat pakar.

  • Pengalaman Pengguna Stack Exchange: tanya dan jawab soalan mengenai semua aspek UX dan kegunaan di Stack Exchange.
  • Komuniti Penguasaan UX: Forum yang mesra, mesra (dan meriah!) Untuk membincangkan semua perkara yang berkaitan dengan UX dan kebolehgunaan.
  • Komuniti Reka Bentuk UX di Slack: komuniti Slack untuk pereka dan penyelidik UX semasa atau bakal.

Alat untuk Kebolehgunaan Laman Web & Reka Bentuk Pengalaman Pengguna

Ujian kebolehgunaan laman web automatik biasanya dilakukan dengan menggunakan satu atau lebih alat khusus. Alat-alat ini biasanya menyerupai tinjauan: pengguna disajikan dengan grafik atau mock-up UI dari laman web, dan diminta untuk menjawab pertanyaan khusus mengenai UI.

Maklum balas pengguna dikumpulkan dan diproses secara statistik, memberikan hasil yang tepat mengenai soalan yang diajukan.

Alat kebolehgunaan laman web menggunakan pendekatan asas ujian yang berbeza, beberapa alat menghendaki anda merekrut penguji anda sendiri menggunakan sokongan bersepadu untuk menghantar ke media sosial, sementara alat lain sudah memiliki rangkaian penguji yang mapan yang akan memeriksa laman web anda dan memberi anda maklum balas.

Banyak alat menawarkan ciri-ciri asas sebagai percubaan percuma terhad masa, sementara ciri-ciri terbaik hanya tersedia dengan langganan berbayar.

Mari lihat beberapa alat kegunaan dan ujian UX yang tersedia:

  • Helio direka dengan cara yang mudah untuk menguji tangkapan skrin reka bentuk anda dengan pengguna. Helio memberi anda 100,000 penguji global yang siap untuk memeriksa kerja anda, dan anda juga boleh memilih demografi penguji yang sesuai dengan sasaran audiens anda. Dengan menggunakan alat ini, anda dapat memperoleh keputusan ujian anda dalam beberapa jam, mempercepat aliran kerja anda. Helio menawarkan rangkaian laporan yang bagus, jadi penyampaian data ujian adalah fleksibel dan lebih mudah.
  • UsabilityHub menawarkan rangkaian ujian kebolehgunaan laman web yang kaya. Beberapa perkhidmatan adalah percuma, tetapi jika anda menggunakan edisi percuma, anda perlu mencari penguji anda sendiri. Keahlian berbayar memberi anda penguji.
  • CanvasFlip menawarkan pelan percuma asas, dan rancangan berbayar lanjutan juga. Anda boleh memuat naik reka bentuk anda dan mengujinya dengan penguji anda sendiri. Video pengguna Heatmap juga disokong.
  • Preely nampaknya disesuaikan dengan sempurna untuk peranti mudah alih, dengan sokongan untuk melacak leret dan peta panas. Anda boleh menggunakan penguji anda sendiri, atau menggunakan panel ujian TestLab di mana anda boleh memilih demografi penguji yang akan mengkaji projek anda.
  • OptimalSort: gunakan perisian pengisihan kad ini untuk mengetahui cara terbaik untuk mengatur dan mempersembahkan kandungan anda.
  • Kebolehgunaan: pelbagai alat ujian pengguna jarak jauh untuk mengetahui bagaimana orang langsung yang menggunakan laman web anda.
  • Perhatian: dapatkan maklum balas semasa proses reka bentuk untuk memastikan reka bentuk anda berpusatkan pengguna dari awal.

Kesimpulan: Jadikan Kebolehgunaan sebagai Keutamaan!

Mengikuti semua teknologi dan trend terkini dalam reka bentuk dan pembangunan web bukanlah tugas yang mudah, tetapi kebolehgunaan harus berada di puncak senarai anda. Hasil terbaik datang apabila reka bentuk dan pengekodan didekati dengan mempertimbangkan pengguna terlebih dahulu, bukan dengan memikirkannya. Dengan melaburkan masa dan usaha dalam belajar mengenai kebolehgunaan, anda akan dapati bahawa kualiti kerja anda secara keseluruhan akan bertambah baik.

Barang Lebih Menarik

Kami mempunyai lebih banyak panduan, tutorial, dan infografik yang berkaitan dengan pengekodan dan pembangunan laman web:

  • CSS3 – Pengenalan, Panduan & Sumber: ini adalah tempat yang bagus untuk memulakan pembelajaran susun atur halaman web.
  • JavaScript: dan inilah tempat untuk mula belajar bagaimana membuat laman web interaktif!

HTML untuk Pemula

Sekiranya anda benar-benar ingin belajar HTML, kami telah membuat artikel sepanjang buku, HTML untuk Pemula Dan ini adalah panduan utama; ia akan membawa anda dari awal ke penguasaan.

HTML untuk Pemula - Panduan Muktamad
HTML untuk Pemula

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map