2010-es évek: az e-mail tervezési trendjei, amelyek túlélték az idő próbáját

Az e-mail hosszú utat tett meg. Alapította Ray Tomlinson 1971-ben, ami a kommunikációval kezdődött olyan kollégákkal, akik nem válaszoltak a telefonjukra, erőművé fejlődtek. Az e-mailes marketingcsatorna továbbra is megdöbbentően magas hozamot hoz, ROI-val 36: 1.

Idén októberben az e-mail hivatalosan 50 éves lesz. Nem tehetünk róla, de kissé nosztalgiázunk. Ezért döntöttünk úgy, hogy visszatekintünk az e-mail történetére, a 2010-es évektől napjainkig.

E-mail szakértőket kérdeztünk Lily Worth, e-mail tervezéssel és gyártással foglalkozó szakemberünk, valamint Brian Thies, az e-mail fejlesztője és tulajdonosa Thies Kiadó, hogy beássák az archívumokat, és betekintést nyerhessenek az évek során szerzett tapasztalataikba, különös tekintettel a kódolásra és a tervezésre.

Tegyen egy sétát velünk a memóriasávon, amikor áttekintjük a 2010-es éveket túlélt e-mail tervezési trendeket. Ebben a bejegyzésben megnézzük a legismertebb tervezési trendeket és azt, hogy ezek hogyan fejlődtek jobb irányba.

Az e-mail a 2010-es években nőtt fel

Az 1990-es és 2000-es évek reneszánsz korszakot jelentettek az e-mail tervezés terén. 1991 körül megszületett az internet – amint most ismerjük. Az 1990-es évek végén aztán az e-mail újjászületett a HTML bevezetése az e-mailbe.

Mi van a 2010-es évekkel? Annak ellenére, hogy „a legkülönfélébbMinden évtizede az e-mailes marketing terén jelentős előrelépések történtek.

Ebben az évtizedben sok minden elindult: szegmentálás, személyre szabás, e-mail automatizálás, megfelelés (például GDPR), hozzáférhetőség és még sok más. Ez meghatározta az e-mailes marketing színpadát, ahogy ma ismerjük.

Az e-mail marketing mérföldköveinek rövid története az elmúlt évtizedben:

Mi a helyzet a kódolással és a tervezéssel?

A 2010-es éveket meghatározó e-mail tervezési trendek

Az emlékeink késztetésére megkértük Lilyt, hogy ásson be az archívumba, és ossza meg a lehető legkorábbi e-mailt. Vessünk egy pillantást az első e-mailre, amelyet 2009-ben tervezett és fejlesztett az Experian számára:

Gondolatai az e-mail felülvizsgálata után? „Sok kép szeletelés, apró betűtípusok és nincs érzékeny kód.”

Itt van egy másik Lily első e-mailje, az Experian egy másik projektjétől:

Mit idéz fel Lily ebből? „A gombok és a hosszan tartó előszöveg. Jó látni, hogy akkor az idő nagy részében élő szöveget használtunk. ”

