{"id":7806,"date":"2024-10-04T08:10:37","date_gmt":"2024-10-04T08:10:37","guid":{"rendered":"http:\/\/www.inboxakademi.com\/?p=7806"},"modified":"2024-10-04T08:10:37","modified_gmt":"2024-10-04T08:10:37","slug":"her-cihaza-uyumlu-e-bultenler-olusturmak-icin-10-ipucu","status":"publish","type":"post","link":"https:\/\/useinbox.com\/tr\/blog\/her-cihaza-uyumlu-e-bultenler-olusturmak-icin-10-ipucu\/","title":{"rendered":"Her cihaza uyumlu e-b\u00fcltenler olu\u015fturmak i\u00e7in 10 ipucu"},"content":{"rendered":"

E-posta tasar\u0131m\u0131n\u0131 daha iyi hale getirmek amac\u0131yla, sizinle payla\u015fmak i\u00e7in duyarl\u0131 e-posta<\/em><\/strong> (her cihazda uyumlu g\u00f6r\u00fcnt\u00fclenen – en.<\/em> responsive<\/em>) tasar\u0131m ipu\u00e7lar\u0131n\u0131 aramaktay\u0131z. Bu yaz\u0131m\u0131zda New York’ta ger\u00e7ekle\u015fen “E-posta Tasar\u0131m At\u00f6lyesi”<\/em>nin \u00e7al\u0131\u015fmalar\u0131na yer veriyoruz. Yaz\u0131m\u0131z\u0131n \u00e7ok \u00f6nemli bir k\u0131sm\u0131 seminerin sonu\u00e7 raporunun T\u00fcrk\u00e7e’ye terc\u00fcmesi \u015feklinde; ancak biz de araya kendi notlar\u0131m\u0131z\u0131 ve tavsiyelerimizi ekledik.<\/p>\n

New York’un en iyi dijital tasar\u0131m e\u011fitim kurumlar\u0131ndan Noble Desktop liderli\u011findeki “<\/em>Designing Responsive Email”<\/em> seminerinde, e-posta pazarlamac\u0131lar\u0131yla ba\u011flant\u0131 kurarak en son tasar\u0131m ipu\u00e7lar\u0131n\u0131 ke\u015ffetmek i\u00e7in kafa yorduk.<\/p>\n

Tasar\u0131m bir e-posta kampanyas\u0131n\u0131n ba\u015far\u0131 oranlar\u0131n\u0131 nas\u0131l etkiler ve duyarl\u0131 tasar\u0131m s\u0131n\u0131rlamalar\u0131n\u0131 g\u00fc\u00e7l\u00fc noktalara nas\u0131l d\u00f6n\u00fc\u015ft\u00fcr\u00fcr?<\/p>\n

 <\/p>\n

Seminerden ald\u0131\u011f\u0131m\u0131z 10 duyarl\u0131 e-posta tasar\u0131m ipucu<\/strong><\/p>\n

<\/h4>\n

1) Duyarl\u0131 e-postan\u0131z\u0131 bir fragman gibi tasarlay\u0131n<\/span><\/h4>\n

Yakla\u015fan etkinlikler, en yeni \u00fcr\u00fcn\u00fcn\u00fcz, en b\u00fcy\u00fck sat\u0131\u015f\u0131n\u0131z veya \u015firket duyurusu gibi, e-posta listenizdeki okuyucularla ileti\u015fim kurmak istedi\u011finiz \u00e7ok \u015fey oldu\u011funu biliyoruz. Ancak, e-postan\u0131z ayr\u0131nt\u0131lar\u0131 g\u00f6sterecek bir yer de\u011fildir.<\/strong> E-postan\u0131z\u0131 mesaj\u0131n\u0131z\u0131n ana i\u00e7eri\u011fi i\u00e7in okuyucular\u0131 y\u00f6nlendirmeye yarayan bir\u00a0fragman olarak d\u00fc\u015f\u00fcn\u00fcn. E-postan\u0131zda k\u0131sa ve \u00f6z anlat\u0131mlar yaparak, kullan\u0131c\u0131lar\u0131n rahatl\u0131kla tu\u015flayabilecekleri eylem butonlar\u0131\u00a0(call-to-action buttons)<\/em> yerle\u015ftirin.<\/p>\n

 <\/p>\n

2) Duyarl\u0131 e-postalar\u0131n\u0131zda bir hiyerar\u015fi olu\u015fturun<\/span><\/h4>\n

