Kako dizajnirati e-poštu ljudi će zapravo čitati na svojim telefonima
Marketing putem e-pošte jedan je od najpopularnijih načina za dosezanje publike. Čekaj, to vjerojatno nisu nove informacije. Ali jeste li znali kakva će većina tih prikaza biti na mobilnom uređaju? Dakle, ako ne dizajnirate e-poštu za telefone, ovo je dan za početak.
Dizajn mobilne e-pošte zahtijeva planiranje i razmišljanje. Mnogi klijenti softvera e-pošte drugih proizvođača uključuju u svoje pakete odgovarajuće predloške, ali neće svaki alat automatski pretvoriti vašu poruku u idejni dizajn. Trebate smisliti kako će vaša e-pošta izgledati i provjerite je li poruka fokusirana. To bi moglo biti čak i savršeno mjesto za početak s mobilnom prvom dizajnerskom strategijom.
Držite se jednog stupca
To je možda najjednostavnija dizajnerska odluka koju ikad donesete: Kada je riječ o mobilnoj e-pošti, držite se formata s jednim stupcem. Samo će ova odluka olakšati obradu svakog razmatranja naprijed. Također rješava razne probleme s malim ekranom.
Format jednog stupca lagan je za vremenski ograničene korisnike, stvara organizaciju i protok. To je ujedno i standard dizajna za sve na malom zaslonu. (Razmislite o svakoj aplikaciji ili igri koju otvorite. Sadrže sve u jednom vertikalno orijentiranom dizajnu.)
Format jednog stupca može vas prisiliti da prilagodite neke svoje standardne dizajnerske dijelove. Za mobilne e-poruke trebat će pojednostavljeno zaglavlje i navigacija. Elementi dizajna trebaju biti prilično mali, tako da je početak poruke e-pošte vidljiv na prvom zaslonu.
Učinite tip većim
Jedno od najvećih pitanja kada je riječ o mobilnoj e-pošti je čitljivost. E-poruke ne bi trebalo biti teško čitati. Popravak je učiniti tip malo većim.
Standard za mobilnu vrstu e-pošte je između 14 i 16 bodova za glavni oblik tijela i 22 do 24 točke za naslove. I ne zaboravite isključiti crticu, što vam može smetati čitanje malih tipova. Ovaj standard postaje toliko uobičajen da Appleov iOS ima minimalnu veličinu fonta od 13 bodova i automatski će prilagoditi sve manje od toga.
To će se u početku možda osjećati nelagodno. Tip će vjerojatno izgledati ogromno dok radite na dizajnu, ali bit će udobniji i korisnici će vam zahvaliti s više otvora i većim vremenima interakcije.
Recite korisnicima da nešto urade
Mobilni e-mail treba očito poziv na akciju. Zašto šaljete e-poštu? Postoji li dizajniran prostor za korisnike da izvrše ovu radnju?
Drugo je pitanje ključno za dizajnere. Ne postoji toliko mnogo načina za stvaranje sekundarnih znakova u mobilnim porukama e-pošte, kao što su stanja zadržavanja koja sadrže savjete alata, tako da svaki element mora biti dizajniran na način da očigledno djeluje korisnik. To može uključivati sve, od izgleda gumba do teksta - "Kupi odmah", "Kliknite ovdje", Saznajte više "- što se pojavljuje u dizajnu.
Dobro razmislite o slikama
Postoji značajan segment korisnika koji zapravo neće vidjeti slike iz mobilnog biltena. Appleovi iOS uređaji jedini su segment u kojem se slike automatski prikazuju u e-porukama. Dakle, uključivanje slika treba biti svjesna odluka.
Prije nego što se potpuno isključite iz slike, napravite malo istraživanje. Proučite analitiku da biste vidjeli iz koje vrste uređaja korisnici pregledavaju vašu poruku. Slike su važan alat i ne treba ih previdjeti zbog specifikacija uređaja.
Kad koristite slike u dizajnerskim projektima za mobilne e-poštu, uzmite u obzir sljedeće:
- Veličina. Slika bi trebala biti vidljiva bez pomicanja.
- Sastav. Sadržaj slike mora biti razumljiv pri maloj veličini.
- HTML. Ne upadajte u zamku stvaranja teksta ili gumba u slike. Tekst i elementi UI trebaju biti HTML, a svaka slika treba imati podržani HTML tekst.
- Poruka. Zapamtite da poruka mora biti razumljiva čak i ako korisnik ne vidi sliku.
- Ne prelakirajte se. Ako planirate koristiti slike, pridržavajte se jedne. Korisnici će postati frustrirani, čini se da većina poruka nedostaje.
Podijelite zaslon u vašem dizajnerskom okviru
U pogledu dizajna mobilne e-pošte, jednostavnost je najvažnija. Sve, od jezika do dizajna, treba biti jednostavno i lako razumljivo. Poruka i poziv na akciju trebaju biti očiti.
Kada razmišljate o mobilnom dizajnu, zamislite da mali ekran ima tri dijela: zaglavlje i marke, uvodna poruka i akcija. U idealnom slučaju, svaki od njih trebao bi imati mjesto na prvom zaslonu dizajna e-pošte. (Iako ne uvijek.)
Razmotrite uređaje i mjerilo
Najteža stvar koju treba razmotriti kad je riječ o dizajnu mobilnih uređaja su sve moguće veličine zaslona na koje će se e-pošta prikazati. Realnost je takva: to je nemoguće učiniti.
Ali možete misliti u zajedničko. Apple iOS će automatski razmještati mobilne e-poruke kako bi odgovarao širini zaslona, tako da je to jedna manje stvar o kojoj morate razmišljati ako planirate malu veličinu zaslona. (Ostali operativni sustavi to još ne rade.)
Najčešća širina mobilnog dizajna je 640 piksela. Visine imaju tendenciju malo više varirati. Popis uređaja i veličina možete pronaći u Ken's Tech Tips.
Razmotrite dodir i ergonomiju
Elementi koje treba kliknuti ili dodirivati u mobilnoj e-pošti moraju imati očit dizajn. To često uključuje dizajniranje ovih elemenata smjelijih boja i većih veličina nego što ste možda navikli.
U pravilu, svaki element dizajniran za korisničko djelovanje trebao bi biti dovoljno velik da se može lako dodirnuti jednim prstom i jasno se razlikovati od obližnjih objekata s puno prostora. Elementi bi također trebali biti lako dodirnuti, uzimajući u obzir korisnike koji samo jednom rukom drže i dodiruju predmete na ekranu.
- Standard pri "veličini prilagođenom palcu" iznosi najmanje 46 piksela.
- Odlučite se za pozive na akciju pune širine tako da ih korisnici s lijeve ili desne ruke mogu lako dodirnuti.
Dopustite dovoljno otvorenog prostora oko elemenata koji se mogu kliknuti. Kada koristite tekstualne veze na koje je potrebno kliknuti, dodajte još riječi da biste olakšali dodirivanje veze i ograničili broj umetnutih veza. Višestruke veze međusobno povećavaju vjerojatnost da korisnik dodirne krivu. Koristite elemente dizajna, kao što su boja i podebljanje, za sve veze kako bi korisnici imali očit vizualni znak da tekst nešto radi.
Bonus: 5 stvari koje treba izbjegavati
Sada kada imate ideju što treba učiniti s mobilnom kampanjom putem e-pošte, morate zaboraviti nekoliko stvari koje biste trebali izbjeći. Te česte pogreške su stvari koje mogu uništiti inače sjajnu mobilnu e-poštu.
- Zaboravite na dodavanje navigacije. Uključite super jednostavnu navigaciju koja korisnike može vratiti na vaše web mjesto, ali imajte na umu da je optimizirate za mobilni. Oznaka trake s vaše web stranice vjerojatno je pogrešno prilagođena mobilnom uređaju.
- Stvaranje "suptilne" palete boja. Korisnici jako prilagođavaju kontrast i boju na svojim mobilnim uređajima. Izbjegavajte palete boja s mekim nijansama ili bojama bez puno kontrasta. Treba biti čitljiv.
- Mali tip na malom uređaju je ubojit. Ljudi će se pomicati. Učinite vrstu dovoljno velikim za čitanje s lakoćom.
- Gumbi koji su mali ili skriveni standardnim ikonama sučelja. Razmislite, primjerice, o iPhoneu gdje se pokušaj pojavio s dna zaslona. Ako na ovo mjesto postavite gumbe ili elemente, oni će se sakriti kad korisnici pokušaju s njima komunicirati.
- Nered je pokretna katastrofa. Odredite jednu poruku za mobilni i držite je. Korisnici nemaju vremena ili pažnje da bi filtrirali puno informacija iz e-pošte na svojim telefonima.
Zaključak
Dizajn mobilne e-pošte može testirati neke stvari koje mislite o dizajniranju za web. Jedinstven je aspekt s jasnim razmatranjima. Mnoge stvari koje trebate uzeti u obzir su drugačije nego kod ostalih projekata.
Moja preporuka je sljedeća: Svi vaši bilteni ili prepiske putem e-pošte trebaju biti optimizirani za mobilne uređaje. Stvorite svaku poruku pomoću gornjih savjeta, a zatim razmislite o svim manjim promjenama koje možete uvesti za veće formate. To funkcionira jer ćete s usredotočenom idejom stvoriti jedinstvenu poruku na svim platformama. Razumjet ćete što želite postići s porukom e-pošte prije nego što se previše udaljite i donesete važne odluke o sadržaju u početku postupka i nećete imati osjećaj da vas prisiljavaju da eliminiraju sadržaj za mobilne korisnike.
