Apa itu Desain Web Inklusif?

Kegunaan situs web adalah istilah luas yang menggambarkan kemudahan penggunaan dan interaksi dengan situs web. Namun, hal penting untuk diingat ketika mendesain situs web agar dapat digunakan adalah tidak semua orang terlibat dengan situs web dengan cara yang sama atau dalam situasi yang sama.

Jika Anda mendesain situs web untuk pengguna "rata-rata" atau "ideal", Anda dapat secara realistis membuat antarmuka yang tidak menyenangkan, sulit, atau tidak mungkin digunakan untuk orang lain.

Pedoman yang diberikan oleh World Wide Web Consortium serta pemerintah daerah telah membantu desainer menutup kesenjangan dalam hal kegunaan dan aksesibilitas. Namun, itu tidak serta merta membuat situs web sepenuhnya inklusif.

Dalam posting berikut, kita akan memeriksa apa arti desain inklusif, nilainya dalam desain web, serta apa yang perlu Anda pertimbangkan saat mendesain antarmuka dan interaksi inklusif.

Pelajari Cara Mendesain untuk Aksesibilitas Web

Apa itu Desain Inklusif?

Desain web inklusif menghilangkan bias dan asumsi dari situs web sehingga pengguna tidak akan merasa dikecualikan karena gangguan, demografi, atau keadaan sementara atau permanen lainnya.

Baik desain web yang dapat diakses dan desain UX adalah komponen penting dari situs web inklusif. Desain yang dapat diakses adalah proses menghilangkan hambatan masuk bagi penyandang disabilitas dan disabilitas lainnya. Desain UX adalah pendekatan berbasis data untuk mendesain yang menguji dan memvalidasi bagaimana pengguna nyata terlibat dengan situs web.

Karena itu, ada banyak hal yang perlu dipertimbangkan dalam desain inklusif karena bukan sepenuhnya kelemahan pengguna yang dapat mencegah mereka untuk sepenuhnya menggunakan atau merasa puas dengan situs web. Desainer web juga dapat mengalami masalah dengan membuat pengalaman untuk sekumpulan pengguna eksklusif.

Dengan demikian, desainer web perlu mempertimbangkan faktor-faktor berikut:

• Gangguan fisik yang berhubungan dengan penglihatan, pendengaran, atau ketangkasan
• Gangguan mental yang mempengaruhi kognisi atau bicara
• Batasan situasional yang mencegah pengguna untuk sepenuhnya terlibat dengan produk
• Kendala teknis seperti perangkat keras, konektivitas internet, dan literasi komputer
• Hambatan bahasa dan geografis
• Perbedaan demografis seperti usia, ras, dan jenis kelamin
• Perbedaan sosial ekonomi

Intinya: Desain inklusif pada akhirnya diterjemahkan menjadi desain universal.

Desainer web memiliki berbagai alat yang mereka miliki untuk mengatasi aspek aksesibilitas dari desain inklusif. Misalnya, alat aksesibilitas WordPress, pemeriksa aksesibilitas web, pedoman WAI-ARIA, dan lainnya dapat membuat desain dan implementasi yang dapat diakses lebih mudah dilakukan.

Namun, dengan desain inklusif, diperlukan pemahaman yang lebih besar tentang batasan yang mungkin dihadapi pengguna di web. Tidak ada alat yang akan memindai situs web Anda dan mengonfirmasi bahwa Anda telah menciptakan pengalaman yang paling beragam dan setara. Ini adalah sesuatu yang Anda harus pelajari cara menerapkan dan memeriksanya sendiri.

Mengapa Desain Web Inklusif Itu Penting

Ada sejumlah alasan mengapa desainer web perlu menjadikan aksesibilitas dan inklusivitas sebagai bagian dari setiap situs web yang mereka buat. Mari kita lihat dulu bagaimana situs web non-inklusif merugikan semua orang:

Kelemahan dari Non-Inklusivitas

Pada tahun 2021, WebAIM menerbitkan hasil Survei Pengguna Pembaca Layar #9. 7,7% responden survei mengatakan bahwa mereka harus menggunakan pembaca layar saat online.

Ketika ditanya bagaimana perasaan mereka tentang keadaan aksesibilitas Internet saat ini, hanya 39,3% yang mengatakan bahwa itu lebih mudah diakses daripada tahun-tahun sebelumnya. 42,3% merasa tidak ada yang berubah sementara 18,5% mengatakan lebih buruk.

