UX & Kebolehcapaian: semua berkenaan?

Luangkan masa untuk bertanya beberapa soalan tentang kebolehcapaian di sekeliling anda dan anda akan mendapati dengan cepat orang ramai mengaitkan orang kurang upaya dengan orang yang kurang upaya. Jika anda bertanya soalan yang sama kepada pelanggan anda, dia akan memberitahu anda bahawa ini akan menjana kos pembangunan tambahan untuk ROI yang sangat rendah. Akhir sekali, bagi Pereka (UI & UX) dan Pembangun, kami masih kurang memberi perhatian kepada isu ini.
 

MENERIMA IDEA TENTANG KECILAPAN DI PERANCIS

Daripada 65 juta penduduk di Perancis, 20% orang kurang upaya mengikut maksud undang-undang.

13 juta orang kurang upaya Perancis pada 2016

A priori, anda sepatutnya sudah memberitahu diri anda bahawa 13 juta adalah banyak! Oleh itu, tidak mereka bentuk tapak atau aplikasi untuk populasi ini nampaknya tidak relevan.

Angka ini berganda jika kita mengira ketidakupayaan sementara, iaitu 26 juta orang Perancis!

Sekarang anda mula melihat bahawa kita tidak bercakap tentang segelintir individu. Tetapi anda berkata kepada diri sendiri bahawa 20 atau 40% adalah penting dan agak pelik untuk tidak menyedarinya sebelum ini. Bayangkan ini adalah perkara biasa kerana 80% kecacatan dikatakan tidak kelihatan.

13on-618471-unsplash
 

APLIKASI KHAS

Terdapat lebih banyak aplikasi yang datang untuk membantu populasi tertentu. Mereka mempunyai kekhususan dalam menangani kecacatan tertentu.

Contoh 1
Visi Aipoly memungkinkan untuk mengenali warna atau objek untuk orang cacat penglihatan terima kasih kepada Realiti Tertambah sudah menawarkan perspektif. Oleh itu aplikasi Aipoly Vision memungkinkan untuk memberikan warna atau objek kepada orang cacat penglihatan.

2018-04-23 tangkapan di 10.14.56

Contoh 2
Street Co membolehkan orang kurang pergerakan bergerak di sekitar bandar dengan mengambil kira semua halangan. Oleh itu, aplikasi sangat berguna dalam persekitaran bandar kita.
2018-04-23 tangkapan di 14.05.04
 

KEBOLEHAMPUAN ADALAH ASLI

Apple menawarkan tweak untuk menjadikan kebolehaksesan lebih mudah. Oleh itu, setiap versi baharu OS mereka melihat bahagian ciri baharunya.

Anda boleh mengaksesnya daripada Tetapan -> Umum -> Kebolehcapaian.

Kumpulan 66

Seperti yang anda lihat, terdapat banyak ciri. Apa yang agak melucukan ialah sebahagian daripadanya digunakan terutamanya oleh orang yang berkemampuan.

Contoh denyar

Ia adalah mungkin untuk menjadikannya berkelip apabila menerima mesej, panggilan, amaran... Jika objektif asas adalah untuk memberi isyarat sesuatu kepada orang yang kurang pendengaran atau pekak, hari ini ramai orang yang tidak mempunyai masalah pendengaran turut mengaktifkan ciri ini.

VoiceOver: Ciri

Ini adalah ciri utama yang Apple telah melabur banyak.
Ia membolehkan iPhone anda membaca dengan kuat perkara yang terdapat pada skrin anda. Secara teori, anda sepatutnya boleh menyemak imbas dan menggunakan aplikasi dengan mata tertutup. Sebenarnya, semoga berjaya kerana beberapa aplikasi mesra VoiceOver.

Font: perubahan saiz

UX-Designer menghasilkan wireframe, UI-Designer membuat mock-up dan pasukan mengekodkan aplikasi... Setakat ini bagus. Kecuali Robert, 74, yang tidak dapat melihat dengan baik, telah menetapkan fon kepada saiz terbesarnya. Halaman utama anda yang cantik, iaitu satu skrin, menjadi boleh ditatal dan semua elemen tidak berstruktur.
Malangnya, tiada siapa yang mahu berfikir di hulu bahawa pengguna mempunyai kuasa ini, secara asal, untuk memainkan saiz dan berat fon.

Apa yang estetik menjadi tidak dapat dihadam.

 

CONTOH KEBOLEHAMPUAN

Visual dan kritikan, berikut adalah beberapa contoh aplikasi untuk diikuti atau tidak...

KAMI TIDAK SEMUA SAMA SEBELUM WARNA

Jika aplikasi FNAC adalah rujukan dalam e-dagang, halaman penarafan jelas tidak direka untuk orang yang mengalami masalah penglihatan.

Kumpulan 65Di sebelah kiri aplikasi FNAC, dan di sebelah kanan aplikasi FNAC dilihat oleh seseorang yang, sebagai contoh, buta warna. Sukar untuk mengaitkan warna dengan nota. Nasib baik, terdapat nombor yang berkaitan, walaupun ia sangat kecil.

UNTUK MENJADI VISUAL ATAU TIDAK MENJADI

Oleh kerana visualisasi data yang berjaya selalunya bernilai berpuluh-puluh perkataan, jangan teragak-agak untuk menggambarkan daripada menerangkan.
Perbankan adalah contoh yang sangat baik. Selama beberapa tahun, semua jenis graf telah menggambarkan semua jenis perbelanjaan dalam permohonan.

