Design accesibil – 5 secrete esențiale pentru designerii grafici

Inclusivitatea devine o tendință de design pe care nu o mai poți ignora. Este importantă crearea de modele care să surprindă cu acuratețe marca și mesajul dvs. Dar ceea ce este și mai important este să creați modele pe care clienții dvs. le văd și le procesează în mod corect. Și aceasta include proiectarea pentru persoane cu diferite tipuri de dizabilități. Există o mare parte a populației care trăiește cu o formă de dizabilități. Adică 61 de milioane de adulți numai în SUA. Prin urmare, designul accesibil este ceva ce nu poate fi luat cu ușurință. Ziua internațională a persoanelor cu dizabilități este pe 3 decembrie. Deci, acum este un moment bun pentru a vorbi despre design accesibil.

Ați văzut numărul 73 în imaginea de mai sus? Nu toată lumea poate! Și oamenii care au dificultăți în a distinge culorile fac, de asemenea, parte din publicul țintă. De aceea, este important să începeți să prioritizați designul accesibil. Nu știi de unde să începi? Te-am prins! Vă vom oferi câteva sfaturi realizabile despre ajustări simple și considerente de proiectare care pot face toată diferența.

Design accesibil – din perspectiva designului grafic

Când vorbim despre publicitate reprezentativă și incluziune în marketing, ne limităm adesea la conceptul de includere a reprezentărilor culturale diverse. Făcându-i pe oameni cu categorii demografice variate să se simtă incluși. Recunoașterea și îmbrățișarea diferitelor etnii. Dar incluziunea depășește asta. Evaluarea și ajustarea experienței pentru utilizatorii cu capacități diferite este o altă componentă critică a marketingului incluziv.

Designul accesibil este un domeniu destul de vast. Aceasta include proiectarea pentru accesibilitate la toate punctele de contact ale clienților. De la un design accesibil al interfeței de utilizare până la funcțiile aplicației care simplifică utilizarea pentru toate tipurile de utilizatori, există mai multe măsuri pe care o marcă le poate lua. Dar în acest blog, vom vorbi despre accesibilitate în design grafic în special. Aceasta include crearea de grafice promoționale care sunt ușor de consumat pentru persoanele cu dizabilități.

Majoritatea mărcilor consideră dizabilități fizice precum orbirea și deficiențe de auz. Dar dizabilitățile cognitive necesită și o parte echitabilă din atenția ta. Afazie, autism, dislexie, ADHD – există mai multe astfel de dizabilități cognitive care le îngreunează oamenilor să proceseze informațiile pe care le prezentați. Anunțul dvs., un design despre care credeți că arată genial pe ecran, ar putea fi văzut foarte diferit de ei.

De exemplu, ce se întâmplă dacă contrastul dintre text și fundal nu este suficient și astfel utilizatorul pierde informațiile critice? Sau ce se întâmplă dacă diagrama circulară din infografică are culori diferite pentru diferiți parametri, dar un utilizator daltonist nu le poate distinge? Scopul designului este pierdut. De aceea, luarea în considerare a funcțiilor de accesibilitate este importantă în designul dvs. de marketing și de branding.

Și cea mai bună parte este că designul accesibil în marketing nu este atât de dificil până la urmă. Câteva mici modificări și designul tău este gata atât pentru publicul larg, cât și pentru persoanele cu dizabilități. Să ne uităm la câteva idei pentru a realiza acest lucru.

1. Fii atent la tipografia ta

Diverse aspecte ale tipografiei afectează lizibilitatea și lizibilitatea copiei. Deși nu vă puteți limita întotdeauna în alegerea tipului potrivit și în stilul fonturilor, luarea în considerare a câteva aspecte poate face designul mult mai convenabil pentru persoanele cu dizabilități vizuale și neurologice.

Gândește-te de două ori înainte de a folosi un font mic

Fonturile mici pun multă presiune asupra ochilor. Și îi face pe utilizatori să lucreze mai mult pentru a obține mesajul. Sunt șanse să nu se facă! Mai mult, fonturile mai mici de 12px pot fi greu de citit, mai ales pe un telefon mobil. Având în vedere că 58,99% din traficul web global provine de la dispozitive mobile, evitarea fonturilor mici este cu siguranță o decizie bună pentru un design accesibil.

Prin urmare, fonturile îndrăznețe mari pentru textul eroului nu acționează doar ca atrage atenția sau ca opritoare de defilare, ci asigură și ușurința de citire pentru mai mulți utilizatori. Varierea dimensiunilor fonturilor pentru diferite secțiuni facilitează, de asemenea, înțelegerea ierarhiei tuturor tipurilor de utilizatori. Pentru că cele mai mari fonturi sunt adesea primele pe care majoritatea le observă și cele mai mici sunt probabil ultimele.

Fontul pe care îl alegeți contează

Există o mulțime de fonturi serif frumoase și lizibile. Nu există nicio îndoială despre asta. Dar dacă proiectați ținând cont de persoanele cu deficiențe de vedere, fonturile sans-serif au un avantaj clar. Formele lor curate și fără probleme le fac mai ușor de citit. Și acest lucru este valabil atât pentru modelele tipărite, cât și pentru cele digitale.