Menurut Mike Gifford dari CivicActions, mungkin lebih dari 7,7% populasi yang mengalami tidak dapat diaksesnya dan berbagi perasaan ini:

“Kombinasi disabilitas dan metode yang digunakan orang untuk mengatasi hambatan sangat beragam. Secara etis, membangun untuk pengguna yang paling tidak diuntungkan harus diberikan prioritas tertinggi. Sayangnya, dengan dorongan konstan kami untuk yang baru dan mencolok, kami secara teratur mengecualikan 10-20% dari sesama warga kami.

Menurut American Bar Association, ada 8.000 orang Amerika dengan Disabilities Act Title III tuntutan hukum yang diajukan ke pengadilan federal antara 2017 dan 2020. Jumlah itu melonjak 14,3% menjadi 2.352 tuntutan hukum pada tahun 2021 saja, menurut Accessibility.com.

Ada orang lain yang mungkin merasa dikecualikan dari situs web, tetapi tidak memiliki jalur hukum. Misalnya, World Data Lab mengatakan bahwa ada 1,1 miliar orang miskin internet. Dalam beberapa kasus, ini berarti mereka tidak mampu membeli paket data seluler. Dalam kasus lain mereka bisa, tetapi mereka tidak mendapatkan cukup data untuk digunakan, sehingga mereka tidak mampu menghabiskan waktu di situs web yang banyak sumber dayanya.

Ada juga populasi lansia yang perlu dipertimbangkan. Pusat Penelitian Pew menemukan bahwa jumlah manula yang menggunakan Internet telah meningkat dalam beberapa tahun terakhir. Yang mengatakan, TechCrunch melaporkan bahwa sekitar 50% orang dewasa yang lebih tua membutuhkan seseorang untuk membantu mereka mengatur dan menggunakan teknologi digital baru. Selain itu, 40% manula buta huruf secara digital di kota San Francisco — tepat di samping Lembah Silikon, dari semua tempat.

Bahkan jika situs web Anda tidak dikenai tuntutan hukum, pertimbangkan apa yang akan terjadi jika kehilangan 20% atau lebih pengunjung Anda karena desain non-inklusif terhadap kelangsungan jangka panjang merek. Itu adalah segmen besar audiens yang akan hilang hanya karena situs web tidak ramah atau tidak dapat digunakan.

Kelebihan Inklusivitas

Saat Anda mendesain situs web untuk inklusif, Anda mendesainnya sehingga semua orang yang ingin terlibat dengannya sepenuhnya dan tidak merasa dikucilkan. Semua orang menang ketika Internet menjadi tempat yang inklusif:

Desain web inklusif mengarah ke desain produk yang lebih baik.

Dari situs web hingga aplikasi seluler dan segala sesuatu di antaranya, desain inklusif memaksa desainer untuk kembali ke dasar desain yang baik, bermanfaat, dan empatik.

Merek menjangkau audiens yang lebih besar.

Merek yang memprioritaskan pengalaman positif secara universal untuk semua orang dan bukan hanya pengguna yang ideal akan menarik basis pengguna yang lebih setia yang juga menghargai inklusivitas dan kesetaraan.

Pengguna merasa lebih baik berinteraksi dengan situs web inklusif.

Orang-orang menghabiskan begitu banyak waktu di depan layar sehingga masalah seperti sindrom terowongan karpal, sindrom penglihatan komputer, dan gangguan kecanduan internet terlalu umum akhir-akhir ini. Desain yang inklusif dan etis dapat membantu pengguna merasa lebih baik dalam pikiran dan tubuh mereka.

Desain web inklusif membantu peringkat situs web lebih baik dalam hasil pencarian.

Google memperbarui algoritme pencariannya beberapa tahun yang lalu, menyebutkan empat faktor penting untuk menciptakan pengalaman terbaik di halaman: Kinerja (kecepatan) Aksesibilitas, Praktik Terbaik (desain dan kode) dan SEO (misalnya teks alternatif). Desain inklusif memberikan kontribusi untuk masing-masing.

Cara Membuat Persona Desain Web Inklusif

Seringkali, desainer akan muncul dengan persona fiktif di awal proyek situs web. Ini membantu mereka memvisualisasikan dan berhubungan dengan pengguna akhir tempat mereka membangun situs web. Ini juga membantu mereka memahami bagaimana pengguna tertentu akan terlibat dengan situs web.

Ketika Anda memasukkan inklusivitas dalam proses desain web Anda, deskripsi persona pengguna Anda perlu sedikit disesuaikan. Persona pengguna tipikal memecah sebagai berikut:

