Pientä harmaata tekstiä sekavalla taustalla. Silmät rasittuvat jo ensimmäisen lauseen aikana. Siksi infografiikan tekeminen on brändillesi tärkeää. Kun asettelu ja väri taistelevat viestiä vastaan, ihmiset lähtevät kertomatta sinulle miksi.
Infografiikan teko alkaa rungosta, tietojen tarkistuksesta, visuaalisesta hierarkiasta ja verkkoon sopivasta viennistä. Tässä luvussa avataan yksinkertaisesti, mitä se tarkoittaa, miksi se vaikuttaa verkkosivustoosi ja markkinointiisi ja miten sen voi ottaa käyttöön ilman jargonia. Näet myös, miten infografiikan määritelmä liittyy samaan kokonaisuuteen. Käydään asia läpi askel kerrallaan.
Mitä infografiikan tekeminen tarkoittaa käytännössä
Infografiikan teko alkaa rungosta, tietojen tarkistuksesta, visuaalisesta hierarkiasta ja verkkoon sopivasta viennistä.
Luettavassa infografiikassa kirjasimia ja värejä on tiukasti vain vähän.
Infografiikan tavoitteiden pitää sopia siihen paikkaan, jossa julkaiset sen.
Näin otat infografiikan tekemisen käyttöön sivustollasi
Suunnittele ensin puhelimen leveydelle, koska suurin osa somenäkymistä on puhelimilla.
Aloita yhdestä sivusta, kuten etusivusta tai pääasiallisesta laskeutumissivusta. Korjaa suurin ongelma ensin ja vie sama ratkaisu sitten muihin pohjiin.
Lue tämän luvun parina design-järjestelmä perustaksi ja suunnittelijan ohjeistaminen seuraavaksi askeleeksi tässä osiossa.
Käytännön tarkistuslista tälle päivälle
Suunnittele ensin puhelimen leveydelle, koska suurin osa somenäkymistä on puhelimilla.
Kun käyt läpi mitä tahansa sivua, kysy, näkyykö infografiikan tekemisen jälki jo ensimmäisellä vierityksellä puhelimessa. Jos ei näy, järjestä osiot uusiksi ennen kuin hiot pikkuasioita.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen, jotta opit, mikä vaikutti infografiikkojen tekemiseen sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta infografiikan määritelmä pysyy samana uusillakin sivuilla.
Valitse tälle kuulle yksi seurattava mittari, kuten sivulla vietetty aika tai lomakkeiden aloitukset. Silloin ulkoasumuutokset kytkeytyvät liiketoiminnan tuloksiin eikä pelkkään makuun.
Miten aihe liittyy laajempaan brändiisi
Visuaaliset valinnat eivät yleensä elä vain yhdellä sivulla. Infografiikan tavoitteiden pitää sopia siihen paikkaan, jossa julkaiset sen.
Some-postauksissa, sähköposteissa ja painetuissa materiaaleissa kannattaa toistaa samaa hierarkiaa, samoja värejä ja samoja kirjasinsääntöjä, joita käytät verkossa.
Kun brändin visuaalinen linja alkaa lipsua, asiakkaat aistivat hienoisen epäsuhdan, vaikka eivät osaisi selittää sitä.
Katso suunnittelijan ohjeistaminen ja vertaile muistiinpanojasi tämän osion toiseen lukuun.
Luettavassa infografiikassa kirjasimia ja värejä on tiukasti vain vähän.
Kysymykset, jotka jäävät usein huomaamatta
Lisähakusanat, kuten infografiikan määritelmä ja graafisen suunnittelun lajit, auttavat löytämään syvällisempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Infografiikan tavoitteiden pitää sopia siihen paikkaan, jossa julkaiset sen.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka testaat tällä viikolla toimivalla sivulla. Pienet mitatut muutokset ovat parempia kuin hatarat suunnitelmat.
Kun koko tiimi käyttää samoja sanoja infografiikan tekemisestä, suunnittelijoiden ja toimistojen kanssa tarvitaan vähemmän korjauskierroksia.
Työkalut, joilla visuaaliset päivitykset onnistuvat helpommin
Moniin asettelun ja tyylin ongelmiin ei tarvita omaa koodia. Visuaalinen editori antaa säätää välejä, värejä ja kirjasimia, ja samalla voit esikatsella puhelin- ja tietokonenäkymiä.
WEMASYn Sivustonrakentajassa on visuaalinen muokkaus, joten voit julkaista muutokset odottamatta kehittäjää jokaisen pienen säädön kohdalla. Avaa Sivustonrakentaja, kun olet valmis ottamaan oppimasi käyttöön.
Kun julkaiset päivityksiä, tarkista uudelleen design-järjestelmä ja brändin tyyliopas, jotta osio pysyy yhtenä kokonaisuutena mielessäsi.
Sinulla on nyt toimiva tapa katsoa infografiikan tekemistä. Käytä sitä, kun tarkastelet sivustoasi, hyväksyt markkinointiaineistoja tai ohjeistat suunnittelijaa. Jatka lukuihin brändin tyyliopas ja suunnittelijan ohjeistaminen, niin vauhti säilyy tässä osiossa.
Usein kysytyt kysymykset
Kuinka kauan infografiikan tekemisen oppiminen kestää?
Useimmat pienyritykset saavat sivunsa selkeämmiksi muutamalla keskittyneellä kerralla, kun soveltavat tämän luvun perusasioita. Aloita etusivusta ja vie samat säännöt sen jälkeen palvelu- ja yhteystietosivuille.
Tarvitsetko suunnittelijan infografiikan tekemiseen?
Suunnittelijasta on hyötyä isoissa brändiuudistuksissa, mutta moni infografiikan tekemiseen liittyvä korjaus onnistuu itse, kun tiedät, mitä etsiä. Lue tämän luvun lisäksi design-järjestelmä, niin saat aiheesta lisää.
Voiko WEMASY auttaa infografiikan tekemisessä verkkosivustollasi?
WEMASYn Sivustonrakentajassa on visuaalinen editori, jolla säädät asettelua, värejä ja kirjasimia ilman koodia. Avaa Sivustonrakentaja, niin voit päivittää pohjia ja esikatsella muutokset puhelimella.
Mikä on yleisin virhe infografiikan tekemisessä?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että korjaisivat yhden sivun kerrallaan. Valitse yksi ykkösasia, esimerkiksi luettavuus tai kontrasti, ja katso sitten brändin tyyliopas seuraavaa parannusta varten.
Miten infografiikan tekeminen liittyy SEO:hon?
Selkeä visuaalinen hierarkia ja luettava teksti pitävät kävijät sivulla kauemmin, mikä tukee niitä käyttäytymisen merkkejä, joita hakukoneet seuraavat. Yhdistä ulkoasun korjaukset kunnolliseen sisältörakenteeseen, niin tulos on paras.
Mitä kannattaa lukea infografiikan tekemisen jälkeen?
Jatka tämän kirjan luvuilla design-järjestelmä ja brändin tyyliopas, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.