Ce este web design inclusiv?

Publicat: 2022-04-28

Utilizabilitatea site-ului web este un termen larg care descrie ușurința utilizării și interacțiunii cu un site web. Cu toate acestea, un lucru important de reținut atunci când proiectați un site web pentru a fi utilizabil este că nu toată lumea interacționează cu un site web în același mod sau în aceleași circumstanțe.

Dacă proiectați un site web pentru utilizatorul „mediu” sau „ideal”, puteți ajunge în mod realist prin a crea o interfață neplăcută, dificilă sau imposibil de utilizat pentru alții.

Ghidurile oferite de Consorțiul World Wide Web, precum și de autoritățile locale, i-au ajutat pe designeri să reducă decalajele când vine vorba de utilizare și accesibilitate. Cu toate acestea, asta nu face neapărat un site web complet inclusiv.

În următoarea postare, vom examina ce înseamnă designul incluziv, valoarea acestuia în design web, precum și ceea ce trebuie să luați în considerare atunci când proiectați interfețe și interacțiuni incluzive.

Aflați cum să proiectați pentru accesibilitate web

Cuprins

  • Ce este designul inclusiv?
  • De ce este important designul web incluziv
  • Cum să creați persoane de design web incluzive
  • Cele 7 principii ale designului incluziv
  • Concluzie

Ce este designul inclusiv?

Designul web incluziv înlătură părtinirile și presupunerile de pe un site web, astfel încât utilizatorii să nu se simtă excluși din cauza unei deficiențe, a datelor demografice sau a altor circumstanțe temporare sau permanente.

Atât designul web accesibil, cât și designul UX sunt componente esențiale ale unui site web incluziv. Designul accesibil este procesul de eliminare a barierelor de intrare pentru persoanele cu dizabilități și alte deficiențe. Designul UX este o abordare bazată pe date pentru proiectare, care testează și validează modul în care utilizatorii reali interacționează cu un site web.

Din acest motiv, sunt multe de luat în considerare în designul inclusiv, deoarece nu este strict deficiența utilizatorului care îl poate împiedica să folosească pe deplin sau să fie mulțumit de un site web. Designerii web se pot confrunta și cu probleme creând experiențe pentru un set exclusiv de utilizatori.

Ca atare, designerii web trebuie să ia în considerare următorii factori:

  • Deficiențe fizice legate de vedere, auz sau dexteritate
  • Deficiențe mentale care afectează cunoașterea sau vorbirea
  • Limitări situaționale care împiedică utilizatorul să se implice pe deplin cu produsul
  • Constrângeri tehnice, cum ar fi hardware-ul, conexiunea la internet și cunoștințele de calculator
  • Bariere lingvistice și geografice
  • Diferențele demografice cum ar fi vârsta, rasa și sexul
  • Diferențele socioeconomice

Concluzie: designul incluziv se traduce în cele din urmă în design universal.

Designerii web au la dispoziție o varietate de instrumente pentru a aborda aspectul accesibilității al designului incluziv. De exemplu, instrumentele de accesibilitate WordPress, verificatoarele de accesibilitate web, liniile directoare WAI-ARIA și multe altele pot face proiectarea și implementarea accesibilă mai ușor de realizat.

Cu un design inclusiv, totuși, necesită o mai bună înțelegere a limitărilor cu care se pot confrunta utilizatorii pe web. Nu există un instrument care să vă scaneze site-ul web și să confirme că ați creat cea mai diversă și echitabilă experiență posibilă. Este ceva pe care va trebui să înveți cum să implementezi și să verifici pe cont propriu.

De ce este important designul web incluziv

Există o serie de motive pentru care designerii web trebuie să facă accesibilitatea și incluziunea parte a fiecărui site web pe care îl construiesc. Să ne uităm mai întâi la modul în care un site web non-inclusive îi rănește pe toată lumea:

Dezavantajul non-incluziunii

În 2021, WebAIM a publicat rezultatele sondajului său Screen Reader User Survey #9. 7,7% dintre respondenții la sondaj au spus că trebuie să folosească un cititor de ecran atunci când sunt online.

Întrebați cum s-au simțit cu privire la starea de accesibilitate la internet astăzi, doar 39,3% au spus că este mai accesibil decât în ​​anii precedenți. 42,3% au considerat că nimic nu s-a schimbat, în timp ce 18,5% au spus că este mai rău.

