12 Cele mai bune practici pentru îmbunătățirea designului dvs. de comerț electronic pentru utilizatorii daltonici

Unele dintre funcțiile de top ale site-ului de comerț electronic includ un proces de finalizare a comenzii ușor de utilizat, o varietate de opțiuni de livrare și un design și o interfață ușor de utilizat. În general, aceste caracteristici fac cumpărăturile online atât mai ușoare, cât și mai plăcute pentru clienți. Dar, în acest articol, vom explora daltonismul în comerțul electronic și cum să proiectăm un site web de comerț electronic prietenos cu daltonii.

Culorile vă pot face site-ul mult mai dinamic și mai atrăgător pentru utilizatori. Dar utilizarea greșită a culorilor în aspectele funcționale ale site-ului dvs. (cum ar fi butoanele, linkurile și îndemnurile) poate îngreuna utilizatorii cu daltonism.

Prin urmare, proiectarea site-ului dvs. pentru deficiența vederii culorilor face mai ușor pentru vizitatori să obțină cea mai bună experiență posibilă.

Construirea site-ului dvs. pentru a fi accesibil pentru daltonism nu înseamnă că evitați să încorporați culorile împreună. Important este să fii mai atent la modul în care folosești culorile pentru a prezenta diverse elemente ale site-ului.

Să știi ce este daltonismul

Spre deosebire de termenul sugerează, majoritatea persoanelor cu deficiență de culoare sau orbire pot încă vedea pigmentarea. Dar, în loc să nu vadă nicio culoare, ei consideră că este dificil să descifreze anumite culori.

Iată cele trei tipuri principale de daltonism și subcategoriile sale:

1. Daltonismul roșu-verde

Acesta este cel mai comun tip, în care persoana confundă roșu cu verde. Are diferite subtipuri:

Deuteranomalie: verde care pare roșu
Protanomalie: roșu care arată verde
Protanopia sau Deuteranopia: nu s-a putut distinge între roșu și verde

2. Daltonismul albastru-galben

Acest tip este cel mai puțin comun. Persoana confundă adesea culoarea albastru cu galben:

Subtipurile includ:

Tritanomalie: Nu s-a putut distinge galben și roșu, albastru și verde
Tritanopia: Nu s-a putut distinge între galben și roz, violet și roșu, albastru și verde

3. Monocromatica

Acesta este cel mai rar tip în care persoana nu a putut vedea nicio culoare.

Considerații de proiectare pentru persoanele daltonice

Nu există multă tehnologie de asistență pentru persoanele daltoniste, cum ar fi cei care sunt orbi din punct de vedere legal sau au vedere scăzută. Asta înseamnă că trebuie să fii atent la combinațiile de culori încă de la începutul procesului de proiectare.

Există două considerente principale pentru a face site-ul dvs. ideal pentru persoanele daltoniste - contrastul de culoare și doar să vă bazați doar pe culoare pentru a transmite semnificații.

Web design pentru daltonism

Pentru a crea un site web de comerț electronic conceput pentru persoanele cu daltonism necesită, de obicei, puțină gândire și intenție. Iată câteva sfaturi utile pentru a vă proiecta site-ul având în vedere acest lucru

1. Folosiți etichete și simboluri clare

Etichetarea clară este una dintre cele mai bune practici pentru a direcționa orice utilizator prin călătoria clientului. Acest lucru este util în special persoanelor cu deficiență de culoare.

Etichetele vă ajută să distingeți informațiile transmise de obicei prin culoare. Acest lucru este valabil pentru vizualizarea datelor, cum ar fi grafice sau pur și simplu ghidarea utilizatorilor pe o pagină web. De asemenea, ar trebui să vă întrebați dacă utilizatorul își poate găsi sau nu drumul către site-ul dvs. fără indicii de culoare.

Din punct de vedere al comerțului electronic, este, de asemenea, vital să etichetați produsele folosind informații clare și descriptive.

2. Luați în considerare un design minimalist

Minimalismul este în designul web chiar acum și nu există semne că încetinește. Deși poate fi tentant să umpleți fiecare pagină cu elemente atrăgătoare, folosirea prea multor dintre acestea poate deruta utilizatorii.

