Panduan Utama untuk Desain Web Inklusif + Tips Cara Melakukannya
Diterbitkan: 2022-06-22
Semakin banyak orang yang menggunakan internet, dan situs web Anda sering kali menjadi titik kontak pertama pelanggan dengan Anda. Untuk menarik dan mempertahankan pelanggan, Anda harus menawarkan pengalaman pengguna berkualitas tinggi. Di situlah konsep desain web inklusif masuk. Panduan ini menggali ide-ide di balik desain web inklusif dan bagaimana Anda dapat membangun ide-ide ini untuk meningkatkan kegunaan secara keseluruhan.
Ratusan Gratisan Resolusi Tinggi Hanya untuk Anda!
Yang Perlu Anda Ketahui Tentang Topik Ini
- Apa itu Desain Web Inklusif?
- Apa Prinsip Desain Inklusif?
- Apa Itu Contoh Desain Inklusif?
- Untuk menyimpulkan
Apa itu Desain Web Inklusif?
Desain web inklusif adalah praktik membuat situs yang dapat digunakan siapa saja. Rentang orang yang mengunjungi situs Anda mungkin memiliki disabilitas atau ketidaktahuan yang lebih luas dengan internet. Ini dapat mencegah mereka melakukan tugas tertentu di situs web Anda, yang, jika Anda bekerja dalam pengembangan situs web e-niaga, memiliki kelemahan yang jelas.
Secara praktis, pengunjung mungkin memiliki masalah dengan konten visual atau audio situs. Mereka mungkin tidak dapat berinteraksi secara tepat dengan antarmuka yang mengharuskan mereka untuk berbicara. Mereka mungkin kesulitan untuk berinteraksi dengan elemen tertentu di situs web, seperti tombol atau tautan. Masalah yang dapat diatasi oleh pengujian kegunaan seluler . Mereka mungkin juga kesulitan memahami cara berpindah situs atau merasa tidak nyaman dengan membocorkan detail pribadi.
Desain web inklusif mengenali dan bekerja untuk mengurangi masalah ini di situs web. Dengan melakukannya, Anda akan memastikan lebih banyak orang dapat menggunakan situs Anda dengan benar tanpa mengorbankan pengalaman bagi pengguna non-cacat di sepanjang jalan.
Anda mungkin menyukai: Kekuatan Desain Web untuk Startup Anda
Apa Prinsip Desain Inklusif?
Cara yang bagus untuk mempertimbangkan aksesibilitas adalah bekerja secara langsung dengan orang-orang yang menghadapi masalah signifikan, seperti disabilitas. Misalnya, pikirkan tentang melakukan wawancara dengan orang-orang yang menurut Anda kemungkinan besar akan menggunakan situs web Anda dan mempertimbangkan umpan balik mereka ke dalam pilihan desain Anda yang lebih luas.
Badan amal disabilitas dapat menjadi titik kontak yang berguna pada tahap awal ini. Memfaktorkan proses penyertaan ke dalam rencana pengujian QA Anda juga disarankan.
Selain ide ini, Anda dapat mempertimbangkan beberapa prinsip desain yang luas dan inklusif. Ini bergerak di luar kategori pengguna tertentu, meskipun mereka tetap membantu saat merancang atau mendesain ulang situs web.
1. Fleksibilitas
Karena kita sekarang mengakses internet di berbagai perangkat, desainer dan pengembang terbiasa mengubah situs web untuk konteks yang berbeda. Pertimbangkan untuk memperluas konsep ini untuk mengakomodasi penyandang disabilitas, dan merangkul gagasan bahwa situs web Anda akan melakukan hal yang berbeda untuk orang yang berbeda.
Anda mungkin ingin mendekati ide ini sebagai serangkaian pertanyaan: menanyakan siapa yang akan menggunakan situs Anda, di mana dan kapan mereka akan mengaksesnya, dan seterusnya. Meskipun jawaban ini tidak selalu jelas, mengajukan pertanyaan tetap bermanfaat.
2. Aksesibilitas
Situs web yang baik bukanlah teka-teki yang harus dipecahkan. Orang yang mengunjungi situs Anda harus memahami cara kerjanya dan di mana mereka berada di dalamnya. Jika Anda berpikir untuk menambahkan fitur baru ke situs web, pertimbangkan apakah itu meningkatkan nilai situs atau kompleksitasnya. Anda juga dapat menggunakan pengujian terpisah untuk mencoba beberapa potensi perubahan situs yang berbeda.
Akan membantu jika Anda juga ingat bahwa orang suka menyerap informasi secara berbeda. Misalnya, beberapa orang suka membacanya, sementara yang lain lebih suka video. Setidaknya mempertimbangkan metode penyampaian informasi yang berbeda adalah strategi yang solid di sini.
Demikian pula, harus selalu jelas apa yang terjadi di situs. Pesan yang jelas yang mengatakan ketika segala sesuatunya berjalan dengan benar (atau salah) membantu orang-orang tetap berada di jalur selama waktu mereka dengan situs Anda dan mendorong kunjungan berulang.
3. Akomodasi
Meskipun Anda mungkin ingin mengisi halaman dengan konten, memiliki terlalu banyak konten dapat membuat Anda kewalahan dan berlawanan dengan intuisi. Sebaliknya, memiliki terlalu sedikit dapat menyebabkan pengguna Anda merasa bingung. Cobalah untuk menyeimbangkan dengan berapa banyak yang muncul di setiap halaman web; ini mengurangi gesekan ketika orang datang untuk menggunakannya.
Cobalah untuk menerapkan praktik desain Anda secara konsisten di seluruh situs juga. Ini memastikan bahwa siapa pun yang berinteraksi dengan situs Anda akan terkejut. Memahami perilaku pengguna melalui alat seperti peta panas dapat membantu Anda memutuskan apa yang harus diprioritaskan selama perbaikan situs.
Apa Itu Contoh Desain Inklusif?
Dengan mempertimbangkan ide-ide ini, inilah saatnya untuk melihat beberapa cara konkret Anda dapat membuat situs bekerja lebih efektif. Perlu diingat bahwa pendekatan setiap orang terhadap desain inklusif berbeda: kami tidak dapat menanyakan ' apa itu stack overflow ' dan mendapatkan jawaban pasti untuk setiap pertanyaan. Namun, langkah-langkah ini adalah titik awal yang baik.
1. Tombol besar
Titik awal yang bagus untuk desain inklusif adalah tata letak yang bersih dan mudah dipahami. Ide ini terwujud dalam beberapa cara berbeda, tetapi elemen yang dapat diklik adalah beberapa yang paling penting.
Apa pun yang perlu diketuk atau diklik pengguna harus memiliki lebar setidaknya 48x48 piksel. Ini berarti pengunjung dapat lebih mudah berinteraksi dengan situs Anda jika mereka memiliki gangguan penglihatan atau gangguan fungsi motorik.
Jika ada beberapa elemen yang dapat diklik pada halaman, pastikan mereka tidak terlalu dekat. Jika tidak, ini dapat menyebabkan seseorang mengklik sesuatu yang tidak mereka inginkan, yang jelas tidak diinginkan.
Anda juga dapat membuat tombol berfungsi lebih baik dengan membatasi jumlahnya. Jangan terlalu banyak di satu halaman web; fokus pada apa yang penting. Layanan seperti Pengujian Aplikasi Global dapat membantu Anda menemukan masalah ini dengan lebih efisien.
2. Pilihan Warna Yang Bagus
Warna adalah bagian penting dari sebuah merek, meskipun mudah untuk membuat pilihan warna yang buruk . Kami juga perlu mempertimbangkan untuk menggunakan warna dalam desain situs kami yang lebih luas.
Situs web yang baik memastikan tingkat kontras minimum antara nilai warna (mengacu pada relatif terang dan gelap daripada rona). Aturan yang baik untuk nilai warna kontras adalah 3:1. Ini harus bekerja secara efektif untuk objek yang dapat diklik, visual, dan elemen situs web lainnya.
Bahkan jika Anda menentukan kontras warna situs, Anda mungkin memiliki pengunjung buta warna yang kontrasnya tidak terlalu membantu. Karena itu, pertimbangkan cara lain untuk menarik perhatian ke elemen halaman tertentu, seperti teks tebal atau garis bawah.
3. Bahasa Bijaksana
Melalui gagasan seperti komunikasi kontekstual , bisnis berpikir dengan hati-hati tentang cara mereka berbicara dengan pelanggan. Penting juga untuk berhati-hati dengan bahasa yang Anda gunakan di situs web secara lebih umum, terutama karena konten tertulis tetap sangat populer.
Pada tingkat dasar, cobalah untuk menghindari jargon industri yang kompleks; pertimbangkan jika ada kata yang lebih sederhana dengan arti yang serupa. Jelaskan singkatan apa pun yang Anda gunakan, dan batasi panjang kalimat jika Anda bisa. Jika Anda menggunakan heading, pastikan mereka secara akurat mencerminkan konten di bawahnya.
Anda juga perlu memikirkan bagaimana teks muncul secara fisik. Bertujuan untuk ukuran font minimal 16px, gunakan font yang jelas, dan berusaha untuk kontras tinggi dengan latar belakang. Buat tautan mudah dikenali (dengan menggarisbawahinya, misalnya) dan pastikan jarak di dalam dan di sekitar blok konten cukup besar. Jangan lupa untuk menambahkan keterangan untuk konten video juga.
4. Elemen Inklusif
Ide ini berlaku untuk banyak bagian situs web Anda, meskipun visual sangat rentan. Jika Anda perlu mewakili seseorang, atau sekelompok orang, di situs web Anda, apakah Anda membuat asumsi negatif tentang mereka? Layanan cloud CCaaS dapat membantu Anda mendapatkan jawaban atas pertanyaan ini lebih cepat dari sebelumnya.
Sering kali merupakan ide yang baik untuk menghasilkan sosok atau karya yang lebih abstrak yang mewakili beberapa etnis, identitas gender, dan disabilitas di sebuah situs. Anda bahkan mungkin ingin menghindari mengidentifikasi kelompok tertentu sama sekali dalam visual Anda, terutama jika hal-hal seperti jenis kelamin dan ras tidak relevan dengan suatu subjek.
MENJADI lebih inklusif di situs Anda dengan menghindari pertanyaan tentang etnis atau bahasa gender; tindakan ini dapat menghasilkan lebih banyak keterlibatan. Semakin banyak langkah dalam formulir atau proses checkout, semakin kecil kemungkinan pengguna Anda akan menyelesaikannya. Meskipun Anda tidak mungkin bertanya tentang jenis kelamin atau etnis, katakanlah, situs e-niaga, prinsip pengumpulan informasi yang sederhana dan minimalis masih berlaku lebih luas.
Untuk menyimpulkan
Tentunya, sebelum membaca panduan ini, Anda sudah mengetahui – dan bahkan mungkin telah mengadopsi – beberapa konsep dan prinsip desain web inklusif. Namun, akan sangat membantu untuk memikirkan konsep tersebut sebagai proses yang berkembang daripada tugas satu kali.
Di sisi lain, fleksibilitas dan aksesibilitas memerlukan fokus pada elemen yang lebih spesifik seperti tombol, tampilan teks, dan bahkan pilihan warna. Juga, pertimbangkan bagaimana Anda mewakili orang-orang di situs Anda dan apakah Anda memerlukan informasi terperinci dari pengguna Anda atau tidak. Menjadikan ini sebagai praktik umum memastikan bahwa situs dan bisnis Anda memiliki fondasi yang lebih kuat.
Bio Penulis:
Emily Rollwitz – Eksekutif Pemasaran Konten, Pengujian Aplikasi Global
Emily Rollwitz adalah Eksekutif Pemasaran Konten di Global App Testing , perusahaan pengujian aplikasi jarak jauh dan sesuai permintaan yang membantu tim aplikasi teratas memberikan perangkat lunak berkualitas tinggi di mana saja di dunia. Dia memiliki lima tahun pengalaman sebagai pemasar, mempelopori kampanye dan acara generasi pemimpin yang mendorong kinerja merek terkemuka. Menangani pemasaran berbagai merek, Emily juga telah mengembangkan denyut nadi yang hebat dalam menciptakan konten yang segar dan menarik. Dia menulis untuk situs web hebat seperti Airdroid dan Shift4Shop. Anda dapat menemukannya di LinkedIn .