• Nama
• Demografi (misalnya usia, jenis kelamin, pekerjaan, dll.)
• Kepribadian
• Suara
• Sasaran
• motivasi
• Frustrasi
• ketakutan

Persona pengguna inklusif juga perlu menyertakan:

Kemampuan: Ini adalah komponen aksesibilitas dari inklusivitas. Anda harus mengantisipasi bagaimana beberapa pengguna Anda mungkin dibatasi dalam hal bagaimana mereka menggunakan dan terlibat dengan situs web — secara fisik dan kognitif.

Bakat: Jika Anda melihat data tentang berapa banyak pengguna yang online, Anda akan menyadari bahwa beberapa pengguna Anda mungkin tidak melek digital. Menyimpang dari struktur dan tata letak dasar dan tidak menyediakan konteks yang cukup (seperti label dalam formulir kontak) dapat terbukti merugikan pengalaman pengguna ini.

Sikap: Ini mengacu pada pengguna yang mungkin menganggap situs web sebagai lingkungan yang tidak aman. Apakah mereka terlalu khawatir tentang privasi mereka atau gugup menghadapi malware, jenis ketakutan ini harus diatasi dengan fitur keamanan dan privasi yang dapat dikenali dan dapat dipercaya.

Akses: Pengguna tidak harus miskin internet untuk memiliki akses terbatas ke web. Misalnya, lebih dari setengah populasi dunia memiliki akses Internet di rumah, menurut UNESCO. Itu tidak berarti mereka tidak bisa online, itu hanya berarti mereka harus mencari cara lain untuk mendapatkannya — seperti pergi ke perpustakaan atau warnet. Jadi, konektivitas, perangkat keras, perangkat lunak, dan bahkan lokasi dapat memengaruhi akses.

Lokalisasi: Tidak pernah aman untuk berasumsi bahwa setiap pengguna tinggal di negara yang sama, berasal dari budaya yang sama, dan berbicara dalam bahasa yang sama dengan Anda. Dengan demikian, perbedaan ini harus diatasi saat membuat persona pengguna yang inklusif.

7 Prinsip Desain Inklusif

Agar desain inklusif berfungsi, perancang web harus menghilangkan asumsi, anggapan yang terbentuk sebelumnya, serta mengutamakan pengguna rata-rata di atas kebaikan semua pengguna. Untuk berhasil melakukan ini, desainer harus dipandu oleh prinsip-prinsip berikut:

1. Fleksibilitas

Tidak ada yang namanya satu ukuran cocok untuk semua dalam desain web. Itu tidak berarti bahwa Anda harus membuat situs web atau halaman arahan yang berbeda untuk pengguna yang berbeda. Namun, itu berarti menambahkan fitur tambahan ke UI saat Anda yakin fitur tersebut akan membantu menutup kesenjangan antara pengalaman pengguna yang berbeda.

Misalnya, sebaiknya sertakan transkrip video di bawah file yang disematkan. Dengan begitu, pengguna yang tidak bisa atau tidak ingin mendengar atau menonton video bisa membaca teksnya.

2. Kesederhanaan

Minimalisme adalah tren desain web yang bertahan lama dan dengan alasan yang bagus. Ini bukan hanya karena menciptakan antarmuka yang lebih menyenangkan secara visual, tetapi juga karena minimalis dan kesederhanaan membuka jalan untuk desain yang lebih intuitif.

Cara terbaik untuk mendekati ini adalah memperlakukan situs web seperti produk yang layak minimum (MVP). Bangun fitur inti yang menjadikannya produk yang berguna dan berharga. Kemudian, tambahkan elemen tambahan hanya jika dibutuhkan dan berikan nilai pada pengalaman semua orang.

3. Konsistensi

Konsistensi tidak berarti situs web harus dapat diprediksi atau membosankan. Anda tetap bisa berkreasi dengan tetap menjaga konsistensi.

Semua orang mendapat manfaat dari konsistensi dalam desain. Ini menghilangkan frustrasi dan kebingungan yang disebabkan oleh elemen atau fitur yang sama yang disajikan dengan cara yang berbeda di situs web yang sama. Selain itu, konsistensi dengan cara sebagian besar web menangani elemen inti — seperti navigasi situs web — dapat meningkatkan kegunaan situs web dan mempercepat waktu konversi.

4. Persepsi

Selain mempertimbangkan bagaimana orang terlibat dengan situs web, desainer juga harus mempertimbangkan bagaimana mereka lebih suka terlibat dengan situs web. Misalnya, situs web yang didominasi oleh citra mungkin sangat sulit bagi pengguna yang bukan pembelajar visual untuk mencerna kontennya.

