Design UI/UX pentru utilizatorii cu dislexie

În prezent, întreprinderile de toate nivelurile lucrează la îmbunătățirea incluziunii lor. Această inițiativă demnă de laudă permite oamenilor să obțină beneficiile bunurilor și serviciilor, indiferent de limitările lor de sănătate.

Serviciile digitale încearcă să îmbrățișeze inclusiv inclusivitatea, industriile de dezvoltare web și mobile conducând această cursă. Instagram a lansat recent o actualizare a aplicației sale cu două funcții de accesibilitate, text alternativ automat și text alternativ personalizat.

Aceste caracteristici permit utilizatorilor cu deficiențe de vedere să obțină cea mai bună experiență prin utilizarea aplicației.

În prezent, industria încă învață să creeze design-uri UX/UI care să fie la fel de ușor de utilizat pentru diferiți oameni. În acest text, veți găsi informații despre designul UI/UX pentru utilizatorii cu dislexie.

Dacă vă întrebați de ce contează, iată un fapt: pe baza studiilor sale, Yale Center for Dyslexia & Creativity a ajuns la concluzia că până la douăzeci la sută din populația lumii ar putea suferi de dislexie într-o oarecare măsură. Adică, doi din zece utilizatori ai aplicației sau site-ului dvs. ar putea să nu poată obține o experiență decentă de utilizator în timp ce îl folosesc.

Conștientizarea dislexiei

Dislexia este o afecțiune care provoacă dificultăți de scriere, ortografie și citire la copii și adulți de toate grupele de vârstă, etnii, statusuri sociale și niveluri de inteligență. Dislexia este o dizabilitate neurologică comună de învățare care nu este complet vindecabilă. Nu este contagioasă și nu este moștenită. Această condiție nu are nimic de-a face cu lenea și reticența față de studiu. Deși această dizabilitate de învățare bazată pe limbaj nu este vindecabilă, ea nu împiedică automat persoanele cu această afecțiune să reușească academic, profesional și personal. Cu o intervenție adecvată și asistență tehnologică, dislexicii pot duce o viață de succes la fel ca toți ceilalți.

Unii dintre oamenii celebri și de succes au dislexie. Albert Einstein, Richard Branson, Tom Cruise, Jim Carrey, Walt Disney și Whoopi Goldberg au fost diagnosticați cu dislexie. Această condiție nu i-a împiedicat pe John F Kennedy, George Washington și George W Bush să devină președinți ai SUA. Atunci când nu este diagnosticată și abordată în mod adecvat, dislexia poate cauza performanțe academice insuficiente, multă anxietate, frustrare și stima de sine scăzută.

Există, de asemenea, aspecte legale pentru a face web-ul accesibil tuturor. Puteți consulta Resurse privind politica de accesibilitate web WAI pentru a vedea articole despre politicile legale privind accesibilitatea.

Proiectare pentru dislexie

Educația modernă este foarte digitalizată. Destul de des, copiii învață elementele de bază ale cititului și scrisului de pe iPad-urile lor. Cu toate acestea, ei nu sunt singurul grup care are nevoie de soluții accesibile. Diferiți oameni din întreaga lume au nevoie de instrumente web și mobile accesibile pe care le pot folosi și de care să beneficieze, indiferent de limitările lor.

Există deja câteva soluții educaționale digitale destul de reușite pentru dislexici. Printre acestea se numără aplicații precum Leo, Teen and Adults Phonics Library, Knoword, Reading Machine și Draw Something. Verificați-le pentru inspirație atunci când lucrați la designul prietenos cu dislexicul al produsului dvs.

Proiectarea UX și UI pentru dislexie ar putea fi mai dificilă decât a crea o aplicație web sau mobilă obișnuită. În acest caz, un designer trebuie să facă mai mult decât să urmeze cele mai bune practici din industrie. Pentru a proiecta un UX/UI prietenos cu dislexicul, trebuie să țină pasul cu evoluțiile recente din acest sector și să urmezi liniile directoare care s-au dovedit deja a fi de succes. Când vă faceți site-ul sau aplicația ușor de utilizat pentru dislexici, cel mai bine este să lucrați cu designeri care au experiență relevantă de succes și care vă pot arăta portofoliile sau studiile de caz.

Când faceți produsul dvs. accesibil pentru un grup special de oameni, nu este suficient să urmați cele mai bune practici pentru caz. Ar trebui să lăsați întotdeauna publicul țintă să testeze produsul pentru a vedea cum interacționează cu acesta. Chiar și după o testare amănunțită de asigurare a calității, ar putea exista o problemă pe care doar un dislexic o poate observa. Indiferent de produsul digital pe care îl proiectați, trebuie să fiți mereu cu ochii pe utilizatorii săi. O soluție care vi se pare cea mai bună ar putea fi confuză și nefavorabilă pentru persoanele care o folosesc de fapt.

