Napomena: Sljedeći članak će vam pomoći: Dizajniranje za daltonizam | Wix
Daltonizam pogađa više od 300 milijuna ljudi diljem svijeta, uključujući neka poznata imena kao što su Bill Clinton, Mark Zuckerberg i princ William.
Ali, suprotno uvriježenom mišljenju, većina ljudi slijepih za boje ne vidi crno-bijelo svijet.
Zapravo postoje četiri glavne vrste sljepoće za boje, a unutar svakog od njih postoji mnogo različitih stupnjeva do kojih ljudi mogu biti pogođeni. Za bilo koga bez sljepoće za boje može biti lako pretpostaviti da će vaša prekrasno dizajnirana web stranica i odabrana shema boja naići na oduševljenje i divljenje svih. Međutim, za mnoge osobe s daltonizmom navigacija po vašoj web stranici može biti prava noćna mora – Na primjer, pogledajte sliku ispod. Ako vam je vid normalan, ovo će biti prilično jasna slika, s lako vidljivim tekstom:
Međutim, ako ovo prenesemo na a simulator sljepoće za bojeovako će izgledati nekome tko ima crveno sljepilo (ili ‘protanopiju’) – najčešći oblik sljepoće za boje:
Odjednom, vaši prekrasno jasni gumbi, izbornici, navigacija i web sadržaj postaju praktički nemoguće vidjeti ili za navigaciju.
S obzirom da oko 8% stanovništva je slijepo za bojei 5,3 milijarde korisnika interneta, to znači potencijal 424 milijuna ljudi ne bi moglo vidjeti vašu web stranicu.
S 860.000 najposjećenijih web stranica na internetu koji ne ispunjava zahtjeve pristupačnosti za daltoniste, ovo je značajan problem. I onaj koji će, ako se potrudite riješiti ga, ne samo zadovoljiti potrebe vrlo značajnog broja ljudi, nego će također neka se vaša web stranica ističe iz pravih razloga.
U ovom ćete postu otkriti točne korake koje trebate slijediti kako biste stvorili dizajn prilagođen daltonistima.
Započnimo s hueom!
Brza priprema za sljepilo za boje
Daltonizam se obično odnosi na nemogućnost pravilnog viđenja svih boja. Vrlo je rijetko da osoba ne vidi nijednu boju – živi u crno-bijelom svijetu. Obično, daltonisti jednostavno ne mogu vidjeti cijeli spektar bojakao što možete vidjeti u nastavku.
Iako se može činiti kao rijetko stanje, pogađa 300 milijuna ljudi diljem svijetaa mnogo je češći kod muškaraca.
Vrste sljepoće za boje
Postoje različite vrste sljepoće za boje – neki ljudi imaju problema s viđenjem različitih boja od drugih.
Crveno-zeleno
Ljudi koji su crveno-zeleno slijepi su obično iznenađeni što maslac od kikirikija nije zelen.
Izvor: EnChroma
Tako je, crveno-zeleno sljepilo to čini ljudima je teško razlikovati crvenu od zelene boje. Postoje četiri vrste sljepoće za crveno-zelene boje:
- Deuteranomalija
- Protanomalija
- Protanopija
- Deuteranopija
Plavo-žuta
Ovo je rjeđi tip sljepoće za boje, zbog čega je slijepoj osobi teško razlikovati plavo od zelenog i žuto od crvenog.
Opet, postoje više vrsta plavo-žutog daltonizma.
Potpuni daltonizam
Potpuna sljepoća za boje znači da vidite crno-bijeli svijet. Ovo je ipak vrlo rijedak poremećaj, pogađa samo 1 od 33 000 ljudi.
Riješi test: Jeste li daltonisti?
Budući da je sljepoća za boje uobičajena pojava, možda utječe na vas, a da toga niste ni svjesni. Ako se pitate jeste li slijepi za boje, možete napravite test gledajući slike ispod i zapisujući brojeve vidiš.
Kad biste ih uspjeli sve pročitati, nisi daltonist.
Kako dizajnirati za daltonizam: 5 osnovnih koraka
Da bi vaš dizajn bio pristupačan, morate imajte na umu osobe slijepe za boje i napravite male prilagodbekako bi mogli izvući najviše iz vašeg dizajna.
Također, vrlo malo dizajna je optimizirano za slijepe boje, tako da to je jednostavan način da se istaknete.
#1 – Neka bude jednostavno
Imati jednostavnu paletu i koristiti nekoliko boja je prvi korak prema pristupačnom dizajnu.
Osobe slijepe za boje teško raspoznaju boje, pa upotreba sličnih boja, osobito u kartama, može učiniti da ti elementi izgledaju isto. Zato preporučujemo koristeći samo nekoliko boja, a također neka dizajn bude jednostavan.
Što uraditi:
- Izbjegavajte pretrpane ili previše složene dizajne
- Održavajte dosljedan jezik dizajna
- Uspostavite jasnu vizualnu hijerarhiju
#2 – Koristite uzorke
Pogledajte grafikon ispod.
Kao što vidiš, nemoguće ga je ispravno vidjeti za daltoniste. Zato preporučujemo korištenje uzoraka poput linija, točkica i tekstura.Kad bismo grafu dodali linije, izgledao bi ovako – čitljiv za svakoga.
Što uraditi:
- Uključite niz uzoraka za prenošenje informacija
- Vodite računa o uzorcima koji se mogu preklapati ili stapati
#3 – Izbjegavajte određene kombinacije boja
Tamo je nema specifičnog skupa boja koje treba izbjegavati koji će odgovarati svima, budući da postoje mnoge vrste sljepoće za boje. Dakle, u pravilu, predlažemo korištenje preporučenih paleta za slijepe bojekoje možete vidjeti u nastavku.
Ako vam se nijedna od njih ne sviđa, samo pokušajte klonite se ovih kombinacija boja:
- Crveno & zeleno
- Plava & ljubičasta
- Plavo & sivo
- Zelena i smeđa
- Zeleno & plavo
- Zeleno i crno
Što uraditi:
- Izbjegavajte kombinacije boja koje mogu biti problematične
- Pružite alternative kombinacijama boja kao što je tekst
#4 – Iskoristite prednost kontrasta
Većina daltonista oslanjaju se na kontrast kako bi razlikovali određene boje.
Što veći omjer kontrasta dodate svom dizajnu, to je bolja čitljivost za osobe slijepe za boje – kao i one s drugim oštećenjima vida.
Što uraditi:
- Osigurajte visok kontrast između boje teksta i pozadine
- Koristite alate za provjeru kontrasta kako biste zadovoljili pristupačnost
#5 – Dodajte oznake kad god je to moguće
Označavanje može promijeniti igru na pristupačnost vaše web stranice. Dodavanje oznaka vašem dizajnu posebno je korisno s karte, proizvodi u različitim bojama, ili čak obrasci za prijavu/prijavu.
Oznake dodaju potrebne informacije koje daltonisti trebaju.
Osim toga, također ćete moći pomoći ljudima koji koriste čitače zaslona kako biste bolje razumjeli svoju web stranicu i povećali šanse za prodaju – 14% ispitanika u anketi koju je proveo WebAIM, izjavili su da se oslanjaju na čitač zaslona, tako da je ovo još jedan sjajan način da upoznate još širu publiku.
Što uraditi:
- Koristite jasne, opisne oznake za elemente, gumbe i veze
- Koristite oblikovanje kako biste skrenuli pozornost na važne informacije
Simulirajte daltonizam s Coblisom
Coblis je BESPLATAN alat za simulaciju različitih vrsta sljepoće za bojetako da možete vidjeti je li vaš dizajn dostupan. Pritisnite ‘Odaberi sliku’ dugme, učitaj slikui odaberite vrstu sljepoće za boje.
Kao što vidite, možete se jednostavno prebacivati između različitih vrsta sljepoće za boje kako biste testirali svoj dizajn kako biste bili sigurni da je pristupačan i čitljiv.
Ne zaboravite koristiti minimalizam u svom dizajnu
Previše boja i elemenata na vašoj web stranici nije optimalno za daltoniste.
Vi želite svesti broj boja i elemenata na minimumtako da možete usmjeriti pozornost na mjesto gdje bi trebalo biti. Možete vidjeti a odličan primjer minimalističke web stranice s našim dizajnom:
Evo što vam preporučujemo da učinite:
- Pojednostavite složena sučelja. Smanjite nepotrebne elemente i usredotočite se na temeljnu funkcionalnost. To smanjuje vizualni šum i olakšava navigaciju.
- Koristite negativni prostor. Učinkovito koristite negativni/bijeli prostor kako biste osigurali prostor za disanje između elemenata, poboljšavajući ukupnu čitljivost i upotrebljivost.
Zaključak – Stvorite dizajne prilagođene bojama
Sljepilo za boje prilično je česta pojava, dakle ako želite maksimalno povećati svoj dosegvažno je da dizajni budu dostupni i čitljivi osobama slijepim za boje.
Da biste saznali više o savjetima i trikovima za dizajn, provjeri ove resurse:
Usredotočenost na to da ljudi mogu vizualno pristupiti vašoj web stranici naglašava važnost načina svi mi najbolje funkcioniramo kada možemo vidjeti informacije. Ovo se odnosi na suradnja i na web stranicama.
Wix je dizajniran iz tog specifičnog razloga – pretvaranje suradnje iz beskonačnog niza e-pošte i telefonskih poziva s nejasnim opisima u nešto vizualno što ima savršenog smisla – prvi put.
Zamislite daljinsku suradnju među timovima ili s klijentima koja je potpuno vizualna.
S Wixom možete koristiti jednostavan suradnja po principu point-and-click omogućiti klijentima da ukažu na ono na što se pozivaju na bilo kojoj aktivnoj web stranici i odmah ostave povratne informacije, kažu što treba promijeniti i još mnogo toga.
Ako želite primati povratne informacije koje imaju smisla, olakšati suradnju s klijentima i završiti projekte u danima umjesto u tjednima, prijavite se na Wix danas – s plaćenim planovima od samo 20 USD mjesečno.
- Integriran u vodeću vizualnu platformu za suradnju vjeruje više od 13 000 agencija (web dev, dizajn i dalje) širom svijeta.
- Podupiranje isporuka projekata za više od 1.200.000 njihovih klijenata i dionici.
- Isporučite projekte u danima umjesto u tjednima.
