7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Accessibility

Membuat Web dapat diakses untuk semua orang dengan inklusif desain dan beragam Personas

Scroll to top
Read Time: 9 mins

Indonesian (Bahasa Indonesia) translation by Sap (you can also view the original English article)

Pentingnya membuat web yang dapat diakses oleh siapa pun dan semua orang selalu ditekankan oleh penemu World Wide Web itu sendiri:

"Kekuatan Web adalah universalitasnya. Akses oleh semua orang terlepas dari cacat adalah aspek yang penting"-Tim Berners Lee

Oleh karena itu, artikel ini akan mengeksplorasi bagaimana kita dapat lebih memahami aksesibilitas dan orang-orang melalui penggunaan "beragam personas" dalam proses desain kami, membantu kami membuat produk yang lain termasuk pasar yang lebih luas. Kita akan melihat bagaimana aksesibilitas dapat mempengaruhi siapa saja setiap saat dalam kehidupan mereka, dan bagaimana Cacat sebenarnya sangat umum.

Sebagai contoh, bahkan cedera olahraga seperti pergelangan tangan rusak dapat digolongkan sebagai kecacatan, membawa isu-isu aksesibilitas, seperti orang mungkin sekarang berjuang untuk menggunakan mouse komputer.

Namun pertama-tama, karena aksesibilitas sering disalahartikan dengan kegunaan, mari kita mulai dengan melihat perbedaan di antara keduanya.

Accessibility vs. Usability

Singkatnya, "aksesibilitas" memastikan orang-orang cacat dapat mengakses informasi yang sama dari sistem seperti orang lain, dan juga mendapatkan manfaat yang sama. Sedangkan "kegunaan" adalah sebuah atribut kualitas yang mengukur seberapa mudah user interface (UI) adalah dengan menggunakan.

Perbedaannya di sini penting, karena jika website ini tidak dapat diakses, kegunaan tidak bahkan ada, karena pengalaman pengguna yang tidak mungkin. Seperti yang DigitalGov taruh:

"kegunaan tergantung pada aksesibilitas"-DigitalGov

Ini menyoroti bahwa tingkat aksesibilitas yang besar dapat menjadi dasar yang kokoh untuk good kegunaan, dan produk yang lebih baik untuk semua orang. W3C (World Wide Web Consortium) memberikan definisi aksesibilitas yang lebih lengkap ketika datang ke web:

"Untuk web, aksesibilitas berarti bahwa orang-orang dengan cacat dapat merasakan, memahami, menavigasi dan berinteraksi dengan situs web dan alat-alat, dan bahwa mereka dapat berkontribusi sama tanpa hambatan."-The W3C

Aksesibilitas dapat mempengaruhi siapa saja

Hal ini penting untuk dicatat bahwa "Cacat", dalam definisi di atas dari The W3C, tidak hanya terbatas pada orang-orang buta yang menggunakan pembaca layar, seperti banyak dari kita dapat cepat untuk melompat ke. Sebenarnya, cacat juga mencakup berbagai macam gangguan.

Pada kenyataannya, Adobe negara bahwa hampir 20% dari penduduk AS memiliki Cacat, dan hampir 75% orang yang berusia delapan puluh juga melakukannya. Konsep yang lebih luas dari apa yang dapat digolongkan sebagai kecacatan berarti aksesibilitas yang dapat mempengaruhi hampir semua orang, seperti yang ditunjukkan oleh ketidakmampuan umum berikut:

Common Cacat

  • Penglihatan ini juga bisa menjadi buta warna, atau terbatas visi-sesuatu yang dapat dengan mudah terjadi saat kita beranjak tua.
  • Kecacatan kategori (menurut Adobe) juga mencakup Cacat Sementara, seperti patah pergelangan tangan yang membuatnya sulit untuk menggunakan mouse.
  • Paul Boag menambahkan bahwa kita dapat semua menderita cacat di beberapa titik dalam hidup kita melalui peristiwa yang sering tidak dapat dihindari, seperti cedera olahraga, operasi kecil atau kecelakaan setiap hari.