Cele mai bune practici de proiectare UX/UI pentru dislexici

Un UX/UI accesibil, ușor de utilizat pentru dislexici poate fi dezvoltat după cum urmează:

• Contrastul ridicat și dislexia nu se potrivesc bine . Persoanele cu dislexie consideră adesea dificil să citească texte pe ecrane cu niveluri de contrast ridicate. Din punctul lor de vedere, se pare că literele, cuvintele și rândurile „dansează”, își schimbă locul și îi fac cititorului dificultăți. Pentru a le ușura utilizatorilor, optați pentru fundaluri pastelate în loc de culori cu contrast ridicat. Alegeți text gri închis în loc de negru atunci când lucrați cu un fundal alb. Nu va afecta claritatea și lizibilitatea pentru utilizatorii obișnuiți, dar o va îmbunătăți semnificativ pentru dislexici.
• Fii atent la fonturi . Fonturile, potrivite pentru dislexie, au spațiere crescută între rânduri și elemente tipografice distincte pentru litere care sunt de obicei confuze pentru ele. Există fonturi adaptate pentru dislexic, cum ar fi Dyslexie sau Open Dyslexic. Un font Comic Sans adesea ridiculizat funcționează surprinzător de bine și pentru acest public. Motivul din spatele acestuia este destul de simplu – literele din acest font au spații mari între ele și au elemente de tipografie unice care ajută utilizatorii să distingă mai ușor între litere similare. Când alegerea fontului este limitată la opțiuni obișnuite, alegeți Arial, Century Gothic, Tahoma, Trebuchet sau Verdana.
• Păstrați textul scurt . Acest sfat se referă la rânduri de texte în special și ecrane în general. Studiile sugerează că o linie de pe un ecran nu trebuie să aibă peste 45 de caractere pentru o mai bună înțelegere. De asemenea, nu este recomandat să alegeți fonturi mai mici de douăsprezece până la paisprezece puncte.
• Nu supraîncărcați stilul textului . Deși literele tind să danseze în ochii dislexicilor, îmbrăcarea lor în cursive fanteziste și sublinierea nu va îmbunătăți lucrurile. Pentru a clarifica punctele cheie ale textului pentru dislexici, folosiți bold. Puteți sublinia blocuri importante de text cu casete și litere mici cu font mai mari.
• Încorporați instrumente de lizibilitate . Oferiți utilizatorilor mai multe modalități de a înțelege textele din produsul dvs., activând instrumente de lizibilitate. Utilizatorii dislexici și cu deficiențe de vedere vor beneficia foarte mult de o funcție text-to-audio. Puteți implementa această funcție în unul dintre cele două moduri: utilizați un instrument automatizat terță parte sau includeți clipuri audio ale unei persoane care citește zonele de text ale produsului.
• Split funcționalitate . Când există prea multe funcții într-un singur ecran, încercați fie să micșorați numărul de funcții, fie să împărțiți ecranul în două. Este mai bine să aveți mai multe ecrane de aplicație foarte clare decât câteva supraîncărcate care pot cauza dificultăți utilizatorilor în a se adapta la ele.
• Prioritizează flexibilitatea . Când proiectați pentru utilizatorii dislexici, faceți ca prioritatea dvs. să creați un produs flexibil. Nu ar fi dăunător să construiți mai multe căi pentru a ajunge la aceeași destinație pentru utilizatorii dvs. Evitați să creați colțuri oarbe care îi vor face pe utilizatori să repete pași lungi și complexi și să tastați din nou rânduri de texte. Niciun utilizator nu ar fi bucuros să o facă.
• Permite personalizarea . Un designer poate alege cea mai bună combinație de culori, contraste, fonturi și stiluri posibile. Cu toate acestea, pentru unii dintre utilizatorii produsului dvs. digital, alegerile predeterminate ar putea fi încă nefavorabile. Nu ar fi dăunător să permiteți un nivel rezonabil de personalizare a designului. Permite utilizatorilor să aleagă fonturile, mărirea textului, textul și culorile de fundal.
• Îmbunătățiți textul cu grafică . Ori de câte ori este posibil, utilizați pictograme pentru a susține textul sau folosiți-le în loc de text pentru o mai bună înțelegere. Imaginile și videoclipurile ar trebui să ajute textele și să facă designul mai clar și să-i îmbunătățească accesibilitatea. Însoțiți videoclipuri cu subtitrări pentru utilizatorii cu deficiențe de vedere.
• Folosiți completarea automată, mementourile și sfaturile . Nu-i face pe utilizatorii aplicației să-și amintească tot ce au introdus și căutat vreodată în aplicația dvs. Activarea unui câmp de căutare asemănător Google cu sugestii din istoricul unui utilizator va fi foarte utilă. Când este posibil, oferiți sfaturi utilizatorilor dvs.