În cadrul fonturilor sans-serif, ar trebui să stați departe de fonturile cu linii foarte subțiri. Fonturile decorative sunt celelalte tipuri care nu funcționează atunci când proiectați pentru persoane cu deficiențe de vedere. Este în regulă să folosiți fonturi decorative cu moderație. Dar secțiunea care oferă mesajul de bază, CTA și zonele cu mult text ar trebui să aibă o alternativă mai lizibilă.

Aveți grijă la spațierea dintre litere

Kerning sau spațierea dintre caractere din copie asigură că cititorii dvs. citesc corect informațiile. Și că l-au citit fără nicio dificultate. Scrisorile care sunt prea aproape una de cealaltă ar putea face textul general incomod de citit. Pentru persoanele cu deficiențe de vedere și dificultăți cognitive în citire, prea puțin spațiu între litere reprezintă o problemă și mai mare. La ce folosește o copie bună dacă nu are efectul dorit asupra audienței tale? Sau mai rău, ce se întâmplă dacă îți abandonează marca din cauza unei experiențe slabe?

Literele bine spațiate și un aspect general fără dezordine sunt exact ceea ce aveți nevoie. Nu este un design ocupat. Nimănui nu-i place, nu doar persoanele cu dizabilități.

Cartea de vizită de mai sus încorporează toate ideile de mai sus despre ajustări tipografice atent. Folosește un font simplu sans-serif. Spațierea dintre litere face textul lizibil. Și ca atingere finală, codul QR ajută la crearea designului hibrid perfect. Scanarea codului vă duce la o carte de vizită digitală cu link-uri către site-ul web, paginile de rețele sociale și link-uri cu apelare directă. Toate tipurile de utilizatori vor adora un design sensibil, orientat spre utilizator, ca acesta.

Sfat Kimp: Nu știi dacă tipografia aleasă este ușoară pentru ochii unui cititor? Notează caracterele de mai jos unul lângă celălalt -

• „i” majuscule
• „l” minuscul
• Și numărul „1”

Iar pentru dimensiunea fontului, îndepărtați-vă puțin de design și vedeți dacă puteți citi textul confortabil, fără a fi nevoie să măriți. Obțineți câteva perspective diferite de la membrii echipei și sunteți gata.

Îți faci griji să faci tipografia să funcționeze? Luați legătura cu echipa Kimp.

2. Contrastul de culoare merită o atenție deosebită

Contrastul este o componentă esențială în toate modelele. Contrastul de culoare este ceea ce vă spune cât de distincte sunt două culori. Așezați-le unul lângă altul sau plasați-le unul peste altul în prim-plan și fundal, dacă culorile aproape se amestecă, atunci contrastul este prea mic. Contrastul slab poate fi o durere pentru tot felul de oameni. Și face mesajul deosebit de greu de consumat pentru cei cu deficiențe de vedere.

Potrivit The World Wide Web Consortium (W3C), se recomandă un raport de contrast de 4,5:1 sau mai mult între textul din prim-plan și fundal.

În același timp, dacă contrastul este prea mare, poate provoca în continuare o mulțime de disconfort. Exemplul de mai jos cu textul în verde pe un fundal roșu este un bun exemplu. Contrastul este mare, dar combinația poate fi grea pentru ochi.

De asemenea, nu doriți să aveți animații pâlpâitoare și intermitente care implică culori cu contrast ridicat. Acestea pot fi dure pentru persoanele cu sensibilitate la lumină.

Sfat Kimp: În loc să vă întrebați dacă acel roșu pe care l-ați ales pentru font ar arăta bine pe un fundal gri, utilizați un instrument online precum WebAIM Contrast Checker pentru a afla raportul de contrast.

3. Aveți grijă când utilizați suprapuneri de text

Un alt aspect de design de evitat dacă doriți să creați un design accesibil va fi plasarea suprapunerilor de text pe fundaluri complicate. Când se întâmplă multe în fundal, chiar și cele mai lizibile fonturi sunt uneori greu de citit. Poate fi mai greu pentru persoanele cu dislexie, de exemplu. Se estimează că 10% din populație are dislexie. Fluturașii dvs. de afaceri sau designul cărții de vizită sau al rețelelor sociale ar trebui să fie ușor de citit pentru ei.

Fundalurile complicate pot fi sub formă de fotografii sau fundaluri cu model. Deși ambele modele reprezintă un fundal grozav, s-ar putea să nu facă întotdeauna dreptate textului care se află în prim-plan.

Pentru a evita acest lucru, puteți utiliza casete de text sau accente care sunt fie culori solide, fie translucide. Verificați din nou raportul de contrast dintre culoarea fontului și culoarea accentului.

De exemplu, designul de mai jos lasă fotografiile să strălucească, în timp ce textul este ușor de citit.