Semua ini menyoroti pentingnya termasuk Aksesibilitas dalam proses desain, sebagai melakukan jadi memungkinkan kami untuk menciptakan produk yang bekerja untuk satu set yang lebih beragam orang. Pendekatan yang terkenal pada memasukkan aksesibilitas ke dalam proses desain adalah melalui "inklusif desain" (juga dikenal sebagai "desain universal", atau "desain untuk semua"). Sekarang marilah kita bagaimana inklusif desain berguna, dan cara-cara menerapkannya.

Memperkenalkan "Inklusif desain"

Jika sebuah produk dapat diakses oleh khalayak mainstream, seperti di web, pendekatan inklusif desain memastikan bahwa kebutuhan jumlah terluas konsumen terpenuhi ketika membuat suatu produk atau jasa.

Sebagaimana diuraikan oleh W3C, inklusif desain berlaku untuk "semua orang apa pun kemampuan mereka, usia, situasi ekonomi, pendidikan, lokasi geografis, bahasa, dll." Jadi dengan membahas kebutuhan penonton mungkin terluas, inklusif desain tumpang tindih dengan web aksesibilitas, memastikan produk dapat diakses oleh semua orang.

Meningkatkan pengalaman pengguna bagi setiap orang

Sebuah manfaat besar dari inklusif desain adalah bahwa hal ini tidak hanya meningkatkan pengalaman pengguna produk untuk para penderita cacat, tetapi untuk orang lain juga. Sebagai contoh, situs web yang dapat diakses cenderung menjadi lebih mudah bagi semua orang untuk membaca, bukan hanya seseorang yang terlihat sebagian.

W3C menekankan ini ketika mengatakan bahwa

"aksesibilitas tumpang tindih dengan praktek-praktek terbaik lain seperti mobile web desain device independence, multi-modal interaksi, kegunaan, desain untuk pengguna yang lebih tua dan search engine optimization (SEO)."-The W3C

Sekarang kita tahu apa inklusif desain adalah, kita dapat melihat bagaimana desain untuk inclusivity, dengan menggunakan "beragam personas".

Beragam Personas untuk Inclusive Design

Sebuah persona adalah representasi umum bagi pengguna biasa produk atau layanan Anda, dan biasanya berdasarkan penelitian yang dilakukan pada orang-orang nyata yang dapat memvalidasi asumsi mungkin dibuat.

Personas dapat berkembang dengan akurasi seluruh proses desain sebagai penelitian baru muncul. Mereka dapat menjadi penting untuk mengesahkan desain keputusan, mendahulukan fitur, dan membimbing tim Anda. Berikut adalah contoh:

Jerry Jones Persona exampleJerry Jones Persona exampleJerry Jones Persona example
Persona contoh: Jerry Jones, Developer perangkat lunak

Seperti yang terlihat dalam contoh, sebuah persona dapat terdiri dari atribut berikut, yang membantu untuk membuat orang imajiner yang:

Persona atribut Umum

  • Nama: penamaan persona Anda membuat mereka lebih nyata, dan Anda mungkin bahkan menemukan tim Anda merujuk kepada pengguna melalui nama ini.
  • Motivasi: Mengapa pengguna menggunakan produk Anda?
  • Tujuan: apa yang mereka inginkan untuk mencapai, dan bagaimana dapat membantu produk Anda?
  • Frustrasi: apa masalah apakah pengguna Anda memiliki dengan tugas-tugas tertentu?
  • Demografi: umur, jenis kelamin, lokasi, pendudukan.
  • Gambar: memberikan pengguna wajah membuat mereka lebih nyata dan relatable.
  • Kutipan: apa kata mutiara merangkum pengguna Anda dan masalah yang Anda inginkan untuk memecahkan mereka?

Yang lebih realistis persona adalah, semakin baik produk Anda dapat, itulah sebabnya sangat penting untuk membuat beragam personas. Seperti yang diterangkan, Cacat cukup umum, sehingga menghadap mereka dapat menyebabkan banyak frustrasi dan pengecualian-yang pada gilirannya dapat mengurangi keberhasilan komersial produk (seperti yang dijelaskan dalam The inklusif desain Toolkit oleh University of Cambridge ).

Beragam Personas

Beragam personas dapat membantu kita memahami bagaimana orang-orang cacat mungkin menggunakan produk berbeda, atau berinteraksi melalui cara-cara yang berbeda.