Hik\u00e2yelerinizi hiyerar\u015fik bir tarzda anlatarak, e-postan\u0131zda odaklanma ve organizasyon olu\u015fturun. \u0130letinizin ters piramit modeli kullan\u0131larak nas\u0131l yap\u0131land\u0131r\u0131ld\u0131\u011f\u0131n\u0131 d\u00fc\u015f\u00fcn\u00fcn.\u00a0 Kampanya izleme, InVision’dan gelen bir e-postada bu y\u00f6ntemin m\u00fckemmel bir \u00f6rne\u011fini bize g\u00f6steriyor.<\/p>\n

Her b\u00f6l\u00fcm etkileyici bir g\u00f6rsel \u00f6geyle ba\u015flar ve ard\u0131ndan do\u011frudan bir harekete ge\u00e7irici mesaj tu\u015funun bulundu\u011fu, destekleyici metin i\u00e7eren k\u0131sa, kal\u0131n bir ba\u015fl\u0131k ile daha sonra ne yapmas\u0131 gerekti\u011fini netle\u015ftirir.\u00a0 Bu, k\u0131sa s\u00fcrede ileti\u015fim kurmak ve dikkatini k\u0131sa s\u00fcreli o sayfaya veren okuyucular\u0131n (hemen hemen t\u00fcm okuyucular) t\u0131klama say\u0131lar\u0131n\u0131 artt\u0131rmak i\u00e7in m\u00fckemmel bir yoldur. A\u015fa\u011f\u0131daki \u00f6rnek e-b\u00fcltende oldu\u011fu gibi:<\/p>\n

 <\/p>\n

 <\/p>\n

3) E-posta i\u00e7i y\u00f6nlendirme butonlar\u0131n\u0131z asla \u201cBuraya T\u0131klay\u0131n\u201d dememeli<\/span><\/h4>\n

Okuyucular\u0131n\u0131za nereye t\u0131klayacaklar\u0131n\u0131 s\u00f6ylemek i\u00e7in bo\u015funa yer i\u015fgal etmeyin. \u00d6zellikle mobil cihazlarda, okuyucular dokunuyor, t\u0131klam\u0131yor. \u201cT\u0131klay\u0131n\u201d\u00a0 kelimesi ger\u00e7ekten harekete ge\u00e7irici bir mesaj de\u011fildir. Onu atlay\u0131n ve okuyuculara do\u011frudan neler yapmas\u0131 gerekti\u011fini s\u00f6yleyin.\u00a0 Net, do\u011frudan bir hareket fiili kullan\u0131n ve \u00f6zl\u00fc olun. Mesaj\u0131n\u0131z\u0131 samimi ve ilgi \u00e7ekici yapan “benim” ve “sizin” gibi zamirleri kullanmay\u0131 deneyin. \u201c \u015eimdi yerimi ay\u0131r\u201d ya da\u00a0 \u201c\u00dccretsiz biletimi al\u201d s\u00f6zlerini de deneyebilirsiniz. Veya yukar\u0131daki \u00f6rnekte oldu\u011fu gibi okuyucuyu sayfan\u0131z\u0131 ziyaret etmeye te\u015fvik edebilirsiniz.<\/p>\n

 <\/p>\n

4) Duyarl\u0131 bir e-postada hi\u00e7bir zaman tek bir b\u00fcy\u00fck resim kullanmay\u0131n<\/span><\/h4>\n

