E-posta İmzası Tasarım İpuçları: Neler Olmalı, Nelerden Kaçınmalı

Net bir hiyerarşi kurun ve ona sadık kalın

Hiyerarşi, okuyucunun adınızı, rolünüzü ve telefon numaranızı her kelimeyi okumak zorunda kalmadan yaklaşık iki saniyede bulmasını sağlayan şeydir. Boyut ve ağırlık üzerinden çalışır — en önemli unsur en büyük ya da en kalın; altındakiler öngörülür biçimde küçülür.

E-posta imzasında sıra neredeyse her zaman şöyle kurulur: önce adınız (en kalın ya da en büyük), ardından rol ve şirket (aynı boyut, normal ağırlık), sonra iletişim bilgileri (biraz daha küçük ya da daha açık), son olarak bağlantılar. Logo varsa hiyerarşi unsuru olarak değil, çıpa olarak çalışır — metin bloğunun yanında ya da üstünde durur, adla öne çıkma yarışına girmez.

Bu nerede bozulur: İnsanlar çoğu zaman unvanlarını da, telefon numaralarını da, şirket adını da kalın yapıyor — sonunda her şey eşit ağırlıkta, hiçbir şey önce okunmuyor. Ya da ad, rol ve iletişim bilgilerini aynı boyutta kullanıyorlar, göz nereden başlayacağını bilemiyor. En öne çıkacak tek şeyi seçin. Bu genellikle adınızdır.

Tek yazı tipi, iki ağırlık

Elle yapılmış imzalardaki en yaygın görsel sorun yazı tipi tutarsızlığı. Adı bir fontta yazdınız, iletişim bilgileri farklı bir fonta geçti, bağlantı rengi e-posta istemcisinden geldi. Sonuç, kolaj gibi okunan bir imza.

Çözüm basit: tek yazı tipine bağlanın ve iki ağırlıkta kullanın — iletişim bilgileri için regular, adınız için medium ya da semibold. Web-güvenli fontlar (Arial, Helvetica, Georgia, Trebuchet) pratik tercih; e-posta istemcilerinde tutarlı görüntüleniyorlar. Oluşturucuda doğru görünen özel fontlar Outlook'ta çoğu kez Times New Roman'a geri düşer.

Web-güvenli bir alternatifi yoksa markanızın başlık fontunu e-posta imzasında eşleştirmeye çalışmayın. Oluşturucudaki görünüm ile müşterinin gelen kutusundaki görünüm arasındaki fark çabaya değmez. Temiz ve tutarlı, markaya uygun ama bozuktan her zaman önde.

Tek aksan rengi, bilinçli kullanın

Renk e-posta imzasında iki şey yapar: imzayı bir markaya bağlar ve gözü belirli bir şeye çeker. İki aksan rengi kullandığınızda ya da her bağlantı farklı bir renkte olduğunda bunların hiçbirini yapmaz — sadece gürültü ekler.

Kural: bir ya da iki unsura uygulanan tek aksan rengi. Bu genellikle CTA butonu ve bağlantı rengidir. Geri kalan her şey nötr metin renginizde kalır — siyaha yakın veya koyu gri; sert görünebilen tam #000000 değil.

Aksan rengi markanızın birincil rengiyle birebir eşleşmek zorunda değil, ama aynı aileden hissettirmeli. Logodan alınan derin bir teal imzada çalışır. Neon versiyonu çalışmaz. E-posta istemcisinin beyaz arka planına karşı test edin — karanlık modlu oluşturucuda kasıtlı görünen renkler standart Gmail yazışmasında sırıtabilir.

Logo boyutu: görünür olsun, baskın olmasın

Fazla büyük logo, imzayı amatör gösteren en yaygın tek unsur. 300px genişliğinde her şeyi cüceleştirir, profesyonel tanımlayıcı değil tanıtım banneri gibi okunur. 80px genişliğinde ise iletişim bilgileriyle yarışmadan varlığını hissettirir ve okunabilir kalır.

Yatay logolar için çalışma aralığı 100–180px genişlik. Dikey ya da kare markalar için 60–100px. Bu sayılar görseli 2× çözünürlükte (retina) dışa aktardığınızı ve görüntüleme genişliğini HTML'de ayarladığınızı varsayar — yani 280px olarak dışa aktarılan logo 140px görüntülenir. Bu, yüksek çözünürlüklü ekranlarda netliği fiziksel olarak devasa olmadan korumanın yolu.

Logo dosyasını 50KB altında tutun. E-posta istemcileri her açılışta görselleri yükler; ağır bir logo dosyası görüntülemeyi yavaşlatır ve zaman zaman büyük ekleri cezalandıran spam filtrelerini tetikler. PNG genellikle doğru format — şeffaflığı ve düz renkli logoları, fotoğraflara daha uygun JPG'den iyi işler.

Az bağlantı, doğru bağlantı

