Hobetu zure webgunearen irakurgarritasuna eta erabiltzaileen esperientzia kontraste egokiarekin
Kontrastea oso garrantzitsua da web orrialde baten diseinuaren arrakastan. Gune horren tipografian , gune osoan erabilitako irudiak, aurrefabrikatutako elementuen eta atzeko planoko koloreen arteko kontrasteagatik, ondo diseinatutako gunea kontraste egokia izan behar da eremu horietan, kalitatezko erabiltzaileen esperientzia eta epe luzerako arrakasta izateko.
Behe kontrastea irakurketa esperientzia ahula da
Kontraste txikia duten webguneak ezin dira irakurtzeko eta erabiltzeko zailak izan, eta horrek eragin negatiboa izango du edozein gunetan arrakastaz. Kolore apaleko kontraste okerrak sarritan erraz identifikatzen dira. Orokorrean egin dezakezu web nabigatzailearekin egiten den orrialde bat bilatzen baduzu eta testua irakurtzeko oso zaila bada, kolorea hautatzeko aukera izan daiteke. Hala eta guztiz ere, erraza izan daiteke koloreak ondo funtzionatzea erabakitzen ez duen bitartean, oso zaila izango da koloreek ondo funtzionatzen dutela besteekiko kontrastean. Agian ez duzu ez funtzionatzeko, baina nola zehaztuko duzu zer funtzionatzen duen? Artikulu honetan irudia koloreak desberdinak diren eta aurreko plano eta atzeko planoko koloreak kontrastatzen lagunduko dizute. Parekatze "batzuk" batzuk eta "pare bat" parekatze batzuk ikus ditzakezu, zure proiektuen kolore-aukera egokia eginez.
Kontrasteari dagokionez
Gauza bat kontutan izan behar duzu kontrastea kolore distiratsua aurrez aurre dagoela baino. Aurreko irudian ikusi beharko zenukeen bezala, kolore horietako batzuk oso distiratsuak dira, eta dardaratzaile agertzen dira atzeko planoko koloretan, esate baterako urdinez beltzez, baina oraindik etiketatu dut kontraste eskasa duela. Hori egin nuen, distiratsua izan daitekeen arren, kolorearen konbinazioak oraindik ere irakurtzen du testua. Testu urdineko orri bat atzeko plano beltzean sortu nahi baduzu, zure irakurleak oso azkar ikusiko luke. Hori dela eta, kontrastea ez da zuri-beltzean bakarrik (bai, pun). Kontraste arau eta praktika onak daude, baina diseinatzaileek beti ebaluatu behar dituzte arau horiek zure instantzia berezian lan egiten dutela ziurtatzeko.
Koloreak aukeratzea
Kontrastea zure webgunearen diseinuaren koloreak aukeratzerakoan kontuan hartu beharreko faktoreetako bat da, baina garrantzitsua da. Koloreak aukeratzerakoan, konpainiaren marka estandarrak kontuan izan behar dira, baina kolore-paletak zuzentzeko prest egon behar dute, erakundeen markaren jarraibideekin koherentea izan daitekeen bitartean. Ez da ongi funtzionatzen. Esate baterako, beti aurkitu dut horixka eta distiratsua berde oso eraginkorra izan daiteke webguneetan modu eraginkorrean erabiltzeko. Kolore horiek konpainiaren markako jarraibideetan badituzte, ziurrenik azentu koloreak bakarrik erabiliko dira, zaila baita koloreak ondo aurkitzea ere.
Era berean, zure marka koloreak zuri-beltzean badira, horrek kontraste handia esan nahi du, baina testu kantitate luzea duten gune bat baduzu, testu zuriaren atzealde beltz bat edukitzea irakurtzea oso zaila izango da. Nahiz eta zuri beltzaren arteko kontrastea handia izan, testu zuriak atzeko plano beltzean begi tentsioak eragiten ditu pasarte luzeak egiteko. Kasu honetan, koloreak alderantzikatuko lirateke testu beltza erabiltzeko hondo zuri batean. Agian agian ez da ikusmen interesgarria, baina ez duzu kontraste hobea aurkitzea!
Online tresnak
Zure diseinuaren zentzutasunaz gain, zure gunearen kolorea aukeratzeko probatzeko erabil ditzakezun tresna batzuk daude.
CheckMyColors.com-k zure gunearen koloreak aztertuko ditu eta orrialdearen elementuen arteko kontraste-erlazioa berrikustea.
Gainera, kolore aukeren inguruan pentsatzen duzunean, sarbideen webgunea eta kolorearen itsutasun forma duten pertsonak ere kontuan hartu behar dituzu. WebAIM.org-ek lagundu dezake hau, ContrastChecker.com-en bezala, zure aukerak WCAG gidalerroen aurka probatuko ditu.