În același mod, scade și experiența generală a utilizatorului. Utilizarea designului minimalist continuă să fie în tendințe, deoarece au fost deja încercate și testate.

În plus, în accesibilitatea culorilor, minimalismul reduce șansa ca utilizatorii să le fie dificil să navigheze prin site-ul tău.

În timp ce minimalismul nu este adesea o cerință pentru accesibilitate, este totuși o opțiune esențială pentru mulți utilizatori. Mai mult, pentru că există doar câteva culori într-un design web minimalist, utilizatorii cu deficiențe de culoare vor înțelege rapid rostul fiecărei pagini web.

Dacă aveți o paletă de culori limitată, asigurați-vă că culorile pe care le utilizați contrastează bine. Una dintre alegerile clasice este folosirea alb-negru. Cu toate acestea, nu trebuie să vă simțiți blocat în utilizarea doar a acestor două culori.

Deoarece persoanelor daltoniste le este dificil să facă distincția între roșu, albastru și verde, este mai bine să evitați să lucrați cu aceste culori și să folosiți alternative.

3. Implementați modele și texturi pentru a arăta contrastul

O altă modalitate excelentă de a vă actualiza designul vizual fără a vă baza prea mult pe o paletă de culori este să utilizați modele și texturi.

Acestea funcționează relativ bine în cazurile în care culorile permit utilizatorilor să distingă anumite informații, cum ar fi sub forma unui grafic sau diagramă. Plasarea modelelor sau a elementelor de textură va ajuta aceste elemente să iasă în evidență.

4. Evitați instrucțiunile specifice culorii

Dacă proiectați formulare, nu etichetați câmpurile obligatorii doar cu text colorat, deoarece aceste câmpuri pot arăta identice cu o persoană cu daltonism.

O alternativă mai bună este să scrieți referința textului chiar pe eticheta formularului. Un bonus este că acest lucru îl face și foarte ușor de citit de către un cititor de ecran pentru persoanele cu deficiențe severe de vedere.

5. Subliniați linkurile

De multe ori, folosim culoarea fontului sau greutatea fontului pentru a desemna link-uri. În timp ce o persoană cu o deficiență de culoare poate distinge textul ancora de un text obișnuit, nu este ideal din cauza raportului său de contrast scăzut.

De exemplu, o persoană cu monocromie nu ar fi în stare să diferențieze un text de un text ancoră. Astfel, trebuie să treacă cu mouse-ul în jurul textului pentru a verifica dacă cursorul lor se transformă într-un indicator.

Astfel, adăugarea unei subliniere la link-urile text este o idee bună. Procedând astfel, este ușor să distingeți textul obișnuit de textul ancoră.

6. Evita anumite combinatii de culori

Deoarece daltonismul ar putea afecta indivizii diferit, evitarea anumitor nuanțe de culoare nu este suficientă.

Trebuie să știți că anumite combinații de culori nu sunt ideale pentru utilizatorii daltonici. Asta pentru că de obicei au rapoarte de contrast scăzute sau sunt greu de diferențiat cu totul.

Așadar, iată o listă cu diferitele combinații de culori pe care ar trebui să le evitați pe cât posibil:

• Verde și roșu
• Verde și albastru
• Verde și negru
• Verde și maro
• Verde și gri
• Albastru și gri
• Verde deschis și galben
• Albastru și violet

7. Reconsiderați butoanele dvs. CTA

Dacă vizitatorii site-ului dvs. sunt daltonici, atunci trebuie să știți că contrastul dintre culori este la fel de important ca și culorile în sine.

Așadar, dacă utilizatorii nu găsesc îndemnurile dvs., le va fi dificil să se deplaseze în călătoria lor către client. Astfel, ratele tale de conversie vor avea de suferit.

Din fericire, puteți utiliza mai multe culori pentru a vă asigura că CTA iese în evidență de restul textelor și imaginilor.

8. Evitați utilizarea modelelor cu contrast redus

Un contrast extrem de eficient este important. Acest lucru este pentru a vă asigura că conținutul și linkurile dvs. sunt lizibile pentru cititori.