Ba\u015fka bir deyi\u015fle, sadece resimli e-posta tuzaklar\u0131ndan ka\u00e7\u0131n\u0131n.\u00a0 E-postan\u0131zda yaln\u0131zca bir tane b\u00fcy\u00fck resim kullanmak spam puan\u0131n\u0131z\u0131 artt\u0131racakt\u0131r. B\u00f6ylece e-posta,\u00a0 okuyucular\u0131n gelen kutusu\u00a0yerine spam kutusuna d\u00fc\u015fmeye ba\u015flayacakt\u0131r. Ayr\u0131ca, bu e-postan\u0131z\u0131n tam olarak duyarl\u0131 olmad\u0131\u011f\u0131 anlam\u0131na gelir ve e\u011fer resim y\u00fcklenmezse, okuyucular yaln\u0131zca ALT metni g\u00f6recektir. Yani i\u015fe yarar hi\u00e7 bir \u015fey g\u00f6rmeyeceklerdir. Bir \u00e7\u00f6z\u00fcm var m\u0131? Evet var. E-postan\u0131za daima bir metin ve resim dengesi kullan\u0131n. Bunun i\u00e7in en iyi yol, e\u011fer bu konuda yeterince iyi oldu\u011funuzu d\u00fc\u015f\u00fcnm\u00fcyorsan\u0131z, haz\u0131r \u015fablonlarla \u00e7al\u0131\u015fmakt\u0131r.<\/p>\n

 <\/p>\n

5) Grid-tabanl\u0131\u00a0tasar\u0131m<\/span><\/h4>\n

Grid-tabanl\u0131 tasar\u0131mlar\u0131 duyarl\u0131 hale getirmek daha kolayd\u0131r. Bunun nedeni, HTML e-postalar\u0131n\u0131n sat\u0131rlar ve s\u00fctunlardan olu\u015fan tablolarla olu\u015fturulmu\u015f olmas\u0131d\u0131r. Mod\u00fcler \u015fablon tasar\u0131m\u0131ndan yararlanan e-posta edit\u00f6rleri, INBOXBrush\u00a0gibi,\u00a0 i\u00e7eri\u011fin d\u00fczenlenmesinde bol esneklik sa\u011flarken, otomatik olarak bir \u0131zgarada i\u00e7erik d\u00fczenlemenize de yard\u0131mc\u0131 olur.<\/p>\n

 <\/p>\n

6) ALT metnini unutma<\/span><\/h4>\n

Resimlerinizin y\u00fcklenmemesine kar\u015f\u0131 haz\u0131rl\u0131kl\u0131 olun. Baz\u0131 e-posta istemcileri otomatik olarak resmi y\u00fcklemez ve baz\u0131 aboneler g\u00fcvenlik nedeniyle otomatik y\u00fckleme \u00f6zelli\u011fini etkinle\u015ftirmez. Bu konuda daha detayl\u0131 bilgi i\u00e7in buraya<\/a> g\u00f6z atabilirsiniz.<\/p>\n

E-postan\u0131n g\u00f6r\u00fcnt\u00fcleri devre d\u0131\u015f\u0131 b\u0131rak\u0131lm\u0131\u015f haliyle yaln\u0131zca bir ALT metin g\u00f6r\u00fcn\u00fcr. Bu durumda e\u011fer bir ALT metin koymazsan\u0131z, resimler y\u00fcklenmedi\u011fi zaman okuyucu hi\u00e7 bir \u015fey g\u00f6r\u00fcnt\u00fcleyemez. Dolay\u0131s\u0131yla, ALT metni do\u011fru d\u00fczenlemek \u00f6nemlidir. Yazarken metni k\u0131sa tutmay\u0131 unutmay\u0131n.\u00a0 E\u011fer iki sat\u0131ra b\u00f6l\u00fcn\u00fcrse, baz\u0131 e-posta istemcileri onu g\u00f6r\u00fcnt\u00fcleyemez. Yapabiliyorsan\u0131z, resme stil ekleyerek ALT metninizi stilleyin (resminiz farkl\u0131 g\u00f6r\u00fcnmeyebilir, ancak ALT metniniz g\u00f6r\u00fcnd\u00fc\u011f\u00fcnde belirtti\u011finiz yaz\u0131 tipi, renk ve boyut olacakt\u0131r).<\/p>\n

 <\/p>\n

7) E-postan\u0131z bir web sitesi de\u011fil<\/span><\/h4>\n

