Onneksi korisottelun johdosta jouduin skippaamaan viimeisimmän tanssitunnin, sillä muuten olisin joutunut syömään palvelulupaukseni tanssikoulun esitteen suhteen. Retostellaanpa tänään esitteen nykyasussa olevat virheet loppuun, niin päästään itse asiaan eli uuden esitteen suunnitteluun.
Alla olevassa kuvassa on esitteen sisäaukeaman vasen sivu. Kuvan oikeaan reunaan olen merkinnyt esimerkinomaisesti esitteessä olevia eri informaation tasoja, jotka kyseiseltä sivulta pitäisi pystyä erottamaan yhdellä silmäyksellä.
1. tason informaation tulee vastata lukijalle kysymykseen “katsotaanpa mitäs täällä on” eli sen tulee osua silmään heti kun aukeama avautuu silmien eteen. Tällaista informaatiota ovat:
- Otsikot “Hinnasto” ja “Perustanssit”
2. tason informaation tulee vastata kysymykseen “vai niin, mielenkiintoista” eli sen on oltava luettavissa heti, jos lukijan silmä kiinnittyy johonkin tiettyyn osioon esitettä. Tällaista informaatiota ovat:
- Hinnastotaulukko
- Aliotsikot “Perustanssit 1-4″ ja niihin liittyvä aikainformaatio
3. tason informaation tulee vastata kysymykseen “onko tästä vielä jotain lisäinformaatiota” eli sen tarvitsee olla luettavissa vain, jos lukija todella haluaa perehtyä kyseiseen asiaan. Tällaista informaatiota ovat:
- Hinnastoon liittyvät ehdot
- Perustanssien luonnehdinta
- Perustanssikurssien tarkemmat kuvaukset
Yhdellä silmäyksellä erotettavan informaatiohierarkian luominen onnistuu kontrastia ja läheisyyttä hyödyntämällä. Nykyisellään hierarkiaa on vaikea erottaa, sillä kaikki informaatio on aseteltu suunnilleen samanlaisella ja samankokoisella fontilla, ja samalle etäisyydelle toisistaan. Näin ollen kontrastia ei synny. Lisäksi (lähes) kaikki on tasattu vasempaan reunaan, joten tasauksen avulla ei myöskään voi erottaa informaation eri tasoja.
Otetaanpa vertailun vuoksi esimerkki hyvästä informaatiohierarkiasta. Alla olevassa kuvassa on helsinkiläisen laaturavintolan kotisivulta löytyvä menu. Sivulla on toki vähemmän informaatiota, mutta senkin vähän informaation järjestämisessä on käytetty hieman enemmän aivoja.
- 1. tason informaatio erottuu kaikesta muusta sekä tasauksen että fontin värityksen avulla (vaalean reunuksen käyttäminen on sen verran halpa keino, että sitä ei lasketa). Fontin koon tai tyylin kanssa olisi voinut ehkä olla vielä rohkeampi.
- 2. tason informaatio erottuu 1. tason informaatiosta tasauksellaan sekä värityksellään. Kuten sanottua 1. tason ja 2. tason informaation välinen kontrasti voisi olla vieläkin selkeämpi
- 3. tason informaatio erottuu 2. tason informaatiosta fontin tyylillä ja koolla.
- Lisäksi hinnat on selkeyden vuoksi tasattu kokonaan toiseen reunaan, jolloin niiden etsimiseksi ei tarvitse vaivata päätään
Pienillä asioilla voi saada aikaan suuren vaikutuksen. Sama on tullut todistettua omassa työssä. Asiantuntijapalveluissa kahdesta yhtä hyvästä tarjokkaasta valikoituu usein se, joka osaa esittää asiansa selkeämmin. Selkeys syntyy tällaisista pienistä, mutta hyvin merkityksellisistä asioista.
Tags: alignment, design, information design, proximity, viestintä
