Kauniit, helposti lähestyttävät liikennevalovärit

author
3 minutes, 17 seconds Read

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:

Työpöydän Excel, Office 2013. Kiinnitä huomiota punaisiin ja vihreisiin ympyröihin – pystyisitkö erottamaan ne helposti toisistaan? Microsoft korjasi tämän ongelman myöhemmissä versioissa.

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.

Esimerkkejä suosituista esiasetetuista väripaleteista, joissa ei ole tarkistettu esteettömyyttä värinkäytössä. (Tai: ”Miksi oranssia ei kannata käyttää.”)

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).

Kuvakaappaus: värisokeuden esikatselukuvien löytäminen Adobe Photoshopista.

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.

Huomaa, miten vaalea vs. tumma ja lämmin vs. viileä erottavat punaisen ja vihreän. Keltaisen värisi tulisi olla huomattavasti vaaleampi kuin punaisen tai vihreän!

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.

Similar Posts

Vastaa

Sähköpostiosoitettasi ei julkaista.