Kegunaan Web & Pengalaman Pengguna: Pelajari Mengapa Ini Menjadi Toplist Daftar Desain Web Anda

Penyingkapan: Dukungan Anda membantu menjaga situs tetap berjalan! Kami mendapatkan biaya referensi untuk beberapa layanan yang kami rekomendasikan pada halaman ini.


Siapa pun yang membangun situs web saat ini memiliki banyak hal yang perlu diingat: menyeimbangkan fungsi dan keindahan dan mengikuti perkembangan terbaru dalam teknologi, semuanya sambil tetap mengingat tuntutan bos atau klien Anda bukanlah tugas yang mudah!

Tidak mengherankan bahwa kegunaan sering kali merupakan item menit terakhir pada daftar periksa atau sesuatu yang terlupakan sama sekali. Bagaimanapun, itu adalah salah satu hal yang, jika dilakukan dengan benar, tidak pernah diperhatikan sama sekali.

Kegunaan Situs Web

Tetapi kegunaan adalah faktor penting yang perlu diingat ketika merancang dan mengkode situs web. Lagipula, tidak masalah seberapa cantik atau berkode situs web Anda dengan baik jika itu membuat frustrasi pengguna Anda!

Untungnya, ini adalah topik penelitian yang panas dan pemahaman kita tentang bagaimana orang berperilaku di web – dan mengapa – tumbuh setiap hari.

Menyikatnya akan membuat Anda lebih baik dalam pekerjaan Anda, dan menghemat banyak waktu dan usaha dalam jangka panjang. Inilah mengapa ini penting, ditambah banyak sumber daya bagi Anda untuk meningkatkan permainan Anda.

Apa itu Kegunaan?

Seperti yang Anda tebak dari istilah itu, kegunaan situs web adalah ukuran seberapa mudah situs web digunakan.

Jika situs web Anda mudah digunakan, melakukan apa yang seharusnya, bebas dari kesalahan, dan efisien serta memuaskan untuk digunakan, maka ia memiliki kegunaan yang luar biasa..

Tetapi jika pengguna Anda …

  • kesulitan mencari tahu cara menavigasi situs Anda atau menggunakan fitur tertentu;
  • harus mengklik berkali-kali atau melompat melalui lingkaran untuk menyelesaikan tugas;
  • harus mempelajari kembali cara menggunakan situs Anda setiap kali mereka kembali;
  • membuat kesalahan yang sama berulang-ulang;
  • frustrasi atau dibuat merasa bodoh oleh situs web Anda

… maka itu memiliki kegunaan yang buruk!

Ini tidak sesederhana dan intuitif seperti kelihatannya. Terkadang fitur yang tampak jelas dan sangat mudah bagi perancang atau pengembang web akan membingungkan pengguna, atau menyebabkan mereka berperilaku dengan cara yang tidak Anda harapkan..

Mudah untuk menyalahkan pengguna karena tidak “mendapatkannya”, tetapi dalam kenyataannya masalahnya sering terletak pada kegunaan situs web.

Apa itu Desain UX?

UX adalah singkatan dari “pengalaman pengguna.” Ini terkait erat dengan kegunaan, tetapi bukan hal yang sama. Sementara kegunaan terkait dengan orang yang dapat menyelesaikan tugas dengan mudah di situs web, pengalaman pengguna peduli dengan orang yang merasa nyaman dengan apa yang mereka lakukan dan dapatkan dari situs web.

Kegunaan adalah bagian penting dari desain UX. Lihat Kegunaan vs Pengalaman Pengguna untuk lebih jelasnya.

Apa itu Aksesibilitas?

Salah satu bagian kunci dari kegunaan adalah merancang untuk aksesibilitas. Itu berarti merancang untuk pengguna yang bergantung pada teknologi bantu. Tidak semua pengguna situs web akan mengunjungi situs dengan cara yang diinginkan oleh perancang. Beberapa pengunjung buta atau tuli. Yang lain mengalami kesulitan menggunakan perangkat penunjuk. Ketika merancang untuk kegunaan, aksesibilitas harus selalu diingat.

Sejarah Kegunaan Web

