Prisitaikantis dizainas yra labai svarbus norint, kad jūsų el. pašto rinkodaros kampanijos turėtų tikrą poveikį. Reikia ne tik užtikrinti, kad jūsų pranešimai atrodytų gerai, bet ir kad jie efektyviai veiktų visuose įrenginiuose.
Šiandien, kai daugiau nei 80% el. laiškų atidaroma mobiliuosiuose telefonuose arba planšetiniuose kompiuteriuose, jei jūsų el. laiškai nėra optimizuoti, jie paprasčiausiai nebus perskaityti.
Kas yra prisitaikantis dizainas?
Tai dizainas, optimizuotas bet kokiam įrenginiui - telefonui, kompiuteriui ar planšetiniam kompiuteriui, nes jis prisitaiko prie įvairių ekrano rezoliucijų, o tai ypač naudinga didėjant mobiliesiems įrenginiams pritaikyto turinio poreikiui. Jis naudojamas ir svetainėms, ir pranešimams kurti.
Prisitaikantys (arba adaptyvūs) dizainai taip pat yra lengviau prieinami, todėl prenumeratoriai gali skaityti savo pageidaujamame įrenginyje arba keliaudami.
Jie kuriami konfigūruojant du CSS kodo sluoksnius. Vienas sluoksnis rūpinasi rodymu staliniuose kompiuteriuose, t. y. tuo, ką matytų "Outlook" programoje pranešimą skaitantis naudotojas. Antrajame CSS sluoksnyje vyksta stebuklingas veiksmas - pridedamas kodas, leidžiantis turinį teisingai rodyti kituose įrenginiuose.
Dėl šių dviejų CSS sluoksnių pranešimai gali būti rodomi vertikaliai arba horizontaliai, didesni arba mažesni, vienokio ar kitokio turinio išdėstymo, bet visada ryškūs ir aiškūs, nesvarbu, ar gavėjai juos atidarys darbalaukyje, ar telefone.
"Responsive design" reiškia, kad el. pašto turinys automatiškai pritaikomas prie įrenginio, kuriame jis peržiūrimas, pločio ir formato - telefono, planšetinio ar stacionaraus kompiuterio. Tai pasiekiama naudojant specialias kodo struktūras (daugiausia CSS), kurios leidžia elementus pertvarkyti ir keisti jų dydį atsižvelgiant į skaitytojo aplinką.
Pavyzdys: Mados įmonė, pradedanti el. paštu skelbti reklaminę akciją, 35% padidino paspaudimų skaičių, pakeitusi šabloną taip, kad rodomi produktai būtų tinkamai rodomi išmaniuosiuose telefonuose, su greitai įkeliamais paveikslėliais ir dideliais jutikliniais mygtukais.
Pagrindiniai patarimai, kaip 2025 m. sukurti išties prisitaikantį dizainą
1. Pirmenybė teikiama mobiliesiems įrenginiams
Pirmiausia kurkite mobiliesiems įrenginiams, o ne pritaikykite tai, ką sukūrėte darbalaukiui. Naudokite vieno stulpelio struktūrą, šriftus, įskaitomus nuo 14 px, plačias vidines paraštes (ne mažiau kaip 16 px) ir bent 48×48 pikselių dydžio liečiamus mygtukus.
Pavyzdys: Internetinių kursų prenumeratos paslauga padidino konversijų skaičių 20%, jei mygtukai "Užsiregistruok" buvo pateikti iškart po įvadinio teksto, o ne paslėpti pranešimo pabaigoje.
2. Neignoruokite planšetinių kompiuterių dizaino
Planšetiniai kompiuteriai kelia unikalių iššūkių: dideli ekranai, tačiau sąveika su jais vyksta liečiant. Naudokite ne mažesnius nei 16 px šriftus ir pasirūpinkite, kad elementai nebūtų pernelyg arti vienas kito. Tarp teksto blokų pridėkite šiek tiek daugiau tarpo, kad būtų galima geriau skaityti horizontaliai. Dviejų stulpelių paveikslėliai gali gerai veikti, tačiau jų dydis turėtų būti keičiamas sklandžiai.
Pavyzdys: Kelionių agentūra pagerina naudotojo patirtį, pertvarkydama paskirties vietų skiltis į du reaguojančius stulpelius planšetiniuose kompiuteriuose ir išlaikydama vieną stulpelį mobiliuosiuose įrenginiuose. Todėl navigacija yra sklandi nepriklausomai nuo įrenginio.
3. Kontroliuoti elementų dydį ir proporcijas
Mobiliuosiuose įrenginiuose apie viską reikia galvoti vertikaliai. Naudokite viso pločio konteinerius, venkite fiksuotų lentelių ir pakeiskite vaizdų dydį iki 100% konteinerio dydžio. Nenaudokite daugiau nei 2-3 tekstų hierarchijos lygių (antraščių, paantraščių, pastraipų), kad išvengtumėte painiavos.
Pavyzdys: Elektroninės prekybos prietaisų mažmenininkas sumažina atmetimo dažnį 40%, naudodamas reaguojančius produktų paveikslėlius ir raginimus atlikti veiksmus, sutelktus į vieną stulpelį, taip pagerindamas vizualinį srautą.
4. Prisitaikantis tamsusis režimas
Vis daugiau naudotojų savo įrenginiuose naudoja tamsųjį režimą. Pasirūpinkite, kad jūsų el. laiškas gerai atrodytų abiejose aplinkose: naudokite neutralias fono spalvas, venkite visiškai juodo arba visiškai balto teksto ir išbandykite adaptyvius gradientinius fono dizainus.
Pavyzdys: "Fintech", įdiegusi automatines naujienlaiškių versijas šviesiam ir tamsiam režimui, pastebėjo, kad "iOS" ir "Android" platformose 18% pagerėjo visas laiškų skaitymo rodiklis.
-
5. Dinaminis skyrių pritaikymas
Daugėja modulinio, prietaisais pagrįsto turinio. Šiandien galite siųsti šiek tiek skirtingas el. laiško versijas, priklausomai nuo to, ar naudotojas jį atidaro iš mobiliojo, planšetinio, ar stacionaraus kompiuterio. Tai leidžia pritaikyti CTA vietą, matomo teksto kiekį ir net blokų eiliškumą.
Pavyzdys: Skaitmeninė žiniasklaida, siunčianti naujienlaiškius, mobiliuosiuose įrenginiuose pateikia tik tris skaitomiausius dienos straipsnius, o kompiuteriuose - visą santrauką. Tai pagerino mobiliojo ryšio CTR 42%.
- CSS mikrointerakcijų integravimas
Šiais metais vis dažniau naudojamos lengvos CSS animacijos (pvz., mygtukai, keičiantys spalvą, arba piktogramos, kurios juda perbraukus pirštu). Jos netrukdo suderinamumui ir padidina vizualinį patrauklumą.
Pavyzdys: Technologijų pradedančiajai įmonei pavyko padvigubinti savo el. laiškų naudojimo laiką, pridėjus nedidelius efektus prie mygtukų, kuriais raginama išbandyti nemokamą demonstracinę versiją.
Kaip įvertinti reaguojančio dizaino sėkmę
Peržiūrėkite savo rodiklius lygindami ankstesnes ir dabartines kampanijų versijas. Atkreipkite dėmesį į mobiliųjų įrenginių atidarymo rodiklius, CTR (paspaudimų skaičių), visą slinktį ir mygtukų paspaudimus. Atmetimo arba atsisakymo nuo prenumeratos rodikliai taip pat atspindi, ar dizainas veikia.
Pavyzdys: Žmogiškųjų išteklių konsultavimo įmonė atlieka savo kampanijų A/B testus ir nustato, kad reaguojantys el. laiškai padidina dalyvavimą internetiniuose seminaruose 25%, nes juos galima greitai pasiekti iš mobiliųjų telefonų.
Ar tai tikrai svarbu?
Jei naujienlaiškiai nėra optimizuoti mobiliesiems įrenginiams, jie bus rodomi prastai ir atstums klientus.
Šiuolaikinėje rinkodaroje reaguojančių dizainų taikymas tampa vis mažesne galimybe ir vis didesne būtinybe. Jie tapo dar vienu vartotojo lūkesčiu. Iš tiesų jų poreikis išaugo kartu su tuo, kad vis daugiau naudotojų pranešimus skaito ne kompiuteryje, o mobiliuosiuose įrenginiuose.
Per trejus metus iš mobiliųjų įrenginių atidarytų pranešimų skaičius padidėjo 500%. Šis spartus augimas yra labai svarbus. Kai tiek daug žmonių skaito žinutes mobiliuosiuose įrenginiuose, būtina, kad pateiktumėte tai, ko jie tikisi.
Kas toliau?
Dabar, kai jau žinote daugiau apie prisitaikantį dizainą, kas tai yra ir kodėl jis svarbus, metas tai pritaikyti praktiškai.
Ši dizaino forma išlieka ir toliau bus svarbi augimo priemonė, todėl grafikos dizaineriai privalo žinoti, kaip ją kurti.
Jautraus dizaino šablonai
Nesvarbu, ar turite mažiau patirties kodavimo srityje, ar neturite daug laiko skirti pranešimų dizainui, patariame naudoti šabloną.
Prisitaikantis šablonas leidžia ne tik sukurti pranešimą, kuris automatiškai prisitaiko prie bet kokio dydžio ekrano, bet ir užtikrina, kad jis būtų visiškai funkcionalus, kad viskas veiktų taip, kaip tikitės.
Be to, jos sutaupo daug laiko, nes tereikia pasirinkti geriausiai jūsų poreikius atitinkančią ir redaguoti jos turinį.
"MasterBase®" siūlo daugybę reaguojančių šablonų jūsų pranešimams. Tačiau jei pageidaujate, galime padėti sukurti individualų šabloną.
Išvada
Jautrių pranešimų kūrimas yra daugiau nei estetinis klausimas - tai tiesioginė konversijos priemonė. Prisitaikymas prie mobiliojo turinio vartojimo įpročių yra dalis to, kas 2025 m. bus aktualu ir veiksminga. Šablonai, testavimas, nuolatinis optimizavimas ir dėmesys detalėms lemia skirtumą.
Jei ieškote patikimos platformos, kuri padėtų valdyti, automatizuoti ir siųsti kampanijas su reaguojančiais dizainais, MasterBase® yra geriausias pasirinkimas. Daugiau nei 20 metų patirtį tarptautinėje rinkoje turinti įmonė siūlo pažangiausias technologijas, asmeninę pagalbą ir jūsų poreikiams pritaikytus sprendimus.