Saat Anda menyatukan konten untuk sebuah situs web, pastikan ada campuran yang sehat darinya. Jika hanya ada satu jenis konten (seperti semua teks dan tidak ada gambar), beberapa pengunjung Anda kemungkinan akan dirugikan dalam hal pemahaman atau kemudahan penggunaan.

5. Ekuitas

Keadilan dalam desain web mengacu pada hasil yang adil. Dengan kata lain, terlepas dari siapa pengunjungnya, setiap pengunjung harus dapat menyelesaikan tugas dengan mudah.

Di sinilah proses desain UX berguna. Mendapatkan masukan pengguna langsung ke tujuan pengguna dan apa yang mereka butuhkan untuk menyelesaikannya membantu desainer menciptakan interaksi bebas gesekan dan perjalanan pengguna untuk semua orang.

Misalnya, pertimbangkan komponen UI seperti penggeser gambar. Cara inklusif untuk mendesainnya adalah dengan menonaktifkan fitur geser otomatis. Kemudian, sertakan kemampuan menggesek dan mengklik sehingga setiap pengguna dapat mengontrol penggeser dan kecepatannya.

6. Pencegahan

Desain inklusif akan mengurangi kesalahan manusia. Ini berarti merancang UI untuk mencegah kesalahan sebanyak mungkin sambil juga memberikan respons yang toleran dan membantu terhadap kesalahan yang terjadi. Dengan mengurangi frustrasi atau rasa malu yang terkait dengan membuat kesalahan, desain inklusif lebih banyak membangun kepercayaan dengan pengunjung.

Prinsip khusus ini paling sering berperan pada titik pertunangan. Misalnya, tombol harus selalu didesain agar cukup besar untuk dilihat dan diklik.

Pesan kesalahan dalam formulir kontak adalah contoh bagus lainnya. Dengan menampilkan pesan kesalahan sebaris dalam warna dan ukuran yang dapat dibaca semua orang, Anda akan mengurangi kemungkinan kesalahan berulang. Anda juga akan memiliki formulir kontak yang terasa lebih bermanfaat daripada formulir yang menyediakan pesan kesalahan yang tidak jelas atau yang terlambat dalam prosesnya.

7. Akomodasi

Salah satu alasan mengapa situs web tunduk pada tuntutan hukum aksesibilitas seperti halnya bisnis bata-dan-mortir adalah karena mereka telah dianggap sebagai "tempat akomodasi publik". Selain memastikan bahwa setiap orang dapat membaca, menavigasi, dan terlibat dengan situs web, desain inklusif menjamin sejumlah kenyamanan bagi pengunjung.

Kenyamanan dapat berarti banyak hal bagi banyak orang — ruang yang luas, tata letak yang dapat diprediksi, dll. Desain inklusif juga meminta desainer untuk mempertimbangkan seberapa nyaman pengguna mereka dengan konten situs web.

Misalnya, menggunakan beragam citra yang mencerminkan audiens target akan menciptakan lingkungan yang lebih ramah daripada citra stok umum yang telah dilihat pengguna berkali-kali. Hal yang sama dapat dikatakan untuk menggunakan salinan langsung alih-alih salinan penuh jargon yang hanya dapat dipahami oleh sebagian audiens.

Kesimpulan

Desain web inklusif adalah istilah yang mencakup semua yang mencakup disiplin ilmu seperti desain UX, desain yang dapat diakses, dan desain responsif. Namun, desain inklusif mengambil langkah lebih jauh untuk memastikan bahwa hasil akhirnya adalah situs web yang dapat digunakan secara universal dan diterima dengan baik.

Pendekatan desain web ini membutuhkan pemahaman yang kuat tentang tantangan yang dihadapi orang yang berbeda ketika terlibat dengan situs web, yang melampaui gangguan atau kecacatan.

Cara terbaik untuk mengintegrasikan inklusivitas ke dalam proses desain web Anda adalah pertama-tama memastikan bahwa Anda bekerja dengan alat yang membantu Anda menerapkannya — seperti fitur aksesibilitas WordPress dan Elementor. Kemudian, perbarui template persona pengguna Anda dengan faktor inklusif seperti kemampuan, bakat, dan akses. Terakhir, terus perbarui proses Anda saat Anda mempelajari lebih lanjut tentang pengalaman pengguna dan tantangan umum yang mereka hadapi saat menggunakan web.