MailerLite meilimalli kujundamine nullist

Nullist alustamine annab võimaluse luua e-posti kujundus, mis on korraga lihtne, visuaalselt ühtlane ja teadlikult ehitatud. Hea meilimall ei püüa kõiki võimalusi näidata, vaid juhib lugeja kiiresti olulisima tegevuse juurde. Seetõttu tuleb enne värvide ja plokkide valimist mõelda, millist vastust või otsust kasutajalt eeldatakse.

MailerLite visuaalne koostaja sobib algajale, sest elemendid saab lohistada valmismallidesse, kujundust saab hiljem muuta ja saadud variandi testida otse kunstlikus postkastis. Nullist töötades tasub siiski kõigepealt koostada väike struktuur, valida visuaalne süsteem ja kirjutada põhitekst. Nii ei muutu meilimall hiljem raskesti haldavaks kogumiks juhuslikest detailidest.

Põhistruktuur ja sisu hierarhia

Alustage puhtast kujundusest ning lisage vajalikud plokid järjestuses, mis toetab lugeja liikumist. Tavaliselt toimib hästi paigutus, kus logo ja pealkiri juhivad tähelepanu, sisu selgitab põhiideed ning lõpus paikneb selge käivitusnupp. Jalusesse jäetakse vajalik kontaktteave ja telletuse katkestamise võimalus.

Enne detailide lisamist koostage lihtskeem, millel on näha iga ploki ülesanne. Esimeses ekraanipaigas peaks olema lugeja jaoks kõige olulisem teave, mitte kõik argumendid korraga. Järgmised sektsioonid võivad rõhutada eeliseid, näidata näidet, kõrvaldada kahtlusi ja lõpuks suunata soovitud tegevuse poole.

Korduvaid plokke tasub käsitleda eraldi ülesannetena, mida saab samades mõõtkondades ümber kasutada. See aitab säilitada kujunduse ühtlust ning vähendab võimalust, et teine lehekülg muutub visuaalselt küllalt erinevaks. Sama loogiga töötab otsearvutuse roll liikluses, kus kiirem otsus tehakse andmete tekkekoha lähedal.

Visuaalne süsteem ja koostis

Enne kujunduselementide lisamist valige väike värvipalette, üks põhifont ja korduvad ruumimõõtmed. Need otsused loovad aluse, mille vastu kõiki ülejäänud elemente saab võrrelda. Eesmärk on tunnetatav ühtsus, mitte iga ploki täiesti erinev iseloom.

Ühtse visuaalse tulemuse saavutamiseks kasutage järgmisi põhimõtteid.

• Üks põhifont tagab kogu meilimallile ühesuguse tekstitooni.
• Kaks või kolm värvi jätavad piisavalt ruumi aktsentide ja tausta eristamiseks.
• Suured, selgelt eristatud nupud näitavad kasutajale kõige olulisemat tegevust.
• Logo jääb oma looduslikku mõõtkonda ning seda ei venitata ega täida tarbetult.
• Keskmised ja alumised servad aitavad elementidel üksteisest eralduda.

Kasutage eraldi vahetulemusi ja rühmitõmmist, et lugeja mõistaks, millised tekstiosad kuuluvad kokku. Väiksemad vahed ühendavad sama ploki sisu, suuremad aga eraldavad sisu erinevateks mõttelisteks osadeks. Visuaalne hierarhia peab olema märgatav ka kiire skannimise korral.

Kui lisate või eemaldate elemente, kontrollige, kas kõige olulisem sisu jääb samal esimesel vaatepinnal. Vältige väikest teksti, õhukeseid jooni ja palju üksteisega konkureerivaid värve. MailerLite võimaldab elemente hõlpsasti ümber paigutada, kuid iga muudatusega tasub kontrollida kogu ploki tasakaalu.

Teksti ja sisu paigutus

Pealkiri peab väljendama lugeja huvi või eeliseid, mitte lihtsalt toote nimetust. Eelvaatevaade ehk preheader toetab pealkirja ning selgitab, mida lugeja saab edasi avades. Nähtavas sisus kasutage lühikesi lõike, konkreetsi teavet ja lihtsat keelt, sest e-posti teksti loetakse sageli mobiilil ja kiiresti.

Ühesele leheküljele piisab ühest peamisest käivitusnupust, mille värv eristub ülejäänud kujundusest. Nupute tekst peaks näitama tegevust, näiteks „Vaata juhendit” või „Registrueru”, mitte „Klõpsa siia”. Liigne konkurents võib tähelepanu hajutada: nagu ameerika ruleti pöörlemisel on tähtis, millisele sektorile pilk peatub, peab ka e-postis selgelt paistma, millele kasutaja tähelepanu suunata.