Potrivit lui Mike Gifford de la CivicActions, ar putea fi mai mult de 7,7% din populație care se confruntă cu inaccesibilitatea și împărtășește aceste sentimente:

„Combinația de dizabilități și metode prin care oamenii depășesc barierele sunt extrem de diverse. Din punct de vedere etic, construirea pentru utilizatorii noștri cel mai puțin avantajați trebuie să primească cea mai mare prioritate. Din păcate, cu dorința noastră constantă pentru nou și sclipitor, excludem în mod regulat 10-20% dintre concetățenii noștri.”

Potrivit Asociației Baroului American, au existat 8.000 de procese ale Americans with Disabilities Act Titlu III intentate la instanțele federale între 2017 și 2020. Acest număr a crescut cu 14,3%, până la 2.352 de procese numai în 2021, potrivit Accessibility.com.

Există și alții care se pot simți excluși de pe un site web, dar nu au niciun recurs legal. De exemplu, World Data Lab spune că există 1,1 miliarde de oameni săraci la internet. În unele cazuri, aceasta înseamnă că nu își pot permite planuri de date mobile. În alte cazuri, pot, dar nu obțin date suficiente pentru a fi utilizate, așa că nu își pot permite să petreacă timp pe site-uri web cu resurse grele.

Există și populația în vârstă de luat în considerare. Centrul de Cercetare Pew a constatat că numărul persoanelor în vârstă care folosesc internetul a crescut în ultimii ani. Acestea fiind spuse, TechCrunch raportează că aproximativ 50% dintre adulții în vârstă au nevoie de cineva care să-i ajute să creeze și să utilizeze noile tehnologii digitale. În plus, 40% dintre bătrâni sunt analfabeți digital în orașul San Francisco – chiar lângă Silicon Valley, din toate locurile.

Chiar dacă site-ul dvs. web nu este supus proceselor, luați în considerare ce va aduce pierderea a 20% sau mai mult din vizitatorii dvs. din cauza unui design neincluziv asupra viabilității pe termen lung a unui brand. Acesta este un segment uriaș al audienței care va dispărea pur și simplu pentru că site-ul web nu este primitor sau utilizabil.

Partea de sus a incluziunii

Când proiectați un site web pentru a fi incluziv, îl proiectați astfel încât toți cei care doresc să se poată implica pe deplin cu el și să nu se simtă excluși. Toată lumea câștigă atunci când internetul devine un loc incluziv:

Designul web incluziv duce la un design mai bun al produsului.

De la site-uri web la aplicații mobile și tot ce există între ele, designul incluziv îi obligă pe designeri să se întoarcă la elementele de bază ale designului bun, utilizabil și empatic.

Brandurile ajung la un public mai mare.

Un brand care acordă prioritate unei experiențe universal pozitive pentru toată lumea și nu doar utilizatorul ideal va atrage o bază mai loială de utilizatori care apreciază inclusiv inclusivitatea și echitatea.

Utilizatorii se simt mai bine interacționând cu site-uri web incluzive.

Oamenii petrec atât de mult timp în fața ecranelor încât probleme precum sindromul de tunel carpian, sindromul vederii computerizate și tulburarea de dependență de internet sunt prea frecvente în zilele noastre. Designul incluziv și etic poate ajuta utilizatorii să se simtă mai bine atât în ​​minte, cât și în corpul lor.

Designul web incluziv ajută site-urile să se claseze mai bine în rezultatele căutării.

Google și-a actualizat algoritmul de căutare în urmă cu câțiva ani, denumind patru factori esențiali pentru a crea cea mai bună experiență pe pagină: Performanță (viteză), Accesibilitate, Cele mai bune practici (design și cod) și SEO (de exemplu, text alternativ). Designul incluziv contribuie la fiecare dintre acestea.

Cum să creați persoane de design web incluzive

Deseori, designerii vor veni cu personaje fictive la începutul proiectelor de site-uri web. Acest lucru îi ajută să vizualizeze și să se relaționeze cu utilizatorul final pentru care creează site-ul web. De asemenea, îi ajută să înțeleagă cum s-ar interacționa acel utilizator cu site-ul web.