E\u011fer ipucu #1 ve #2\u2019yi izlerseniz,\u00a0 o zaman muhtemelen iyi durumdas\u0131n\u0131zd\u0131r. A\u00e7\u0131k ve \u00f6zl\u00fc bir e-posta dizayn edilmeli ve tek bir harekete ge\u00e7irici mesaj vermelisiniz. Dolay\u0131s\u0131yla, \u00f6rne\u011fin a\u015fa\u011f\u0131daki\u00a0\u00f6rnek gibi,\u00a0\u00e7ok say\u0131da ba\u011flant\u0131 ve gereksiz detay verilmemeli. Ama\u00e7 okuyucuyu o mesajla birlikte \u00f6zel bir noktaya ta\u015f\u0131mak olmal\u0131. \u00d6rne\u011fin kay\u0131t sayfan\u0131za.<\/p>\n

Basit olun ve \u00f6zelle\u015ftirmeler yapmak i\u00e7in sahip oldu\u011funuz verileri kullanmay\u0131 unutmay\u0131n. Biri \u015firketin web sitesine geldi\u011finde, o ziyaret\u00e7iyle ilgili pek fazla \u015fey bilmiyorsunuz. \u00d6te yandan, e-posta listeniz ba\u015fka bir hik\u00e2yedir. Kullan\u0131c\u0131lar\u0131n\u0131z ile ilgili verilere sahipsiniz. D\u00f6n\u00fc\u015f\u00fcm oranlar\u0131n\u0131 artt\u0131rmak i\u00e7in, kitlenizin b\u00f6l\u00fcmlere ay\u0131r\u0131n ve tetiklenmi\u015f<\/a> kampanyalar olu\u015fturun.<\/p>\n

 <\/p>\n

8) \u00d6zel yaz\u0131 tipleri ile se\u00e7ici olun<\/span><\/h4>\n

\u00c7o\u011fu e-posta istemcisi markan\u0131z\u0131n \u00f6zel yaz\u0131 tipini desteklemez. A\u00e7\u0131klamalar yapmak i\u00e7in e-posta ba\u015fl\u0131\u011f\u0131n\u0131z gibi \u015feyleri dikkatli kullan\u0131n daha sonra mesaj\u0131n\u0131z\u0131n g\u00f6vdesi i\u00e7in e-postayla g\u00fcvenli yaz\u0131 tipleri ekleyin.<\/p>\n

E-postan\u0131za g\u00fcvenli yaz\u0131 tipi se\u00e7imi biraz s\u0131n\u0131rl\u0131d\u0131r, ancak \u015f\u00fcpheleriniz oldu\u011funda Serif<\/em> yaz\u0131 tipini kullan\u0131n. Gmail otomatik olarak bu yaz\u0131 tipini kullanmaktad\u0131r. Ayr\u0131ca bir\u00e7ok marka Arial, Helvetica ve Verdana yaz\u0131 tiplerini de kullanmaktad\u0131r.<\/p>\n

 <\/p>\n

9) \u00dcst ba\u015fl\u0131\u011f\u0131n\u0131z\u0131 d\u00fczenlemeyi unutmay\u0131n<\/span><\/h4>\n

\u00dcst ba\u015fl\u0131klar (pre-header<\/em>), gelen kutusundaki konu sat\u0131r\u0131n\u0131 izleyen k\u00fc\u00e7\u00fck bir metindir. \u00a0Aboneler, e-postan\u0131n birka\u00e7 kelimeyle okunmaya de\u011fer olup olmad\u0131\u011f\u0131na karar vererek tarama arac\u0131 olarak bu \u00fcst ba\u015fl\u0131klar\u0131\u00a0kullanmaktad\u0131r;\u00a0 dolay\u0131s\u0131yla, dikkat \u00e7ekici \u00fcst ba\u015fl\u0131klar\u00a0kullanarak a\u00e7\u0131l\u0131\u015f oranlar\u0131 art\u0131rabilirsiniz. Manuel olarak d\u00fczenlememeniz halinde, e-postan\u0131zda g\u00f6r\u00fcnen ilk d\u00fcz metin \u00fcst ba\u015fl\u0131k\u00a0olarak g\u00f6r\u00fcnecektir -ki bu \u00e7o\u011fu zaman okuyucuya anlams\u0131z gelecek kodlar olabilir.<\/p>\n