Sisu paigutamisel kasutage ruumi, et eristada pealkirja, kirjeldust, loetelu ja tegevust. Esitatud eelised võivad paikneda eraldi ridades, kuid kõik read peaksid olema seetõttu mõistetavad. Kui tekst on liiga pik, on lugeja eeldatav tegevus raskemini leitav ning e-posti üldine mõju nõrgeneb.

Värvid, nupud ja elementide viimistlus

Teksti ja tausta kontrast peab olema piisavalt tugev, et sisu oleks loetav ka halvates valgusoludes ja erinevate ekraanidega. Ära määra olulist teavet ainult värviga; kasutage lisaks ka teksti, suurust, raami või ruumi. Brandi värvide säilitamine on kasulik, kuid esteetiline eelistus ei tohi vähendada ligipääsetavust.

Nuppude kujunduses jälgige samu reegleid, mida rakendate muudele elementidele. Ühtlane kõrgus, raadius, värv ja tekstitoon annavad e-postile korrektsema ilme. Oluline tegevus võib kasutada tugevamat värvi, teised elemendid aga peavad jääma sellest tahapoole. Ikonid aitavad tegevusi ära tunda, kuid nende kõrval peab alati olema arusaadav tekst.

Piltide puhul eelistage lihtsa fookusega fotosid, mis toetavad sõnumit. Vältige palju väikest detaili sisaldavaid pilte, sest need võivad mobiilil kaotada teravuse. Anda iga informatiivsele pildile alternatiivtekst ning jäta dekoratiivsed elemendid ilma tekstita, et sõrvaehitusega lugeja saaks sama tähenduse.

Mobiilvaade ja saatmise kontrollnimekiri

Kujundage sisu esmalt arvutiekraani jaoks, kuid kontrollige eraldi mobiilivaadet. Kui tekst, nupp või tabel ei mahu väikesele ekraanile, ei tähenda see, et sisu peab tingimata kahele leheküljele jagunema. Sageli aitab veergude arvu vähendamine, tekstikasti laiem kasutamine või piltide kõrguse piiramine.

Enne kampaania saatmist kasutage järgmist kontrollnimekirja.

• Veenduge, et ükski tekstiosa ei ulatu ekraani serva taha.
• Hoidke põhiknopu piisavalt suur ja kergesti vajutatav.
• Jälgige, et kehaTekst oleks mobiilil mugavasti loetav.
• Lisage piltidele alternatiivtekst ning vähendage failide suurust.
• Kontrollige kõigi linkide tööd ja nende tähenduslikku ankruteksti.
• Näidake jaluses kontaktteave ning telletuse katkestamise link.

Mõned postikastid kuvavad pilte ja värve pisut erinevalt, seega ei ole ühe eelkõige soodsa kuvamise järgi tehtud mall veel lõplik. HTML-i puhul kasutage lihtsaid tabeli- ja tekstiplokke, mis pakuvad laiemas kliendiringis usaldusväärset tulemust. Ka tumeda režiimi korral peab logo, tekst ja nupp jääma selgelt nähtavaks.

Testimine ja lõplik kontroll

Saadke mall kõigepealt testkontodesse ja avage see eri seadmetes. Vaadake seda Outlookis, Gmailis ning Apple Mailis, sest igas rakenduses võivad fondid, ruumid ja pildid erineda. Testkontosse saadetud kiri näitab ka seda, kuidas tegevusnupp ja linkid tegelikult töötavad. Enne suurema postitusega jagamist kontrollige ka kogu sõnumiloogika ja visuaalset tasakaalu.

Võrreldes samu sisu sisaldavaid variante, muutke üks oluline element korraga, näiteks pealkiri, eelvaatevaade või nupu värv. Nii selgub, milline muutus tulemust parandas. Väike reeglistikumuutus võib muuta kogu strateegia, täpselt nagu kardipeale reegli muutmine muudab kaardimängu otsustusviisi.

Lõppfaasis kontrollige saatmise ja seadistamise detaile. Veenduge, et e-postil on vajalik lihttekstiversioon, korrektne keele jaht, toimivad jälitamislingid ning selgelt nähtav telletuse katkestamise võimalus. Pärast jälitamisandmete kogunemist võrrelge avamise, linkide klõpsamise ja tegevuse sooritamise määra. Praktiline tulemus on valmis, ühtne ja mõistetav meilimall, milles iga element toetab üht selget kasutaja otsust ning mõõtmistulemused näitavad kõige tõhusama variandi.