Când includeți incluziunea în procesul dvs. de design web, descrierile personale ale utilizatorului vor trebui să se adapteze oarecum. Persoanele tipice ale utilizatorilor descompun următoarele:

  • Nume
  • Date demografice (de exemplu, vârstă, sex, ocupație etc.)
  • Personalitate
  • Voce
  • Goluri
  • Motivații
  • Frustrari
  • Temerile

Persoanele de utilizator incluzive vor trebui, de asemenea, să includă:

Abilitate: Aceasta este componenta de accesibilitate a incluziunii. Va trebui să anticipați modul în care unii dintre utilizatorii dvs. pot fi restricționați în ceea ce privește modul în care folosesc și interacționează cu site-ul web - fizic și cognitiv.

Aptitudine: dacă te uiți la datele despre câți utilizatori sunt online, îți vei da seama că unii dintre utilizatorii tăi s-ar putea să nu cunoască alfabetizarea digitală. Abaterea de la structurile și aspectele de bază și nu furnizarea unui context suficient (cum ar fi etichetele din formularele de contact) s-ar putea dovedi dăunătoare experiențelor acestor utilizatori.

Atitudine: se referă la utilizatorii care pot percepe site-urile web ca medii nesigure. Indiferent dacă sunt prea îngrijorați de confidențialitatea lor sau nervoși în legătură cu întâlnirea de programe malware, aceste tipuri de temeri ar trebui abordate cu funcții de securitate și confidențialitate recunoscute și de încredere.

Acces: utilizatorii nu trebuie să fie săraci la internet pentru a avea acces limitat la web. De exemplu, puțin peste jumătate din populația lumii are acces la internet acasă, conform UNESCO. Asta nu înseamnă că nu se pot conecta online, înseamnă doar că trebuie să găsească alte modalități de a-l obține - cum ar fi să meargă la o bibliotecă sau un internet cafe. Deci, conectivitatea, hardware-ul, software-ul și chiar locația pot afecta accesul.

Localizare: nu este niciodată sigur să presupunem că fiecare utilizator locuiește în aceeași țară, provine din aceeași cultură și vorbește aceeași limbă ca tine. Ca atare, aceste diferențe trebuie abordate atunci când se creează personaje de utilizator incluzive.

Cele 7 principii ale designului incluziv

Pentru ca designul inclusiv să funcționeze, web designerii trebuie să înlăture ipotezele, noțiunile preconcepute, precum și favorizarea utilizatorului mediu față de binele tuturor utilizatorilor. Pentru a face acest lucru cu succes, designerii trebuie să fie ghidați de următoarele principii:

1. Flexibilitate

Nu există un lucru care să se potrivească tuturor în designul web. Asta nu înseamnă că trebuie să construiți diferite site-uri web sau pagini de destinație pentru diferiți utilizatori. Cu toate acestea, înseamnă adăugarea de funcții suplimentare la interfața de utilizare atunci când credeți că vor ajuta la reducerea decalajului dintre experiențele diferiților utilizatori.

De exemplu, este o idee bună să includeți o transcriere a unui videoclip sub fișierul încorporat. În acest fel, utilizatorii care nu pot sau nu vor să audă sau să vizioneze videoclipul pot citi textul.

2. Simplitate

Minimalismul este o tendință de design web de durată și cu un motiv întemeiat. Nu doar pentru că creează interfețe mai plăcute din punct de vedere vizual, ci pentru că minimalismul și simplitatea deschid calea pentru un design mai intuitiv.

Cel mai bun mod de a aborda acest lucru este de a trata un site web ca un produs minim viabil (MVP). Construiți caracteristicile de bază care îl fac un produs utilizabil și valoros. Apoi, adăugați elemente suplimentare doar acolo unde sunt necesare și aduceți valoare experienței tuturor.

3. Consecvența

Consecvența nu înseamnă că un site web trebuie să devină previzibil sau plictisitor. Poți fi în continuare creativ, menținând consecvența.

Toată lumea beneficiază de consecvența în design. Îndepărtează frustrarea și confuzia cauzate de același element sau caracteristică prezentată în moduri diferite pe același site web. În plus, consecvența cu modul în care majoritatea web-ului gestionează elementele de bază - cum ar fi navigarea pe site-ul web - poate îmbunătăți gradul de utilizare a unui site web și poate accelera timpul de conversie.

4. Percepția