• Încorporați corectarea automată . Este enervant când o aplicație nu te înțelege doar pentru că ai scris greșit o literă. Servicii precum Pinterest ghicesc ce înseamnă utilizatorul și le oferă opțiuni dintre care să aleagă. O astfel de caracteristică poate fi prețioasă pentru utilizatorii dislexici. De asemenea, va fi util pentru publicul mai tânăr și pentru vorbitorii non-nativi.

  

  

• Mai simplu este mai bine . Nu supraîncărcați designul dvs. cu elemente inutile care pot distrage atenția și pot nedumeri utilizatorii. Designul UX/UI pentru dislexie ar trebui să scadă sarcina cognitivă pentru utilizator. Ar trebui să fie cât mai clar și fără distracție posibil.

Practici rele pentru designul dislexiei

Există unele practici UX/UI care par logice și utile pentru dezvoltatori și utilizatori obișnuiți, dar sunt oarecum nefavorabile pentru dislexici. Iată o scurtă prezentare generală a practicilor proaste pe care ar trebui să le evitați:

• Blocuri mari de text greu . Deși par a fi o opțiune bună pentru a stoarce cât mai mult text posibil într-un singur ecran, ele sunt întotdeauna o alegere slabă în ceea ce privește lizibilitatea și ușurința de utilizare.

• Ecrane copleșitoare . Nu strângeți totul într-un singur ecran. Potrivit recentelor tendințe de dezvoltare și design de aplicații mobile și web, minimalismul este noul negru. Aruncă o privire pe pagina de profil Instagram. Nu vedeți toate funcțiile aplicației pe ea. Nu există distrageri și zgomot vizual.

  

• Spațiere dublă la sfârșitul propoziției . Unii ar putea crede că spațiile duble de la sfârșitul propozițiilor fac textul mai clar. Cu toate acestea, nu este cazul utilizatorilor cu dislexie. Spațierea dublă face ca textul să fie neclar ca un râu în ochii unui dislexic.
• Utilizarea de butoane vagi . Când un buton spune „Clic aici”, semnificația lui este clară pentru dezvoltatorul și creatorul aplicației, dar s-ar putea să nu fie atât de evident pentru utilizatorii dislexici. Efectuați comenzile pe butoane cât mai simple și clare posibil.
• Toate informațiile pe o singură pagină . Deși ar putea fi logic să puneți toate informațiile despre un singur lucru într-un singur loc, nu este o idee bună pentru utilizatorii dislexici. Oferiți-le utilizatorilor șansa de a ajunge la aceleași date folosind mai multe căi diferite.

Gânduri finale

Internetul a apărut ca o tehnologie, accesibilă tuturor. Dezvoltatorii și designerii ar trebui să păstreze tehnologia digitală nediscriminatorie pentru toate tipurile de utilizatori, indiferent cât de avansată și complexă devine.

Dezvoltarea tehnologiei smartphone-urilor a făcut ca milioane de oameni să se transfere pe dispozitive mobile ca sursă principală de comunicare, interacțiune și divertisment online. Crearea de aplicații web și mobile având în vedere accesibilitatea ar trebui să fie o a doua natură pentru dezvoltatori și designeri.

Problema accesibilității pentru dislexici a fost studiată de ceva vreme și există deja câteva bune practici pe care le poți folosi pentru proiectul tău. Nu este nimic covârșitor de complex în a face designul produsului digital accesibil pentru utilizatorii cu dislexie. Accesibilitatea nu va înlătura stilul și eleganța produsului dvs. Ca bonus, îl va face mai emfatic și uman. La urma urmei, informațiile ar trebui să fie accesibile tuturor, deoarece este o parte inseparabilă a vieții noastre.

Resurse pentru lucrul cu dislexia:

Mai jos veți găsi o listă de resurse actualizate relevante care vă pot ajuta să creați modele UX/UI mai bune pentru utilizatorii cu dislexie:

1. 20 de resurse de proiectare pentru a facilita învățarea la copiii dislexici
2. Asociația Britanică pentru Dislexie: Ghid de stil pentru dislexie
3. UX Planet: Proiectare pentru dislexie
4. Dyslexia International i (resursă de informații non-profit)
5. Centrul pentru dislexie Helen Arkell (resurse de caritate și informații)
6. Asociația Internațională a Dislexiei
7. Usabilla: Cum să proiectați pentru dislexie