Kumpulan 68

Di sebelah kiri, aplikasi Vivino yang menggambarkan pengedaran ruang bawah tanah profil dalam bentuk carta pai. Ini membolehkan saya melihat sekilas bahawa tiga kategori wain merah mewakili hampir separuh daripada bilik bawah tanah saya.

Di sebelah kanan, contoh aplikasi perbankan dengan Bankin yang juga membolehkan anda melihat dengan cepat item perbelanjaan utama untuk tempoh tersebut.

TINDAKAN DAN KONTEKS BERKAITAN

Konsepnya ialah tindakan yang diminta daripada pengguna dikaitkan sebanyak mungkin dari segi logik kognitif dengan elemen yang dimaksudkan (jangan risau, contoh lebih jelas daripada ayat sebelumnya). Untuk menggambarkan ini saya akan mengambil halaman web dari tapak ux-republic.com yang dipaparkan pada mudah alih (laman web kami adalah visual di tengah).
Berikut adalah tiga visual di mana hanya bahagian "penyelidikan" yang terletak di tengah berbeza.

Kumpulan 74Visual pertama menunjukkan medan carian dengan butang yang tidak dipautkan dengan jelas, perkataan yang tidak dikaitkan dengan tindakan dan warnanya mengelirukan.
Visual kedua sudah lebih "boleh diakses" kerana butang dipautkan dengan lebih jelas dan kata-kata menggambarkan tindakan dengan sempurna.
Visual ketiga mengutamakan warna yang dikaitkan dengan pengesahan elemen dan pelancaran carian, yang disahkan oleh chevron.

KONTRAS DAN RUANG

Sama ada orang yang mengalami masalah penglihatan atau motor, jika maklumat, butang, tindakan terlalu dekat dan/atau terlalu halus, ia menjadi sekatan. Berikut adalah contoh aplikasi menerima pakai seorang lelaki di visual kiri. Halaman ini dianimasikan dan renderingnya sangat bagus dan kualitatif.

Sebaliknya, dari segi kebolehcapaian ia lebih teruk. Chevron berada di hadapan teks, butang kecil dan melekit, dan animasi dengan bintang bergerak dan berkelip menambah kesukaran untuk membaca.

Kumpulan 75Penyelesaian yang sangat hodoh tetapi lebih mudah diakses ialah memisahkan butang dan mengalih keluar atau sekurang-kurangnya mengurangkan ketelusannya.

Sekali lagi, halaman aplikasi ini sangat cantik, tetapi anda perlu tahu cara meletakkan kursor antara estetika dan kebolehcapaian, bergantung pada sasaran yang anda cari. Tanpa melupakan bahawa boleh diakses tidak bermakna tidak menarik.

TUNJUKKAN KATA LALUAN

Di sini kita masuk ke dalam kesalahan yang serius. Ini ialah tahap keselamatan kata laluan yang diperlukan oleh aplikasi atau tapak. Ia lebih dan lebih kompleks untuk mencipta kata laluan dengan huruf besar, nombor tetapi berbeza, simbol ... dan lebih rumit untuk mengetahui sama ada kata laluan itu sepadan dengan kriteria. Berikut adalah contoh dari Linkedin:

Kumpulan 76

Amat sukar untuk memahami bahawa tahap ditunjukkan oleh saiz dan warna menu burger kecil semacam ini mereka letakkan pada baris kata laluan. Sebagai peringatan, kita semua tidak melihat warna yang sama (jika anda terlupa, kembali ke bahagian A artikel ini). Adalah lebih mudah untuk meletakkan tolok atau sesuatu yang lebih visual yang tidak memerlukan warna.

LUPAKAN CAPTCHAS 

Di sana kita masuk ke dalam kecuaian yang teruk (ia masih di atas kecuaian serius dari segi undang-undang). Ia semakin perlu untuk membuktikan bahawa seseorang itu bukan robot apabila seseorang mendaftar. Dan tiada siapa yang memikirkan tentang kebolehaksesan pada peringkat ini. Inilah cara untuk "menghalang" beribu-ribu atau bahkan berjuta-juta orang daripada mendaftar. Kerana captcha mudah seperti di bawah:

giphy

kapten

Kami kesal dengan captcha mudah seperti di bawah yang lebih mudah diakses:

giphy (1)

 

PERLU 

Jika anda perlu ingat hanya satu perkara, ia adalah untuk menjadi fleksibel. Kebolehcapaian bukanlah sains tepat yang ditakrifkan oleh peraturan yang tepat. Ia sebelum semua sensitiviti yang mesti ada semasa mereka bentuk dan mencipta antara muka. Anda perlu fleksibel dan menawarkan cara yang berbeza.

Jangan memaksakan satu cara untuk melakukan sesuatu. Jika apa yang dibangunkan tidak boleh diakses, ia mungkin memadai untuk menawarkan alternatif.

Ini adalah kes, sebagai contoh, Amazon. Pesanan melalui leret tidak dianggap boleh diakses, tetapi orang kurang upaya boleh menambah bakul dan memuktamadkan pesanan mereka di tempat lain. Dua cara berbeza, dua kegunaan dan dua populasi yang berpuas hati.