İmzanın altındaki beş bağlantılı sosyal ikon satırı neredeyse hiç tıklanmaz — insanlar sosyal medyayı kullanmadığı için değil, e-posta imzalarından tıklamadıkları için. Google'da aratırlar. Ya da LinkedIn'e dokunurlar. E-postanın en altına kadar kaydırıp küçük X kuşuna tıklamazlar. (Tıklamıyorlar, denediniz mi?)

Çoğu imza için pratik bağlantı sınırı: web siteniz, bir sosyal profil (genellikle LinkedIn) ve varsa bir CTA bağlantısı. Bu üç eder. Satıştaysanız sosyal profil bağlantısını randevu bağlantısıyla değiştirin. Ajansansanız portföy bağlantısıyla.

Test şu: imzanızdaki her bağlantı için birinin en son ne zaman tıkladığını sorun kendinize. Hatırlamıyorsanız kaldırın. Kalan bağlantı dört başkasıyla yarışmadığı için daha fazla dikkat çeker.

Boşluk sandığınızdan çok iş yapıyor

Sıkışık boşluk, imzayı mobilde okunması güç hale getirir ve bilginin okuyucuya itiliyormuş gibi hafif saldırgan bir his verir. Fazla boşluk ise e-posta istemcilerinin size ayırdığı sınırlı dikey alanı israf eder — imza havada asılı kalır.

Hedef: bölümler arasında gözün doğal bir sırayla geçebileceği kadar dikey nefes alanı — ama imzanın bütünlüğünü kaybettirmeyecek kadar. Pratikte: bir blok içindeki unsurlar arasında 4–8px dolgu (ad–rol–şirket), bloklar arasında 12–16px (iletişim bloğundan sosyal ikonlara, sosyal ikonlardan CTA'ya).

Bir şablondan başlarsanız bunların hiçbirini ölçmenize gerek yok — boşluklar zaten ayarlanmış. Sorun çıkan yer şu: insanlar Gmail'in ayarlar kutusunda imzayı elle düzenliyor ve yanlışlıkla satır sonu ekleyip çıkarıyor. "Oluşturucudan kopyala, istemciye yapıştır" yönteminin önemi buradan geliyor. Yapılmış bir şey yapıştırıyorsunuz, kırılgan bir şeyi değil.

Mobil okunabilirlik zorunludur

İş e-postalarının büyük çoğunluğu telefondan okunuyor. 1440px'de temiz görünen ama 390px'de okunamaz bir sütuna katlanan imza, alıcılarınızın yarısının göreceği bir sorun.

Mobil-güvenli imzalar için somut kurallar: toplam genişliği 600px altında tutun. Her iki sütunda metin olan çift sütunlu düzenlerden kaçının — dar ekranlarda öngörülemez biçimde çöküyorlar. Logo genişliklerini yatay kaydırma zorlamayacak şekilde makul tutun. Her CTA butonu başparmakla dokunulabilecek genişlikte olsun (minimum 44px yükseklik).

İmzayı oluşturduktan sonra kendinize gönderin ve telefonunuzda açın. Bu beş saniyelik kontrol, en yaygın mobil sorunları kişileriniz görmeden yakalar.

CTA ekliyorsanız onu bir tasarım unsuru olarak ele alın

Bir metin satırına gömülmüş CTA bağlantısı — "Buradan görüşme ayarlayabilirsiniz" — atlanır. Arka plan rengi, net dolgu ve okunabilir metniyle buton olarak biçimlendirilmiş CTA tıklanır. Fark sadece tasarım.

Buton metnini kısa tutun (iki ila dört kelime). Arka plan rengini aksan renginizle tutarlı tutun. Köşeleri yuvarlak yapmayın ya da gölge eklemeyin — bunlar e-posta istemcilerinde bozulma ya da hizasızlık eğiliminde. Düz, sağlam arka plan rengi ve 8–12px dolguya sahip bir buton en güvenilir format.

Bir buton. Bir eylem. CTA'nın değeri açık olmasından geliyor — yanına ikinci bir buton eklemek bu açıklığı ortadan kaldırır.

İmzaları sürekli olarak kötüleştiren şeylerin listesi

• Aşırı büyük logolar — tek sütunlu düzende 200px genişliği geçen her şey.
• Tek imzada üç ya da daha fazla aksan rengi.
• Yazı tiplerini karıştırmak — özellikle Word veya başka bir e-postadan yapıştırmanın aynı blokta farklı bir font oluşturması.
• Altı ya da daha fazla platformlu sosyal ikon satırları.
• İmza bloğundan geniş ya da iletişim bilgilerini görünür alandan çıkaran tanıtım bannerleri.
• Ad ve iletişim bilgileriyle aynı görsel blokta gizlilik sorumluluk reddi bildirimleri — bunları net bir ayraçın altına taşıyın.
• Animasyonlu GIF'ler — Outlook'un çoğu sürümünde bozuluyor, destekleyen sürümlerde de dikkat dağıtıcı görünüyor.
• Web-güvenli olmayan özel e-posta imzası fontları — çoğu istemcide varsayılan fontlara geri düşüyor.