Piramida model keragaman yang ditunjukkan di bawah ini dapat membantu benchmark berbagai cacat yang masuk akal untuk target untuk inklusif desain. Model menunjukkan bagaimana kemampuan dapat bervariasi dalam populasi, mulai dari orang-orang dengan tidak ada kesulitan, bergerak ke atas untuk kesulitan berat.

Pyramid model of diversity Image Inclusive Design ToolkitPyramid model of diversity Image Inclusive Design ToolkitPyramid model of diversity Image Inclusive Design Toolkit
Piramida model keragaman (gambar: inklusif desain Toolkit)

Sementara piramida bertujuan untuk termasuk yang kurang mampu, itu diterima bahwa ini bisa menjadi sulit dengan orang-orang di atas piramida solusinya lebih sosialis.

Membuat sebuah Persona beragam

Merujuk kembali ke contoh persona user baru bernama Jerry Jones, nyata bahwa ada tidak disebutkan kemampuan pengguna (atau cacat). Oleh karena itu, untuk membuat persona beragam, kita dapat menambahkan atribut tambahan, "kemampuan". Apakah Jerry memiliki kecacatan atau tidak, atribut kemampuan ini dapat membantu memulai kita untuk berpikir tentang inclusivity, ketika membuat personas untuk pengguna yang berbeda. Serta kemampuan, atribut berikut dapat ditambahkan untuk mendorong keragaman lebih dalam personas:

Atribut untuk beragam Personas

  • Kemampuan: tingkat kemampuan pengguna telah-Apakah mereka memiliki gangguan apapun?
  • Bakat: Bagaimana berpengalaman adalah pengguna dengan web? Kemampuan membuat kesulitan tertentu ketika menggunakan komputer?
  • Sikap: apa yang sikap mereka terhadap kehidupan, atau terhadap web?
  • Akses poin: Apakah pengguna ini membutuhkan teknologi bantu untuk mengakses web?

Memodifikasi contoh persona Jerry dengan atribut ini akan menghasilkan sesuatu di sepanjang baris berikut (Lihat atribut tambahan di sebelah kanan):

Persona modified for diversityPersona modified for diversityPersona modified for diversity
Persona dimodifikasi untuk keragaman

Dengan mempertimbangkan atribut ini tambahan pada persona, kita dapat melihat bahwa Jerry menderita ketegangan mata, dan bergantung pada input keyboard, dibandingkan dengan menggunakan mouse. Hal ini memberikan pengaruh untuk membuat keputusan desain tertentu dengan memperhatikan masukan, membuat produk akhir yang lebih mudah diakses oleh khalayak yang lebih luas.

Mari kita sekarang masuk sedikit lebih dalam ke memutuskan pada jenis kemampuan untuk diperhatikan ketika membuat beragam personas.

Mulailah dengan kemampuan

Ketika menambahkan pengguna kemampuan untuk menciptakan beragam personas dalam aksesibilitas web, kita bisa mulai dengan mempertimbangkan kategori gangguan yang digariskan oleh W3C:

  • Pendengaran
  • Kognitif
  • Neurologis
  • Fisik
  • Pidato
  • Visual

Setelah kemampuan didefinisikan, ini sering dapat membantu kita memahami atribut lain yang tercantum di atas. Misalnya, jika pengguna memiliki gangguan ekstremitas atas, mereka mungkin dapat menggunakan mouse input, dan akan lebih cocok untuk menggunakan perangkat input yang berbeda seperti keyboard.

Mempertimbangkan tingkat kecacatan

Tingkat kecacatan dapat berkisar dari ringan sampai parah, dan dapat menentukan kesulitan pengguna wajah ketika menggunakan produk atau layanan. Berikut adalah beberapa contoh dari berbagai cacat yang mungkin untuk beberapa kategori gangguan yang tercantum di atas:

  • Cacat pendengaran dapat berkisar dari satu telinga untuk kedua telinga, dan dari "keras mendengar" untuk "tuli".
  • Cacat fisik dapat mencakup pembatasan kontrol otot (misalnya menyebabkan tak sadar gerakan), bersama masalah (membatasi gerakan), atau yang utuh.
  • Kognitif cacat dapat mempengaruhi seberapa baik orang memahami informasi. Mereka melibatkan setiap gangguan pada sistem saraf, yang mempengaruhi seberapa baik orang-orang bisa mendengar, memindahkan, melihat, berbicara dan memahami informasi.