Hogy kicsit tovább vigyük a dolgokat, megkértük közösségünket Twitteren ossza meg az első e-mail kampányt, amelyet valaha elküldtek (köszönöm #EmailGeeks!). Nézzük meg néhány legfontosabb jellemzőt, amelyek meghatározták az e évtized e-mailjeit.

Garish gombok

Előtt golyóálló gombok, mindenféle gomb volt. Gyakori kezelések voltak fényesés a jó ol ‘ Bevésés és domborítás.

Először vessünk egy pillantást a fényes gombok néhány példájára.

Íme egy példa az e-mailben, amely 2014-ig nyúlik vissza:

És nézze meg ezt a ferde és dombornyomásos hatást. Ellenállhatatlan, nem gondolja?

Bár a 90-es évek jellemzőbb jellemzője, korai e-mailjeinkben láttuk a fényes és a dőlésszögű és dombornyomásos technika kombinációját, amelyet az egyik Megan Boshuyzenelső e-mailjeit 2008-ban tervezte.

Ezt a photoshopban terveztem 2008-ban, a legelső grafikai gyakorlaton. Fejlesztői csapatnak küldték, hogy kódoljon! pic.twitter.com/OA9xsrXjrF

– Megan Boshuyzen (@megbosh) 2021. március 10

Dobd el az árnyékokat

Úgy tűnik, nagy rajongók voltunk abban, hogy akkoriban bármilyen módon mélységet adtunk e-mailjeinknek. A fent felsorolt ​​gombstílusok mellett? Dobd el az árnyékokat.

Nézze meg ezt az e-mailt 2010-től. A „lebegő” Starbucks kártyát és ajándékkártyát árnyékok tették lehetővé.

Navigációs sávok

Az e-mail tervezés általában szorosan követi a webdesign nyomát. A weben népszerűek közül sok hamarosan megtalálhatja az e-mail útját.

Íme egy példa az egyik navigációs sávjára Paul Airyelső e-mail kampányai:

Az egyik első e-mail kampány, amelyet megterveztem és kidolgoztam. pic.twitter.com/euS5FcafnV

– Túl a borítékon (@Paul_Airy) 2021. március 10

Az alább látható másik példa a navigációs sávra, innen: Justine Jordan:

Mint Emily Benson azt mondta, az e-mailek hajlamosak voltak „e-mailben csapdába esett webhelyek”. Nem is mondhatnánk jobban!

Kiemelő dobozok

Mielőtt a mobil vált normává, a hangsúly az asztali számítógépeken volt. Úgy tűnt, hogy a megközelítés „minél többet vegyen be ebbe az e-mailbe”.

Bár az oldalsávokat manapság gyakran használják az e-mailekben, akkor a kiemelő dobozok gyakran szerepeltek az e-mailek oldalsávjában a tartalom strukturálásának módjaként.

Az oldalsávok néhány hátránya, hogy vizuális rendetlenséget okoznak, és nehezen reagálhatóvá válnak. Még a tisztább, jól megtervezett oldalsávok is elterelhetik az előfizetők figyelmét az e-mail kampány fő céljáról.

Az e-mail marketing új korszakának bevezetése

Számos tervezési irányzatot ismertünk az elmúlt évtizedben. Az adaptív tervezés 2009-es bevezetése – a 2010-es évek eleji e-mail-használat növekedésével párosulva – katalizátort jelentett, amely megnyitotta azokat az ajtókat, amelyek később nagyban befolyásolhatják az e-mailek mostani felépítését.

Ahogy haladtunk az évtized alatt, hozzáférhetőség és inkluzív tervezés a beszélgetés nagyobb részévé vált.

Tervezés mobil eszközökhöz

A 2010-es évek elején a mobilok növekvő népszerűségével szükségszerűvé vált a mobileszközökre való optimalizálás. Skálázható, gördülékeny és érzékeny kialakítás fontos megközelítésekké váltak, amelyeket figyelembe kell venni az e-mail fejlesztés során. Alapján bejegyzésünk 2015-ben:

A mobil e-mail 2011-ben alig volt ránézésre radarunkon, és az e-mailek csak 8% -át tette ki. Gyors előrelépés 2014-re, és az e-mailek közel fele megnyílik okostelefonokon és táblagépeken – ez négy év alatt 500% -os növekedést jelent.

Itt egy példa egy ENSZválaszadó e-mail 2016-ból (és egy másik példa a weboldal csapdába esett egy e-mailben):

Együttműködés

Amikor Briant kérdeztük az elmúlt évtizedben az e-mailben tapasztalt legnagyobb változásokról, arról beszélt, hogy az automatizálás és a tranzakciós eszközök iránti megnövekedett kereslet hogyan okozott béremelkedést:

„Az egyik legnagyobb változás a törvényes (és releváns) marketing e-mailek számának növekedése volt azoktól a vállalatoktól, amelyek meg akarják erősíteni az iparágukat.

Ez magában foglalja az automatizálás és a tranzakciós eszközök fokozott használatát, hogy szorosabb kapcsolatot teremtsen felhasználóival és fogyasztóival. Ez a fellendülés elősegítette a bérleti őrületet, és utat nyitott annak a hatalmas e-mail marketing közösségnek, amelyet ma élvezünk. „

Brian Thies

Több emberrel együtt nagyobb az együttműködés. Végül nyilvánvalóbbá vált az intelligensebb együttműködés szükségessége. A kódolás hosszú távú felhasználási folyamatának átgondolását igényelte – nemcsak az e-mail fejlesztő, hanem az egyre növekvő marketingesek, tervezők és mérnökök csapata számára is a „felvételi őrületben”.

Az olyan stratégiák, mint az újrafelhasználható tartalomblokkok, kivonatok, globálisok és sablonok, hatékonyabbá váltak az e-mailek kódolásának rendszeres részévé.

Milyen e-mail tervezési trendek maradtak fenn és fejlődtek?

Vessünk egy pillantást arra, hogy milyen tervezési trendek maradtak fenn és fejlődtek ki az elmúlt évtizedben.

Gombok, de jobbak

Amint arról korábban tárgyaltunk, az elmúlt évtized e-mail tervezésének egyik legismertebb aspektusa azok a gúnyos gombok voltak. És bár még mindig látunk ferde, dombornyomásos és fényes képet, ezek tompítottak és egyszerűek.

Íme a mai példa ferde és dombornyomásos gombokkal:

Miután az akadálymentesítés a kép nagyobb részévé vált, kitaláltuk, hogyan kell hogy a gombok golyóállóak legyenek, így a cselekvésre ösztönzésünk nem volt olyan képekben, amelyeket le lehetett tiltani vagy kikapcsolni.

Képhasználat, de okosabb

Mielőtt tudtuk volna, hogy a csak képes e-mailek nem a legjobb módszer az e-mail kampányok létrehozására, mi csináltuk.

Akkor az e-mailek létrehozásának egy népszerű módja a Photoshop szeletelésével kezdődött (#SlicinAndDicin, valaki?), exportálja a HTML-t és onnan működik. Ahogy azonban az idővel megtanultuk és fejlődtünk, megtaláltuk nem volt a legjobb módszer.

2012-re 90 millió amerikai volt e-mail használata mobil eszközön. A mobil térnyerésével kitaláltuk, hogyan kell okosabban dolgozni.

Ebben a 2014-es McDonald’s példában láthatjuk, hogy miként valósítottak meg néhány bevált gyakorlatot alternatív szöveggel és háttérszínnel, miközben az előfizetői élményt tartják szem előtt. Itt van egy egymás melletti összehasonlítás a képek megjelenítéséhez a kikapcsolt képeken.

Az átfogó téma: az egyszerűség

Bár ma ezeket a dolgokat látjuk e-mailben, finomabbak és egyszerűbbek, mint akkoriban voltak. Dióhéjban Lily elmagyarázza, hogy az e-mail most sokkal tisztább kialakítású – egyszerűsített elrendezéssel, sokkal kevésbé rendetlenséggel és nagyobb betűtípusokkal. Az olvashatóságot most jobban megfontolják. ”

Összességében a múltbeli e-mailek hajlamosak voltak nagyon ma zajló e-mailekhez képest. A rendetlen elrendezések (kiemelő dobozok és navigációs sávok) használata sokkal egyszerűbbé vált.

Szép visszaemlékezni

A múltunk felidézése felismerheti, mennyit változtunk. És a változás jó – ez annak a jele, hogy növekszünk és fejlődünk! Tehát hála istennek az e-mail mindig változik, igaz?

Mi jut eszébe, amikor Lily és Brian a 2010-es évekre gondol?

„Rajongok az e-mail evolúciója mellett, határozottan a jelenben / a jövőben élek és nem nézek vissza. ? ”

Lily Worth

„Noha hiányzik az e-mail-ügyfelek kisebb számának kezelése, nem hiányzik a tesztelés mennyisége, amelyet a Litmus előtt végeztek. Óriási időmegtakarítást jelentett az a lehetőség, hogy apró módosításokat hajtson végre a kódban, és egyszerre láthassa az eredményeket az összes e-mail kliensben. „

Brian Thies

Győződjön meg arról, hogy e-mailjei tökéletesen néznek ki a változásokkal szemben Az e-mail folyamatosan fejlődik, több mint 15 000 különböző megjelenítéssel és számolással. Győződjön meg arról, hogy e-mailjei tökéletesen néznek ki a változásokkal szemben. Védje márkanevét minden e-mailben, ügyelve arra, hogy minden küldemény márkanevű és hibátlan legyen, minden beérkező levélben. Indítsa el az ingyenes próbaverziót →

A múlt emlékeinek kijavításának egyik módja az, ha holisztikus szemszögből gondolkodunk konkrét részletekről. Tehát, hogy segítsünk Lily és Brian múltba szállításában, mi volt hogy az e-mailen kívül kérdezhessem őket olyan dolgokról is, amelyeket hiányoltak.

Mit hiányol Lily és Brian az elmúlt évtizedből?

„Mivel kevésbé függök a képernyőktől, a brit vígjáték akkoriban jobb volt, és hiányzik, hogy szinte minden este élőben láthassam a zenekarokat.”

Lily Worth

„Könnyen. Nem kell maszkot viselni.

Brian Thies

És végül nem tudtunk ellenállni, és mertük Lily-t és Brian-t megosztani első e-mail címüket (utalás: csak egy mondott igazat).

• freakslovefridays@hotmail.com
• OhHellNo@ICantAnswerThat.Nem

Ah, jó napok

Hébe-hóba jó emlékezni. E-mail múltunk áttekintése emlékeztethet minket arra, hogy milyen messzire jutottunk. Ennek eredményeként ez segíthet nekünk egy újdonsült megbecsülés kialakításában a jelen iránt.

Bár hiányolhatjuk a a #SlicinAndDicin zen a Photoshopon az evolúció jó dolog. A 2010-es évek meghatározó évtizedet jelentettek az e-mailek számára. A 90-es évek jártak, így a 2010-es évek futni tudtak.

Még mindig kissé nosztalgikus? Mi is. Ezért készítettük el ezt a Litmus Weekly különkiadása tisztelgésként a 90-es évek előtt.

Ismerje meg új e-mail bestie-jét Ez a mi mindennapos hírlevelünk, amelyet e-mail marketingesek, tervezők és fejlesztők készítettek. Iratkozzon fel olyan válogatott tartalmakra és hírekre, amelyekről tudnia kell – mindezt személyes átvételsel. Írj fel! →