Kuidas kujundada e-kiri, mida inimesed tegelikult oma telefonidest loevad
E-posti turundus on üks populaarsemaid viise publikuni jõudmiseks. Oota, see pole tõenäoliselt uus teave. Kuid kas teadsite, milline on suurem osa neist vaadetest mobiilseadmes? Nii et kui te ei kavanda oma e-kirju telefonidele, on see aeg alustada.
Mobiilimeili kujundamine võtab kavandamise ja läbimõeldud. Paljud kolmanda osapoole e-posti tarkvara kliendid lisavad oma pakettidesse reageerivaid malle, kuid mitte iga tööriist ei teisenda teie sõnumit automaatselt ideekavandiks. Peate mõtlema, kuidas teie e-kirjad välja näevad, ja veenduge, et sõnum oleks fookuses. See võib isegi olla ideaalne koht alustamiseks kõigepealt mobiiltelefoni disainistrateegiaga.
Kleepige ühte veergu
See võib olla kõige lihtsam disainimisotsus, mida olete kunagi teinud: mobiilse e-posti puhul pidage kinni üheveerulisest vormingust. Ainuüksi see otsus teeb iga edasiliikumise lihtsamaks. See lahendab ka mitmesugused väikese ekraaniga probleemid.
Üheveeruline vorming on ajaliselt koormatud kasutajatele lihtne, loob organisatsiooni ja voo. See on ka väikesel ekraanil kõigele mõeldud kujundusstandard. (Mõelge igale avatud rakendusele või mängule. Neil on kõik ühes vertikaalselt orienteeritud kujunduses.)
Üheveeruline vorming võib sundida teid mõnda oma tavalist kujundustükki näpistama. Mobiilimeilisõnumid vajavad lihtsustatud päist ja navigeerimist. Kujunduselemendid peaksid olema üsna väikesed, et meilisõnumi algus oleks esimesel ekraanil nähtav.
Tehke tüüp suuremaks
Üks suuremaid probleeme mobiilse e-posti teel on loetavus. E-kirju ei tohiks olla raske lugeda. Parandus on muuta tüüp pisut suuremaks.
Mobiilse e-posti tüübi standard on põhikehatüübi korral vahemikus 14–16 punkti ja pealkirjade puhul 22–24 punkti. Ja ärge unustage sidekriipsu välja lülitada, mis võib väikeste tüüpplokkide lugemisel häirida. See standard on muutumas nii tavaliseks, et Apple'i iOS-i minimaalne kirjasuurus on 13 punkti ja see kohandab automaatselt kõike muud.
See võib alguses tunduda ebamugav. Tõenäoliselt näib tüüp disaini väljatöötamise ajal tohutu, kuid see muutub mugavamaks ja kasutajad tänavad teid suurema avamise ja suurema suhtlemisajaga.
Öelge kasutajatel midagi teha
Mobiilne e-post vajab ilmset üleskutset tegevusele. Miks te e-kirju saadate? Kas kasutajatele on selle toimingu tegemiseks ette nähtud ruum?
Teine küsimus on disainerite jaoks võtmetähtsusega. Teisaldavate näpunäidete loomiseks mobiiltelefonide meilides pole nii palju võimalusi, nagu hõljuki olekud, mis sisaldavad tööriistade näpunäiteid, seega tuleb iga element kujundada nii, et kasutaja tegevus oleks ilmne. See võib hõlmata kõike, alates nuppude väljanägemisest kuni teksti juurde - “Osta kohe”, “Klõpsake siin”, ”Lisateave” -, mis kujunduses ilmub.
Mõelge piltidele hoolikalt
Märkimisväärne osa kasutajatest ei näe tegelikult pilte mobiilmeili uudiskirjast. Apple'i iOS-seadmed on ainus segment, kus kujutised renderdatakse automaatselt e-kirjades. Nii et piltide lisamine peaks olema teadlik otsus.
Enne piltide täielikku loobumist uurige pisut. Uurige oma analüütikat, et näha, millist tüüpi seadmetest kasutajad teie sõnumit vaatavad. Pildid on oluline tööriist ja neid ei tohiks seadme spetsifikatsioonide tõttu kahe silma vahele jätta.
Kujutiste mobiilse e-posti kujundusprojektides kasutamisel arvestage järgmistega.
- Suurus. Pilti peaks olema võimalik ilma kerimiseta vaadata.
- Koostis. Kujutise sisu peab olema väikeses suuruses arusaadav.
- HTML. Ärge langege teksti või nuppude piltideks tegemise lõksu. Tekst ja kasutajaliidese elemendid peaksid olema HTML-id ja igal pildil peaks olema toetav HTML-tekst.
- Sõnum. Pidage meeles, et sõnum peab olema arusaadav ka siis, kui kasutaja pilti ei näe.
- Ära mine üle parda. Kui plaanite pilte kasutada, pidage neist kinni. Kasutajad pettuvad, kuna suur osa sõnumist on puudu.
Jagage ekraan oma kujundusraamistikus
Mobiilse e-posti kujunduse osas on kuningas lihtsus. Kõik, alates keelest kuni kujunduseni, peaks olema lihtne ja arusaadav. Sõnum ja tegevusele kutsumine peaksid olema ilmsed.
Mobiilikujundusele mõeldes kujutlege, et väikesel ekraanil on kolm osa: päis ja bränding, sissejuhatus ja tegevus. Ideaalis peaks kõigil neist olema koht e-posti kujunduse esimesel ekraanil. (Kuigi mitte alati.)
Mõelge seadmetele ja skaalale
Kõige raskem asi, mida mobiilse disaini puhul silmas pidada, on kõik võimalikud ekraanisuurused, mille e-kiri kuvab. Reaalsus on järgmine: seda on võimatu teha.
Kuid võite mõelda sarnasuste kaudu. Apple iOS muudab mobiili e-kirju automaatselt ekraani laiusega sobivaks, nii et see on veel üks asi, mida mõelda, kui plaanite väikse ekraani suurust. (Muud opsüsteemid ei tee seda veel.)
Mobiilikujunduse kõige tavalisem laius on 640 pikslit. Kõrgus kipub pisut rohkem varieeruma. Seadmete ja suuruste loendi leiate Ken's Tech Tipsist.
Kaaluge puutetundlikkust ja ergonoomikat
Elementidel, millele tuleb klõpsata või koputada mobiilmeilis, peab olema ilmne kujundus. See hõlmab sageli nende elementide kujundamist julgema värviga ja suuremates suurustes, kui võite olla harjunud.
Rusikareeglina peaks iga kasutaja toimimiseks mõeldud element olema piisavalt suur, et seda saaks hõlpsalt ühe sõrmega puudutada, ja olema selgelt eristatav läheduses asuvatest objektidest, kus on palju ruumi. Elemente peaks olema ka lihtne puudutada, võttes arvesse kasutajaid, kes kasutavad ekraanil olevate objektide hoidmiseks ja katsumiseks ainult ühte kätt.
- “Pöidlasõbraliku” suuruse standard on vähemalt 46 pikslit ruudus.
- Valige täislaiusega tegevusele kutsumine, nii et vasak- või paremakäelised kasutajad saavad neid hõlpsalt puudutada.
Klõpsake klõpsatavate elementide ümber palju ruumi. Kui kasutate klõpsamiseks vajalikke tekstisiseseid linke, lisage lingile rohkem sõnu, et linki puudutada oleks lihtsam ja piirata tekstisiseste linkide arvu. Mitu lähestikku asuvat linki suurendab kasutaja võimalust vale puudutada. Kasutage kõigi linkide jaoks kujunduselemente, näiteks värvi ja rasvases kirjas, nii et kasutajatel oleks ilmne visuaalne vihje, et tekst teeb midagi.
Boonus: 5 asja, mida tuleks vältida
Nüüd, kui teil on idee mobiilse e-posti kampaaniaga seotud asjadest, peaksite mõned asjad, mida peaksite vältima, meeles pidama. Need tavalised vead võivad hävitada muidu suurepärase mobiilimeili.
- Unustasin navigeerimise lisada. Kaasake ülilihtne navigeerimine, mis võib kasutajad teie veebisaidile tagasi viia, kuid ärge unustage seda mobiilile optimeerida. Teie veebisaidi navigeerimisriba on tõenäoliselt mobiilseadme jaoks vale.
- “Peen” värvipaleti loomine. Kasutajad kohandavad oma mobiilseadmete kontrastsust ja värvi palju. Vältige pehmete toonide või värvidega värvipalette, kus pole palju kontrasti. See peab olema loetav.
- Väike tüüp väikesel seadmel on tapja. Inimesed kerivad. Tehke tüüp piisavalt suureks, et seda hõlpsalt lugeda.
- Nupud, mis on väikesed või mida peidavad tavalised kasutajaliidese ikoonid. Mõelge näiteks iPhone'ile, kus proov proovib ekraani allservast. Kui paigutate nuppe või elemente sellesse kohta, peidetakse need, kui kasutajad proovivad nendega suhelda.
- Segadus on mobiilne katastroof. Määrake üks sõnum mobiiltelefonile ja pidage sellest kinni. Kasutajatel pole aega ega tähelepanu ulatust, et oma telefonide e-kirjadest palju teavet filtreerida.
Järeldus
Mobiilse e-posti kujundusega saab testida mõnda asja, mida arvate veebi kujundamisel. See on ainulaadne aspekt, millel on erinevad kaalutlused. Paljud asjad, mida peate arvestama, on erinevad kui teiste projektide puhul.
Minu soovitus on järgmine: kõik teie e-posti infolehed või kirjavahetus peaksid olema optimeeritud mobiiltelefonidele. Looge iga sõnum ülaltoodud näpunäidete abil ja mõelge siis väiksematele muudatustele, mida saate suuremates vormingutes teha. See toimib, kuna loote keskendunud ideega platvormide vahel ühe ja ühendatud sõnumi. Mõistate, mida soovite e-kirjaga saavutada, enne kui jõuate liiga kaugele ja teete protsessi alguses olulisi sisuotsuseid ning te ei tunne, nagu oleksite sunnitud mobiilikasutajatele mõeldud sisu eemaldama.