Pe lângă faptul că țin cont de modul în care oamenii interacționează cu site-urile web, designerii trebuie să ia în considerare și modul în care preferă să interacționeze cu site-urile web. De exemplu, un site web dominat de imagini poate fi foarte dificil pentru utilizatorii care nu învață vizual să digere conținutul.

Când reuniți conținutul pentru un site web, asigurați-vă că există o combinație sănătoasă a acestuia. Dacă există un singur tip de conținut (cum ar fi tot textul și nicio imagine), este posibil ca unii dintre vizitatorii dvs. să fie dezavantajați în ceea ce privește înțelegerea sau ușurința în utilizare.

5. Echitate

Echitatea în design web se referă la rezultate echitabile. Cu alte cuvinte, indiferent de cine este vizitatorul, fiecare vizitator ar trebui să poată îndeplini sarcinile cu ușurință.

Aici este util procesul de design UX. Obținerea informațiilor directe ale utilizatorilor în ceea ce privește obiectivele utilizatorilor și ceea ce au nevoie pentru a le îndeplini îi ajută pe designeri să creeze interacțiuni fără fricțiuni și călătorii ale utilizatorilor pentru toată lumea.

De exemplu, luați în considerare o componentă UI ca un glisor de imagine. Modul inclusiv de proiectare ar fi dezactivarea funcției de alunecare automată. Apoi, includeți atât capacitățile de glisare, cât și de clic, astfel încât fiecare utilizator să poată controla glisorul și ritmul acestuia.

6. Prevenirea

Designul incluziv va atenua erorile umane. Aceasta înseamnă proiectarea unei interfețe de utilizare pentru a preveni cât mai multe erori posibil, oferind în același timp un răspuns tolerant și util la erorile care apar. Prin reducerea frustrării sau rușinii asociate cu greșelile, un design incluziv contribuie mai mult la construirea încrederii vizitatorilor.

Acest principiu particular intră în joc cel mai adesea în momentul angajării. De exemplu, butoanele ar trebui să fie întotdeauna proiectate astfel încât să fie suficient de mari pentru a fi văzute și apăsate.

Mesajele de eroare din formularele de contact sunt un alt exemplu bun. Afișând mesaje de eroare în linie în culori și dimensiuni pe care toată lumea le poate citi, veți reduce probabilitatea de repetare a erorilor. Veți avea, de asemenea, un formular de contact care se simte mai util decât unul care oferă mesaje de eroare vagi sau care apar prea târziu în proces.

7. Cazare

Unul dintre motivele pentru care site-urile web sunt supuse proceselor de accesibilitate, așa cum sunt afacerile fizice, este pentru că au fost considerate „locuri de cazare publică”. Pe lângă faptul că se asigură că toată lumea poate citi, naviga și interacționa cu un site web, designul incluziv garantează un anumit confort vizitatorilor.

Confortul poate însemna multe lucruri pentru mulți oameni — spațiu amplu, amenajări previzibile etc. Designul incluziv le cere, de asemenea, designerilor să ia în considerare cât de confortabil vor fi utilizatorii lor cu conținutul site-ului web.

De exemplu, utilizarea imaginilor diverse care reflectă publicul țintă va crea un mediu mai primitor decât imaginile de stoc generice pe care utilizatorii le-au văzut în repetate rânduri. Același lucru poate fi spus și pentru utilizarea unei copii simple în loc de o copie plină de jargon pe care doar un segment al publicului l-ar înțelege.

Concluzie

Designul web incluziv este un termen atotcuprinzător care include discipline precum designul UX, designul accesibil și designul responsive. Cu toate acestea, designul incluziv face un pas mai departe pentru a se asigura că rezultatul final este un site web utilizabil universal și bine primit.

Această abordare de design web necesită o înțelegere solidă a provocărilor cu care se confruntă diferiți oameni atunci când interacționează cu site-uri web, ceea ce depășește deficiența sau handicapul.

Cea mai bună modalitate de a integra incluziunea în procesul dvs. de design web este să vă asigurați mai întâi că lucrați cu instrumente care vă ajută să o implementați - cum ar fi funcțiile de accesibilitate ale WordPress și Elementor. Apoi, actualizați șabloanele personale de utilizator cu factori incluzivi, cum ar fi abilitățile, aptitudinile și accesul. În cele din urmă, mențineți-vă procesul actualizat pe măsură ce aflați mai multe despre experiențele utilizatorilor și despre provocările comune cu care se confruntă atunci când folosesc web-ul.