Memahami hambatan yang dibuat oleh kecacatan

Setiap cacat dapat membawa berbagai jenis hambatan dan aspek yang harus dipertimbangkan ketika merancang untuk inclusivity.

  • Hambatan pendengaran dapat mencakup semua jenis konten audio, video makna yang membuat besar menggunakan suara menjadi tidak dapat diakses bagi pengguna.
  • Hambatan fisik mungkin termasuk situs web yang tidak menyediakan dukungan keyboard lengkap, atau sistem navigasi tak terduga.
  • Hambatan kognitif mungkin termasuk halaman layout yang sulit untuk mengikuti, atau teks dengan beberapa gambar yang berguna untuk membantu pemahaman dalam jumlah besar.

Daftar lengkap dari cacat dan hambatan dapat ditemukan dalam panduan W3 keanekaragaman untuk pengguna Web.

Mempertimbangkan teknologi bantu dan perangkat tambahan

Ketika orang-orang menghadapi hambatan karena tingkat kemampuan, banyak Common belum ada perangkat tambahan sederhana yang dapat membuat produk yang dapat diakses.

Sebagai contoh, termasuk perangkat tambahan yang digunakan untuk menutup pendengaran hambatan menambahkan takarir untuk video, atau menggunakan transkrip yang dapat dibaca bukan mendengarkan.

Seperti dijelaskan sebelumnya, perbaikan tersebut tidak hanya membantu mereka sulit mendengar, tetapi sering meningkatkan pengalaman pengguna bagi semua orang, seperti yang disorot dalam artikel ini oleh Hubspot, berjudul mengapa Anda Facebook video perlu dioptimalkan untuk berdiam diri.

Mereka berpendapat bahwa ada situasi di mana orang-orang (terlepas dari tingkat kemampuan) tidak akan menonton video dengan suara, seperti dalam pengaturan publik. Dalam situasi ini, sub judul membuat informasi yang disampaikan oleh suara dapat diakses oleh mata. Bahkan kita harus mulai untuk melihat hal ini dalam banyak video hari ini, seperti yang ditunjukkan dalam gambar berikut:

foodvideosfoodvideosfoodvideos
Video dengan teks untuk mengatasi hambatan pendengaran (@foodvideos)

Contoh dari beragam Personas

Ada banyak contoh besar beragam personas keluar di web yang menempatkan banyak ide-ide dalam artikel ini dalam praktek. Berikut adalah beberapa contoh yang baik, Anda dapat mengikuti ketika membuat beragam personas Anda sendiri:

Barclays beragam Personas

Barclays telah mengumpulkan koleksi lengkap personas, yang mencakup berbagai macam cacat seperti bipolar, Cerebral Palsy, disleksia dan gangguan lainnya. Persona setiap juga mengandung bio rinci dan gaya hidup deskripsi, yang berguna dalam memahami Cacat.

Barclays Diverse PersonasBarclays Diverse PersonasBarclays Diverse Personas
Barclays beragam Personas

Web untuk semua orang

Buku, A Web untuk semua orang "Merancang diakses pengalaman pengguna", memiliki seperangkat baik personas beragam, beberapa di antaranya adalah sebagai berikut:

Trevor A high school student with autismTrevor A high school student with autismTrevor A high school student with autism
Trevor: Seorang siswa sekolah menengah dengan autism
Emily Cerebral Palsy living independentlyEmily Cerebral Palsy living independentlyEmily Cerebral Palsy living independently
Emily: Cerebral Palsy, hidup secara mandiri
Jacob A blind paralegal in a law firmJacob A blind paralegal in a law firmJacob A blind paralegal in a law firm
Yakub: Buta paralegal di sebuah firma hukum

Koleksi lengkap, bersama dengan deskripsi terperinci, dapat dilihat di pratinjau buku UX Mag.

Langkah berikutnya

Untuk membuat personas lebih konkret, hal ini berguna untuk membuat "pengguna skenario", dimana cerita dapat dibuat untuk menjelajahi sebuah hari biasa bagi pengguna Anda. Ini dapat membantu mengidentifikasi lebih banyak rasa sakit poin yang dapat diselesaikan dalam produk Anda. Selamat membuat personas beragam Anda sendiri!

Bacaan lebih lanjut

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.