Problemele legate de contrast pot exploda mai ales când vine vorba de aplicații precum etichetele produselor alimentare sau etichetele medicamentelor. Dacă declinarea răspunderii pentru alergii sau lista de ingrediente și instrucțiunile de dozare nu sunt clare, designul ambalajului poate reprezenta un pericol pentru siguranța utilizatorilor săi.

Așadar, când vine vorba de aplicații precum ambalajele în care aveți un spațiu imobiliar limitat cu care să lucrați, iată o idee de încercat. Kellogg's a introdus un design special de ambalaj pentru persoanele cu deficiențe de vedere. Există un cod în pachet care poate fi scanat de către persoanele care folosesc cititoare de ecran pentru asistență. Acesta este doar o modalitate de a vă păstra designul hibrid și potrivit pentru toate tipurile de public.

4. Proiectare pentru daltonism

Alegerea culorilor este o decizie stresantă în sine. Dar dacă ar trebui să-l faceți potrivit pentru utilizatorii cu daltonism? Vestea bună este că multe instrumente de design vă permit să proiectați pentru persoanele cu daltonism.

Cele mai comune tipuri de daltonism sunt protanopia, deuteranopia și tritanopia. Când utilizatorul final nu poate vedea o culoare ca fiind diferită de alta, decizia dvs. de a folosi culori diferite pentru font și fundal sau culori diferite pentru a capta ierarhia într-o infografică se dovedește a fi lipsită de sens.

Se estimează că daltonismul este cel mai frecvent în rândul bărbaților caucazieni. Dacă asta descrie publicul dvs. țintă, atunci nu există niciun argument cu privire la alegerea paletelor de culori sigure pentru daltonism.

Instrumente precum Adobe Color vă permit să verificați dacă paleta dvs. de culori este sigură pentru daltonism. Veți vedea o simulare a modului în care culorile alese apar persoanelor cu daltonism și puteți identifica culorile care apar la fel. În imaginea de mai jos, culorile în care apar liniile orizontale sunt culorile care arată similar cu utilizatorii daltonişti. Evitați astfel de combinații dificile dacă doriți un design accesibil.

Sau, dacă doriți să verificați un design existent și să îl faceți sigur pentru daltonism, puteți utiliza instrumente online precum Coblis- Dalton Blindness Simulator pentru a vedea cum arată designul dvs. pentru un utilizator daltonist.

Dacă butonul dvs. CTA apare și atrage atenția unui utilizator general, dar este aproape invizibil pe fundal pentru un utilizator daltonist, încă ratați semnul. Fiecare utilizator contează, fiecare interacțiune a utilizatorului contează. Deci, alege culorile potrivite.

Sfat Kimp: În loc să vă bazați doar pe ierarhia bazată pe culori, utilizați dimensiunea fontului și alte elemente pentru a clarifica lucrurile.

5. Adăugați subtitrări clare pentru videoclipuri și text alternativ pentru imagini

Amintiți-vă că unii dintre utilizatorii dvs. se bazează pe cititoare de ecran. Deci, imaginea dvs. ar putea să nu le fie de niciun folos decât dacă utilizați text alternativ relevant. Da, textul tău alternativ face mai mult decât să te ajute cu SEO. Ajută la crearea unui design accesibil pentru utilizatorii dvs. Dar da, rămâneți la punct – evitând cele descriptive lungi.

Celălalt aspect textual al imaginilor vor fi subtitrările din videoclipuri. Nu vă bazați pe subtitrările generate automat. Folosiți suprapuneri de text pentru a vă ghida utilizatorii prin videoclip. Pe YouTube, puteți crea capitole pentru a îmbunătăți și mai bine lucrurile. Și, în sfârșit, adăugați subtitrările într-un font clar și lizibil, care nu se estompează doar în fundal. Și amintiți-vă că aveți un fundal în mișcare aici.

Adăugarea de subtitrări vă ajută, de asemenea, să satisfaceți nevoile persoanelor care preferă să-și vizioneze videoclipurile pe rețelele de socializare dezactivate. Este o victorie oricum. Faptul că platformele de socializare acordă prioritate funcțiilor de accesibilitate, cum ar fi LinkedIn, adăugând recent subtitrări automate pentru videoclipuri, este un bun indicator că este timpul să luăm în serios designul accesibil.

Simplificați designul accesibil cu Kimp

Designul accesibil în marketing înseamnă să profitați de puterea imaginilor fără a ignora dificultățile și cerințele chiar și ale unuia dintre grupurile dvs. de public. De fapt, pentru un minut, uitați conceptul de „grupuri țintă” și înțelegeți că comunicați unu-la-unu cu un set de indivizi unici. Asta schimbă modul în care privești design-urile mărcii tale! Și dacă aveți nevoie de ajutor pentru a crea aceste modele accesibile pentru marca dvs., spuneți designerilor noștri și vom fi bucuroși să vă ajutăm să veniți cu cele mai bune reclame și postări pe rețelele sociale pentru a satisface nevoile diverselor categorii demografice ale clienților dvs.

Înscrieți-vă acum și încercați un abonament Kimp gratuit timp de 7 zile.

postări asemănatoare