Sejarah desain web ditandai oleh dua periode utama.

Periode pertama dimulai pada awal 1990-an dengan merilis browser web grafis dan memuncak dengan ledakan popularitas desain situs web berbasis flash. Periode pertama ini ditandai dengan desain web yang didorong oleh keinginan untuk mendorong batas-batas apa yang secara teknis mungkin di web. Sayangnya, fokus pada keahlian teknis menghapus pengguna situs web sebagai objek utama di mana situs web dirancang.

Mulai sekitar tahun 2000 pasang mulai berbalik, dan pengguna situs web mulai bergerak kembali ke tengah panggung dalam proses desain web. Hari ini, pengalaman pengguna, atau UX, adalah jantung dari pemikiran desain modern, dan mendesain untuk kegunaan lebih diutamakan daripada semua aspek lain dari proses desain.

Mengapa Usability Penting??

Hari ini kita terbiasa dengan kepuasan instan berkat teknologi dan web yang cepat. Anda dapat melihat apa saja di klik mouse Anda atau ketukan smartphone. Kami tidak terbiasa bersabar dan meluangkan waktu untuk memahami cara kerja situs web – kami hanya ingin berfungsi, titik! Dan jika tidak, kami akan menavigasi ke situs web lain yang melakukannya.

Anda dapat memiliki situs web yang dirancang paling indah atau kode terbersih di web, tetapi jika pengguna merasa frustrasi karenanya, itu tidak masalah, karena mereka tidak akan menggunakannya.

Meskipun tampaknya masuk akal untuk membuat situs web Anda mudah digunakan, prinsip-prinsip kegunaan tidak sejelas yang Anda kira.

Sebagai perancang atau pembuat kode, Anda jauh lebih mengerti teknologi daripada pengguna internet rata-rata. Perilaku Anda saat menavigasi web akan berbeda dari rata-rata pengguna Anda. Kadang-kadang bisa sangat sulit untuk mengantisipasi bagaimana rata-rata orang akan berperilaku di situs Anda.

Dan kemudian ada faktor-faktor seperti perangkat yang mereka gunakan. Kegunaan juga sangat berbeda tergantung pada apakah seseorang menavigasi melalui desktop, tablet, atau telepon. Apa yang bekerja dengan baik dengan keyboard dan mouse mungkin sangat membuat frustasi pada smartphone. Anda mungkin mengalaminya sendiri.

Anda mungkin berpikir bahwa jika Anda menggunakan CMS yang dirancang dengan baik, Anda tidak perlu khawatir tentang kegunaan karena itu dibuat untuk Anda. Tapi itu tidak benar – Anda masih harus mengingatnya. Itu seperti berpikir bahwa karena WordPress baik untuk SEO, Anda tidak perlu melakukan apa pun untuk mendapatkan peringkat tinggi di mesin pencari. Fondasinya ada di sana, tetapi Anda masih perlu memahami prinsip-prinsip dan berupaya.

Itulah mengapa penting untuk mempelajari dasar-dasar kegunaan, dan bagaimana menerapkannya ke situs web Anda agar pengguna Anda tetap bahagia. Begini caranya!

Proses Pembuatan Antarmuka Pengguna Dapat Digunakan

Banyak pedoman berbeda telah dibuat oleh desainer untuk menentukan standar yang digunakan untuk mengukur kegunaan. Misalnya, fungsionalitas utama suatu situs harus disiratkan oleh desain dan tidak bergantung pada teks untuk menjelaskannya. Untuk menguji fungsionalitas tersirat, beberapa desainer membuat teks tidak dapat dibaca (misalnya, “Pharetra cras odio tortor …”) dan kemudian memberikan tugas khusus kepada pengguna untuk diselesaikan.

Standar lain yang diterapkan pada desain aplikasi web dan smartphone adalah “Aturan Dua Ketuk.” Itu diciptakan oleh Marissa Mayer, CEO Yahoo! Sangat sederhana:

Setelah Anda berada di aplikasi, apakah dua keran untuk melakukan sesuatu yang ingin Anda lakukan? Jika tidak, saatnya mendesain ulang aplikasi.