Un design cu contrast scăzut înseamnă că clienții pot avea dificultăți în citirea informațiilor site-ului dvs. Dacă sunteți un magazin de comerț electronic, atunci persoanele daltoniste s-ar putea să nu găsească detaliile produsului sau chiar unde este linkul pentru a continua cu achiziția. Acest lucru, în timp, s-ar putea traduce prin pierderi de conversii și, eventual, vânzări.

Raportul minim de contrast al culorilor la nivelul dublu A pentru imagini și texte ar trebui să fie de 4,5 la 1.

9. Schimbarea luminozității, saturației, nuanței

Similar cu schimbarea contrastului, modificarea luminozității, saturației și nuanțelor de culoare le permite designerilor să arate definiția. De asemenea, permite utilizatorilor finali să facă diferența între diferite elemente fără a fi nevoie să folosească o multitudine de culori.

Chiar și prin utilizarea unei singure culori, schimbarea nuanței, luminozității și saturației vă permite să creați un contrast distinctiv între mostrele de aceeași culoare.

Acest lucru vă permite să încorporați culori în design-ul dvs., ca și cum ați adăuga ceva nou amestecului de fiecare dată, fără a compromite estetica. Utilizatorii daltonişti pot percepe fiecare culoare ca pe o parte diferită a designului dumneavoastră.

10. Folosește linii mai groase

Persoanele cu daltonism ușoară pot vedea culoarea dacă există „masă”. Astfel, mai puțin de o linie subțire bună de culoare nu va apărea ca culoarea potrivită pentru ei. Deci, ai alege în schimb textura.

În special în infografice sau hărți, textura poate fi folosită pentru a vă ajuta să distingeți între numeroase obiecte.

11. Utilizați culori și simboluri

Culoarea nu ar trebui să fie doar mijlocul principal pentru a transmite informații utilizatorilor daltonieri. De fapt, conform Secțiunii 508, o pagină web ar trebui să fie proiectată astfel încât toate informațiile transmise color să fie disponibile și fără culoare.

Culorile nu ar trebui să fie singurul mediu de utilizat dacă doriți să transmiteți un mesaj. De exemplu, daltonismul ar putea afecta capacitatea unei persoane de a distinge mesajele de eroare roșii comune, cum ar fi „avertisment” sau „atenție”.

Astfel, s-ar putea să doriți să adăugați elemente simbolice textului cu coduri de culori pentru a vă ajuta să vă exprimați punctul de vedere la o gamă largă de public sau pentru a le atrage atenția. Mesajele de eroare atașate câmpurilor de formular de pe Facebook sunt exemple excelente ale acestei tehnici.

12. Testează-l!

O mulțime de instrumente de acolo stimulează diferite tipuri de daltonism. Deci, merită să vă verificați designul pentru a vedea eventualele probleme în față. De asemenea, trebuie să efectuați o verificare finală înainte de a intra live. Procedând astfel, totul va decurge fără probleme.

Cum poate ajuta VOCSO?

Căutați servicii de design și dezvoltare de site-uri web care să ofere o experiență excelentă de utilizare pentru persoanele daltoniste? Suntem o companie de design de site-uri de comerț electronic care creează site-uri web prietenoase cu daltonii, care funcționează cel mai bine pentru utilizatorii daltonieri. Există o serie de instrumente și tehnici disponibile care iau în considerare modul în care persoanele cu daltonism accesează cu ușurință site-ul dvs. Câteva ajustări simple ale designului site-ului dvs. pot face toată diferența pentru cineva care se bazează pe culoare pentru a comunica informații. Ținem întotdeauna cont de aceste considerente atunci când vă proiectăm site-urile web. Folosim vizualizări pentru daltonism pe paginile site-urilor web care funcționează bine pentru persoanele cu daltonism.

Este randul tau

În zilele noastre, ar trebui să vă proiectați site-ul pentru accesibilitate. Asta pentru că oameni din toate categoriile sociale folosesc internetul pentru a face chiar și cele mai simple sarcini.

Integrarea acestor elemente în site-ul dvs. și crearea unui design web extrem de accesibil este cheia pentru a vă conecta cu baza dvs. actuală de clienți și pentru a crea un sentiment de încredere cu aceștia.

Astfel, utilizați aceste tehnici practice și incluzive pentru a îmbunătăți experiența generală a utilizatorului pentru a vă ajuta afacerea să se extindă în timp. Mult noroc!