Kişilerin Telefonlarında Aslında Okuyacağı Bir E-posta Nasıl Tasarlanır?
E-posta pazarlama, bir kitleye ulaşmanın en popüler yollarından biridir. Bekle, bu muhtemelen yeni bir bilgi değil. Ancak bu görüntülemelerin çoğunun bir mobil cihazda olacağını biliyor muydunuz? Bu nedenle, e-postalarınızı telefonlar için tasarlamıyorsanız, başlangıç günüdür.
Mobil bir e-posta tasarlamak planlama ve düşünmeyi gerektirir. Birçok üçüncü taraf e-posta yazılımı istemcisi paketlerinde duyarlı şablonlar içerir, ancak her araç iletinizi otomatik olarak fikir tasarımına dönüştürmez. E-postanızın nasıl görüneceğini düşünmeniz ve mesajın odaklandığından emin olmanız gerekir. Hatta mobil cihazlar için ilk tasarım stratejisiyle başlamak için mükemmel bir yer olabilir.
Bir Sütuna Yapış
Şimdiye kadar verdiğiniz en basit tasarım kararı olabilir: Mobil e-posta söz konusu olduğunda, tek sütunlu bir biçime sadık kalın. Bu karar tek başına her düşüncenin ileriye doğru taşınmasını kolaylaştıracaktır. Çeşitli küçük ekran endişelerini de çözer.
Tek sütunlu format zaman sıkıntısı çeken kullanıcılar için kolaydır, organizasyon ve akış oluşturur. Ayrıca küçük bir ekranda her şey için tasarım standardıdır. (Açtığınız her uygulamayı veya oyunu düşünün. Her şeyi dikey olarak yönlendirilmiş tek bir tasarımda sunarlar.)
Tek sütunlu biçim, sizi standart tasarım parçalarınızdan bazılarını değiştirmeye zorlayabilir. Mobil e-postalar için basitleştirilmiş bir başlık ve gezinme gerekir. Tasarım öğeleri, e-posta mesajının başlangıcının ilk ekranda görülebilmesi için oldukça küçük olmalıdır.
Türü Daha Büyük Yapın
Mobil e-posta söz konusu olduğunda en büyük sorunlardan biri okunabilirliktir. E-postaları okumak zor olmamalı. Çözüm türü biraz daha büyük yapmaktır.
Mobil e-posta türü için standart, ana gövde türü için 14 ila 16 puan ve başlıklar için 22 ila 24 puan arasındadır. Ve küçük tip blokları okumak için dikkat dağıtıcı olabilecek tirelemeyi kapatmayı unutmayın. Bu standart o kadar yaygın hale geliyor ki Apple'ın iOS'u minimum 13 punto büyüklüğüne sahip ve otomatik olarak bundan daha az bir şey ayarlayacak.
Bu başlangıçta rahatsızlık verebilir. Tip, tasarım boyunca çalışırken büyük görünecek, ancak daha rahat olacak ve kullanıcılar daha fazla açıklık ve daha fazla etkileşim süresiyle size teşekkür edecek.
Kullanıcılara Bir Şey Yapmalarını Söyle
Mobil bir e-postanın açık bir harekete geçirici mesaj gerekir. Neden e-postayı gönderiyorsunuz? Kullanıcıların bu işlemi tamamlaması için tasarlanmış bir alan var mı?
İkinci soru tasarımcılar için kilit önem taşıyor. Mobil e-postalarda, araç ipuçlarını içeren fareyle üzerine gelme durumları gibi ikincil ipuçları oluşturmanın pek çok yolu yoktur, bu nedenle her öğenin kullanıcı işleminin açık olacağı şekilde tasarlanması gerekir. Bu, düğmelerin görünümünden metne kadar - tasarımda görünen “Şimdi Satın Al”, “Buraya Tıklayın”, Daha Fazla Bilgi Edinin - gibi her şeyi içerebilir.
Görüntüleri Dikkatle Düşünün
Bir mobil e-posta bülteninden resimleri görmeyecek önemli bir kullanıcı segmenti vardır. Apple'ın iOS cihazları, görüntülerin e-postalarda otomatik olarak oluşturulduğu tek segmenttir. Dolayısıyla, görüntüleri dahil etmek bilinçli bir karar olmalıdır.
Görüntüleri tamamen devre dışı bırakmadan önce, biraz araştırma yapın. Kullanıcıların mesajınızı hangi tür cihazlardan görüntülediğini görmek için analizlerinizi inceleyin. Görüntüler önemli bir araçtır ve cihaz özellikleri nedeniyle göz ardı edilmemelidir.
Mobil e-posta tasarım projelerinde görüntüler kullanırken aşağıdakileri göz önünde bulundurun:
- Boyut. Görüntü kaydırılmadan görüntülenebilir olmalıdır.
- Kompozisyon. Görüntünün içeriğinin küçük bir boyutta anlaşılabilir olması gerekir.
- HTML. Görüntülere metin veya düğme yapma tuzağına düşmeyin. Metin ve kullanıcı arayüzü öğeleri HTML olmalı ve her resmin destekleyici HTML metni olmalıdır.
- İleti. Bir kullanıcı resmi görmese bile mesajınızın anlaşılabilir olması gerektiğini unutmayın.
- Aşırıya kaçmayın. Görüntüleri kullanmayı planlıyorsanız, birine sadık kalın. Kullanıcılar sinirli olacak mesajın çoğu eksik gibi görünüyor.
Ekranı Tasarım Çerçevenizde Bölme
Mobil e-posta tasarımı açısından sadelik kraldır. Dilden tasarıma kadar her şey basit ve anlaşılması kolay olmalıdır. Mesaj ve harekete geçirici mesajlar açık olmalıdır.
Mobil tasarımı düşünürken, küçük ekranın üç bölümünün olduğunu düşünün: Başlık ve marka bilinci oluşturma, giriş mesajı ve işlem. İdeal olarak, bunların her birinin e-posta tasarımının ilk ekranında bir yeri olmalıdır. (Her zaman olmasa da.)
Cihazları ve Ölçekleri Düşünün
Mobil tasarım söz konusu olduğunda göz önünde bulundurulması gereken en zor şey, bir e-postanın oluşturduğu olası ekran boyutlarının tümüdür. Gerçek şu: Bunu yapmak imkansız.
Ancak ortak yönleri düşünebilirsiniz. Apple iOS, mobil e-postaları ekranın genişliğine uyacak şekilde otomatik olarak ölçeklendirir, bu nedenle küçük bir ekran boyutu planlıyorsanız düşünmeniz gereken daha az şeydir. (Diğer işletim sistemleri bunu henüz yapmıyor.)
Mobil tasarım için en standart genişlik 640 piksel genişliğindedir. Yükseklikler biraz daha değişme eğilimindedir. Cihazların ve boyutların listesini Ken's Tech Tips'te bulabilirsiniz.
Dokunma ve Ergonomi düşünün
Mobil e-postada tıklanması veya hafifçe vurulması gereken öğelerin açık bir tasarıma sahip olması gerekir. Bu genellikle bu öğelerin daha koyu renkte ve alıştığınızdan daha büyük boyutlarda tasarlanmasını içerir.
Genel bir kural olarak, kullanıcı eylemi için tasarlanan her eleman bir parmağınızla kolayca dokunabilecek kadar büyük olmalı ve bol miktarda alana sahip yakındaki nesnelerden açıkça ayırt edilebilir olmalıdır. Ekrandaki nesneleri hem tutmak hem de dokunmak için yalnızca bir el kullanan kullanıcıları dikkate alarak öğelere de dokunmak kolay olmalıdır.
- “Başparmak dostu” boyutlandırmada standart en az 46 piksel karedir.
- Sol veya sağ elini kullanan kullanıcıların kolaylıkla onlara dokunabilmeleri için tam genişlikte harekete geçirici mesajlar tercih edin.
Tıklanabilir öğelerin etrafında bol miktarda açık alan bırakın. Tıklanması gereken metin içi bağlantıları kullanırken, bağlantıya dokunmayı kolaylaştırmak ve satır içi bağlantı sayısını sınırlamak için bağlantıya daha fazla kelime ekleyin. Birbirine çok yakın bağlantılar kullanıcının yanlış bağlantıya dokunma şansını artırır. Tüm bağlantılar için renk ve kalın gibi tasarım öğelerini kullanın, böylece kullanıcılar metnin bir şey yaptığı konusunda belirgin bir görsel işaret elde eder.
Bonus: Kaçınılması Gereken 5 Şey
Artık bir mobil e-posta kampanyasıyla ilgili bir fikriniz olduğuna göre, kaçınmanız gereken birkaç şey var. Bu yaygın hatalar, aksi takdirde harika bir mobil e-postayı yok edebilecek şeylerdir.
- Gezinme eklemeyi unutmak. Kullanıcıları web sitenize geri götürebilecek, ancak mobil cihazlar için optimize etmeyi unutmayın. Web sitenizdeki gezinme çubuğu, bir mobil cihaz için büyük olasılıkla yanlış ölçeklendirilmiştir.
- “Hafif” bir renk paleti oluşturma. Kullanıcılar mobil cihazlarındaki kontrastı ve rengi çok ayarlıyor. Çok fazla kontrast olmadan yumuşak tonlara veya renklere sahip renk paletlerinden kaçının. Okunabilir olması gerekir.
- Küçük bir cihazdaki küçük tip katildir. İnsanlar kayar. Türü kolaylıkla okuyacak kadar büyük yapın.
- Küçük veya standart UI simgeleriyle gizlenen düğmeler. Örneğin, denemenin ekranın altından çıktığı iPhone'u düşünün. Bu konuma düğmeler veya öğeler yerleştirirseniz, kullanıcılar onlarla etkileşime girmeye çalıştıklarında bunlar gizlenir.
- Dağınıklık bir mobil felakettir. Mobil cihazlar için tek bir mesaj belirleyin ve bu mesaja sadık kalın. Kullanıcıların, telefonlarındaki bir e-postadaki çok fazla bilgiyi filtrelemek için zamanları veya dikkat süreleri yoktur.
Sonuç
Mobil e-posta tasarımı, web için tasarım hakkında düşündüğünüz şeyleri test edebilir. Farklı düşünceleri olan eşsiz bir özelliktir. Dikkate almanız gereken şeylerin çoğu diğer projelerden farklıdır.
Benim tavsiyem şudur: Tüm e-posta bültenleriniz veya yazışmalarınız mobil cihazlar için optimize edilmelidir. Yukarıdaki ipuçlarını kullanarak her mesajı oluşturun ve daha büyük formatlar için yapabileceğiniz daha küçük değişiklikleri düşünün. Bu, platformlara odaklanmış bir fikirle tek ve birleşik bir mesaj oluşturacağınız için işe yarar. Çok ilerlemeden önce e-posta ile neyi başarmak istediğinizi anlayacak ve işlemin başlarında önemli içerik kararları vereceksiniz ve mobil kullanıcılar için içeriği kaldırmaya zorlandığınızı hissetmeyeceksiniz.