“Aturan Dua Ketuk” jelas didasarkan pada tablet dan sistem ponsel. Tetapi tujuannya lebih umum: untuk membuat produk digital mudah digunakan dan seefisien mungkin. Terlepas dari pedoman khusus yang diterapkan, mendesain untuk kegunaan berarti mengambil pendekatan yang berpusat pada pengguna untuk desain situs web.

Menurut firma riset pengalaman pengguna MeasuringU, ada tiga prinsip utama yang mendorong proses desain yang berpusat pada pengguna:

  • Tempatkan fokus pada pengguna dan tugas di awal proses desain. Pengguna perlu memberikan umpan balik langsung ke tim desain sedini mungkin dalam proses.
  • Desain dengan cara yang berulang. Desainer yang baik jangan berharap mendapatkan desain yang sempurna pertama kali. Mereka berencana untuk kembali ke papan gambar beberapa kali selama proses desain untuk membuat perubahan signifikan berdasarkan umpan balik pengguna.
  • Basis pilihan desain pada pengukuran empiris. Jangan membuat keputusan desain berdasarkan umpan balik pengguna informal. Kembangkan metrik khusus untuk mengukur kegunaan dan biarkan informasi tersebut menginformasikan keputusan desain.

Sumber untuk Belajar Tentang Kegunaan Situs Web & Desain UX

Ada banyak sumber daya tentang kegunaan dan pengalaman pengguna. Kami telah mengumpulkan yang terbaik.

Artikel

Artikel-artikel ini sangat cocok untuk pemula yang ingin mempelajari dasar-dasar membuat situs web Anda mudah dan menyenangkan untuk digunakan:

  • Kegunaan 101: Pengantar Kegunaan: panduan pemula cepat untuk dasar-dasar kegunaan oleh pakar kegunaan terkenal Jakob Nielsen.
  • Apa & Mengapa Kegunaan: Departemen Kesehatan dan Layanan Kemanusiaan AS mengelola situs web ini tentang kegunaan, dengan banyak artikel tentang dasar-dasarnya. Pastikan untuk membaca Dasar-Dasar Pengalaman Pengguna dan Manfaat Desain yang Berpusat pada Pengguna. Glosarium juga sangat berguna.
  • 8 Pedoman untuk Desain Web Luar Biasa, Kegunaan, dan Pengalaman Pengguna: panduan pemula sederhana tentang cara menerapkan standar dasar kegunaan ke desain web.
  • 9 Kesalahan Umum Kegunaan Dalam Desain Web: artikel Smashing Magazine ini diterbitkan pada tahun 2009 tetapi semua kesalahan ini masih umum ditemui di web.
  • Bagaimana Kegunaan, Pengalaman, dan Konten memengaruhi Tingkatan Mesin Pencari: ini adalah bab 6 dalam Panduan Pemula Mozaik untuk SEO yang luar biasa.
  • Kegunaan Formulir Situs Web: 10 Rekomendasi Teratas: menunjukkan cara mendesain formulir situs web yang benar-benar akan digunakan pengunjung Anda.
  • 6 Dasar-dasar Pengujian Kegunaan untuk Proyek Desain Web WordPress: tema WordPress yang tampak bagus tidak baik jika tidak ada yang dapat menggunakannya. Memoles fundamental ini sebelum Anda mulai mendesain untuk WordPress.

Buku