Bu b\u00f6l\u00fcm\u00fcn k\u0131sa olmas\u0131 gerekir. Biz, \u00e7o\u011fu cihazda tam olarak g\u00f6r\u00fcnt\u00fclenebilmesi i\u00e7in \u00fcst ba\u015fl\u0131\u011f\u0131n\u0131z\u0131n 40-50 karakter aras\u0131nda olmas\u0131n\u0131 \u00f6neriyoruz.<\/p>\n

 <\/p>\n

10) Hareketli GIF\u2019leri ak\u0131ll\u0131ca kullan\u0131n<\/span><\/h4>\n

Hareketli GIF\u2019ler, \u00e7o\u011fu e-posta istemcisinde kesintisiz \u00e7al\u0131\u015fan g\u00fc\u00e7l\u00fc bir g\u00f6rsel anlat\u0131m arac\u0131d\u0131r. Outlook b\u00fcy\u00fck bir istisnad\u0131r-Outlook 2007 ve sonraki s\u00fcr\u00fcmleri yaln\u0131zca GIF\u2019inizin ilk karesini g\u00f6r\u00fcnt\u00fcl\u00fcyor.<\/p>\n

\u00c7er\u00e7eve say\u0131s\u0131na ve \u00e7\u00f6z\u00fcn\u00fcrl\u00fc\u011f\u00fcne ba\u011fl\u0131 olarak, GIF\u2019ler b\u00fcy\u00fck dosyalara d\u00f6n\u00fc\u015febilir. B\u00fcy\u00fck boyutlu GIF’ler, mobil veri kullan\u0131m\u0131 s\u0131ras\u0131nda zor y\u00fcklenebilir ve kotan\u0131z\u0131 \u00e7ok t\u00fcketebilir. Bu konuda daha hassas davranmak i\u00e7in, yaln\u0131zca animasyona ihtiya\u00e7 duyulan \u015feyleri canland\u0131rarak animasyonlu GIF boyutunu k\u00fc\u00e7\u00fclt\u00fcn.<\/p>\n

\u00c7er\u00e7eveler k\u00fc\u00e7\u00fcld\u00fck\u00e7e, ne kadar az piksel de\u011fi\u015firse, dosya boyutu da bir o kadar k\u00fc\u00e7\u00fclecektir.<\/p>\n

 <\/p>\n

Sorular? Yorumlar?<\/strong><\/span><\/p>\n

Ve \u015fimdi daha net, \u00e7ekici, duyarl\u0131 e-postalar tasarlamaya ba\u015flama zaman\u0131! Yorumlarda herhangi bir ipucu veya sorunuz varsa bize bildirin ve bir sonraki kampanyan\u0131z i\u00e7in INBOXBrush’\u0131 deneyin. \u00dccretsizdir ve INBOXBrush ile tasarlanan t\u00fcm e-postalar %100 mobile duyarl\u0131d\u0131r (tek bir sat\u0131r kodlaman\u0131za dahi gerek yoktur).<\/p>\n","protected":false},"excerpt":{"rendered":"

E-posta tasar\u0131m\u0131n\u0131 daha iyi hale getirmek amac\u0131yla, sizinle payla\u015fmak i\u00e7in duyarl\u0131 e-posta (her cihazda uyumlu g\u00f6r\u00fcnt\u00fclenen – en. responsive) tasar\u0131m ipu\u00e7lar\u0131n\u0131 aramaktay\u0131z. Bu yaz\u0131m\u0131zda New York’ta ger\u00e7ekle\u015fen “E-posta Tasar\u0131m At\u00f6lyesi”nin \u00e7al\u0131\u015fmalar\u0131na yer veriyoruz. Yaz\u0131m\u0131z\u0131n \u00e7ok \u00f6nemli bir k\u0131sm\u0131 seminerin sonu\u00e7 raporunun T\u00fcrk\u00e7e’ye terc\u00fcmesi \u015feklinde; ancak biz de araya kendi notlar\u0131m\u0131z\u0131 ve tavsiyelerimizi ekledik. New York’un […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-7806","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/posts\/7806"}],"collection":[{"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/comments?post=7806"}],"version-history":[{"count":0,"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/posts\/7806\/revisions"}],"wp:attachment":[{"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/media?parent=7806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/categories?post=7806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/useinbox.com\/tr\/blog\/wp-json\/wp\/v2\/tags?post=7806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}