Kaikki käyttävät niitä: Vihreä, keltainen (tai oranssi) ja punainen. Käytämme niitä datan visualisoinnissa, käytämme niitä painikkeissa, värjäämme niillä tekstiä ja kuvakkeita ja laitamme niitä hälytyksiin. Niitä käytetään usein ratkaisevina hetkinä, kun ilmoitamme menestyksestä tai uutisoimme huonoja uutisia. Käytämme niitä myös väärin ja kiinnitämme niillä huomiota myös silloin, kun ne eivät ole olennaisia. Aivan liian usein emme tee niistä helppokäyttöisiä.
Merkittävä vähemmistö ihmisistä on värisokeita, ja useimmat heistä ovat punavihersokeita. Vuodesta 2011 lähtien olen joutunut ratkaisemaan värien saavutettavuuden tärkeissä vuorovaikutustilanteissa, kuten potilaan elintoimintoja, potilaan hoidon laatua, pilvipalvelimen tilaa tai johdon myyntianalyysejä koskevissa hälytyksissä. Seuraavassa on joitakin saavutettavuusvinkkejä, joita olen saanut matkan varrella, sekä henkilökohtainen mallini käyttökelpoiselle, saavutettavalle liikenteen väripaletille.
Voit suunnitella kauniin, värisokeille sopivan paletin, mutta koskaan ei ole pahitteeksi vahvistaa viestiä. Sen sijaan, että muutat tekstin punaiseksi tai vihreäksi, laita tekstin viereen erimuotoinen punainen tai vihreä kuvake. Näin olet tehnyt asiasi selväksi, vaikka et pystyisikään hallitsemaan väripalettia, kaavio on tulostettu mustavalkoisena tai käyttäjäsi näkee vain harmaasävyjä.
Tämä on esimerkki: Excel. Excel tarjoaa liikennevalojen väreissä olevia kuvakkeita, jotka auttavat kertomaan datatarinasi. Varmista, että käytät eri muotoisia kuvakkeita sekä eri värejä! Tässä on syy:
Deuteranopia ja protanopia ovat kaksi yleistä punavihreän värisokeuden tyyppiä. Värien testaaminen niitä vasten optimoi suurimman osan käyttäjistä, mutta kuvakkeet auttavat sinetöimään sopimuksen.
Ei kannata luottaa esiasetettuihin väripaletteihin
Verkossa on monia erittäin hyödyllisiä kehyksiä ja boilerplateja. Jokainen vastaa moniin tarpeisiin, mutta kaikilla ei ole ollut aikaa optimoida värejä värisokeille.
Punaisia, vihreitä, oransseja ja keltaisia värejäsi tarkastellessasi tärkein kysymys on: ”Tunnistavatko käyttäjäni tämän värin, kun he näkevät sen sellaisenaan?”. Älä luota siihen, että kehyksesi luoneet ihmiset ovat ajatelleet tätä. Tarkista se itse.
Kysytkö, miten se onnistuu? Monien vuosien ajan ainoa ratkaisu, jonka löysin testaamiseen, oli Adoben Photoshop, joka tarjosi protanopia- ja deuteranopia-näkymät siitä, mitä olin luomassa. Vaihtoehdot löytyvät kohdasta View → Proof Setup (katso kuva alla).
Nyt Corblindor Coblisista (värisokeus-simulaattorista, Color Blind Simulaattorista, Color Blind Simulaattorista, eli värisokeus-simulaattorista) on muodostunut työkaluni. Tee vain nopea kuvakaappaus työstäsi, ja näet, miltä se näyttää monilla eri värisokeustyypeillä.
Suunnittele etukäteen värimallin avulla
Olen tehnyt vuosien varrella paljon datan visualisoinnin värityötä, ja esiin on noussut kuvio, joka on minusta hyödyllinen. Tarjoan sitä tässä, jotta datasta tulisi käyttökelpoisempaa. Suosittelen lämpimästi harkitsemaan tätä lähestymistapaa, kun kehität brändin väripalettia.
Tässä ovat tärkeimmät ohjeet:
- Käytä vaaleaa, keskiruskeaa ja tummaa sävyä. Keltaisen tulisi olla vaalea sävy.
- Käytä lämmintä vihreää ja viileää punaista tai viileää vihreää ja lämmintä punaista. Älä vain käytä molempia viileitä tai molempia lämpimiä.
- Ei oranssia. Koska se on niin paljon vaaleampi, keltaisen käyttäminen oranssin sijaan tekee paljon epätodennäköisemmäksi, että ”varoitus”-värisi olisi värisokeille käyttäjille ristiriidassa ”onnistumisen”-vihreän kanssa tai näyttäisi liikaa ”vakavan ongelman”-väriltäsi (esim. virheet) punaiselta.
Se on siinä! Kiitos lukemisesta. Menkää eteenpäin ja pitäkää hauskaa kertoessanne hyviä tarinoita tiedoillanne.