Untuk perancang dan pengembang web profesional, buku-buku ini menggali lebih dalam prinsip dan aplikasi praktis kegunaan di web.

  • Merancang Web Usability (1999) oleh Jakob Nielsen adalah panduan definitif untuk kegunaan dari otoritas terkemuka dunia dalam masalah ini. Banyak yang telah berubah sejak dia menulis ini, tetapi masih diperlukan pengetahuan yang akan Anda bangun. Harus ada di perpustakaan siapa pun yang menganggap kegunaan serius.
  • Memprioritaskan Kegunaan Web (2006) oleh Loranger dan Nielsen: buku ini menggunakan dekade penelitian kegunaan web yang dilakukan oleh Nielsen Norman Group untuk mengidentifikasi pedoman yang paling penting dan bertahan lama untuk membuat situs web yang lebih baik.
  • Elemen-elemen Pengalaman Pengguna: Desain yang Berpusat pada Pengguna untuk Web (2010) oleh Jesse James Garrett: buku ini akan membantu desainer web untuk berpikir lebih strategis tentang desain mereka, dan dapat menjelaskan pilihan mereka kepada bos dan klien. Pengantar yang bagus untuk kegunaan untuk web.
  • 100 Hal yang Perlu Diketahui Setiap Desainer Tentang Orang (2011) oleh Susan Weinschenk: ditulis oleh seorang ilmuwan perilaku dengan gelar PhD dalam psikologi, buku ini menerapkan psikologi untuk desain komunikasi dan interaksi online. Bacaan penting untuk desainer web yang peduli tentang kegunaan.
  • Mobile Usability (2012) oleh Nielsen dan Budiu: Buku ini membahas dasar-dasar menciptakan pengalaman pengguna yang luar biasa pada perangkat seluler. Meskipun contohnya mungkin agak ketinggalan zaman, prinsip-prinsipnya tetap sama.
  • Desain Hal-Hal Sehari-Hari: Edisi Revisi dan Perluasan (2013) oleh Don Norman: meskipun bukan tentang kegunaan situs web, buku ini adalah ikhtisar yang menarik tentang prinsip-prinsip kegunaan yang terkait dengan psikologi dan kehidupan kita sehari-hari.
  • Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability (2014) oleh Steve Krug: penuh dengan prinsip dasar dan tips praktis untuk pendekatan yang berpusat pada pengguna untuk desain web, buku ini adalah salah satu buku paling populer tentang subjek kegunaan web.

Blog

Kegunaan adalah topik hangat penelitian, jadi penting untuk mengikuti perkembangan terbaru:

  • Nielsen Norman Group: blog terkemuka di industri tentang kegunaan, Nielsen Norman Group mencakup semua yang terkait dengan kegunaan, termasuk banyak penelitian asli, untuk semua tingkat keahlian mulai dari pemula hingga ahli.
  • UsabilityGeek: blog ini mencakup berbagai topik terkait kegunaan termasuk pengalaman pengguna, pengoptimalan konversi, interaksi manusia-komputer, dan arsitektur informasi. Beberapa posting mereka yang paling populer termasuk Perbedaan (Dan Hubungan) Antara Kegunaan dan Pengalaman Pengguna, Pengumpulan Kebutuhan: Pendekatan Langkah Demi Langkah Untuk Pengalaman Pengguna yang Lebih Baik, dan 15 Pedoman Kegunaan untuk Merancang Tautan Situs Web.
  • UX Design on Smashing Magazine: blog terkemuka di industri tentang desain web memiliki bagian yang ditujukan hanya untuk desain UX. Lihat panduan mereka tentang Merancang Situs Web Ramah Dementia, Desain Antarmuka Lebih Baik: Login, Menu, Matikan, dan Modul Mewah Lainnya, dan Tingkatkan Pengalaman Pengguna Dengan Fitur Real-Time.
  • Majalah UX: termasuk artikel mendalam serta pekerjaan dan acara untuk para profesional UX. Lihat Catatan untuk Perancang Muda UX, Apakah Formulir Anda Dirancang Untuk Gagal? dan Pengalaman Pengguna Konten yang Baik.

Forum

Jika Anda buntu dan perlu meminta bantuan, lihat forum dan Q ini&Situs untuk saran ahli.

  • User Experience Stack Exchange: ajukan dan jawab pertanyaan tentang semua aspek UX dan kegunaan di Stack Exchange.
  • Komunitas Penguasaan UX: Forum yang ramah, ramah (dan hidup!) Untuk membahas segala sesuatu yang berkaitan dengan UX dan kegunaan.
  • Komunitas Desain UX di Slack: komunitas Slack untuk perancang dan peneliti UX saat ini atau prospektif.

Alat untuk Kegunaan Situs Web & Desain Pengalaman Pengguna

Pengujian kegunaan situs web otomatis biasanya dilakukan dengan menggunakan satu atau beberapa alat khusus. Alat-alat ini biasanya menyerupai survei: pengguna disajikan dengan grafik atau mock-up UI dari sebuah situs web, dan diminta untuk menjawab pertanyaan spesifik yang ditargetkan tentang UI.

Umpan balik pengguna dikumpulkan dan diproses secara statistik, memberikan hasil yang akurat tentang pertanyaan yang diajukan.

Alat kegunaan situs web menggunakan pendekatan basis pengujian yang berbeda, beberapa alat mengharuskan Anda merekrut penguji Anda sendiri menggunakan dukungan terintegrasi untuk diposkan ke media sosial, sementara alat lain sudah memiliki jaringan penguji yang mapan yang akan memeriksa situs web Anda dan memberi Anda umpan balik.

Banyak alat menawarkan fitur dasar sebagai uji coba gratis terbatas waktu, sementara fitur terbaik hanya tersedia dengan langganan berbayar.

Mari kita lihat beberapa kegunaan dan alat pengujian UX yang tersedia:

  • Helio dirancang sedemikian rupa sehingga memudahkan untuk menguji tangkapan layar desain Anda dengan pengguna. Helio memberi Anda 100.000 penguji global yang siap memeriksa pekerjaan Anda, dan Anda bahkan dapat memilih demografi penguji agar sesuai dengan target audiens Anda. Dengan menggunakan alat ini, Anda bisa mendapatkan hasil tes dalam beberapa jam, mempercepat alur kerja Anda. Helio menawarkan serangkaian laporan yang bagus, sehingga menyajikan data uji fleksibel dan mudah.
  • UsabilityHub menawarkan serangkaian pengujian kegunaan situs web yang kaya. Beberapa layanan gratis, tetapi jika Anda menggunakan edisi gratis, Anda perlu menemukan penguji sendiri. Keanggotaan berbayar memberi Anda penguji.
  • CanvasFlip menawarkan paket gratis dasar, dan paket berbayar canggih juga. Anda dapat mengunggah desain Anda dan mengujinya dengan penguji Anda sendiri. Video pengguna Heatmap juga didukung.
  • Preely tampaknya dirancang sempurna untuk perangkat seluler, dengan dukungan untuk pelacakan gesek dan klik peta panas. Anda dapat menggunakan penguji Anda sendiri, atau menggunakan panel tes TestLab di mana Anda dapat memilih demografi penguji yang akan meninjau proyek Anda.
  • OptimalSort: gunakan perangkat lunak penyortiran kartu ini untuk mempelajari cara terbaik mengatur dan menyajikan konten Anda.
  • Kegunaan Hub: berbagai alat pengujian pengguna jarak jauh untuk mengetahui bagaimana orang-orang nyata menggunakan situs web Anda.
  • Khusus: dapatkan umpan balik selama proses desain untuk memastikan desain Anda berpusat pada pengguna dari awal.

Kesimpulan: Jadikan Kegunaan sebagai Prioritas!

Mengikuti semua teknologi dan tren terbaru dalam desain dan pengembangan web bukanlah tugas yang mudah, tetapi kegunaan harus ada di bagian atas daftar Anda. Hasil terbaik datang ketika desain dan pengkodean didekati dengan mempertimbangkan pengguna terlebih dahulu, bukan setelahnya. Dengan menginvestasikan waktu dan upaya dalam mempelajari tentang kegunaan, Anda akan menemukan bahwa kualitas pekerjaan Anda secara keseluruhan akan meningkat.

Lebih Banyak Hal Menarik

Kami memiliki lebih banyak panduan, tutorial, dan infografis terkait dengan pengkodean dan pengembangan situs web:

  • CSS3 – Pengantar, Panduan & Sumber: ini adalah tempat yang bagus untuk mulai belajar tata letak halaman web.
  • JavaScript: dan ini adalah tempat untuk mulai belajar cara membuat halaman web interaktif!

HTML untuk Pemula

Jika Anda benar-benar ingin belajar HTML, kami telah membuat artikel sepanjang buku, HTML untuk Pemula Dan itu benar-benar panduan utama; itu akan membawa Anda dari awal hingga penguasaan.

HTML untuk Pemula - Panduan Utama
HTML untuk Pemula

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me