Günlük E-posta Özeti Tasarımı

Günlük E-posta Özeti Tasarımı

Bu resmi OpenDesign örneği, öncelik gruplarına ayrılmış bir Gmail günlük özetini tek ve uzun bir HTML e-posta düzeni olarak sunar. Hazırlanmış başlığı doğrudan Eli'ye hitap eder ve 5 Mayıs tarihli altı önemli mesajın önceliğe göre gruplandığını belirtir. Bu çerçeve, özeti bir posta kutusu yerine sabah inceleme belgesi olarak konumlandırır.

Görsel sıra, özetten eyleme doğru ilerler. Bir selamlama ve tarih aralığı özeti tanıtır, üç sütunlu sayı şeridi her kategoride ikişer mesaj olduğunu bildirir ve mesaj grupları aynı sırayla devam eder: 需要处理, 值得关注 ve 仅供知悉. İkinin tekrarlanan sayısı kompozisyonu kolayca taranabilir kılarken eşit dağılım, herhangi bir kategorinin örneğe hâkim olduğu izlenimini de önler.

Tasarım, ölçülü yüzeyler ve güçlü anlamsal renk kullanır. Kırmızı eylem grubunu, sarı dikkat grubunu ve gri bilgi amaçlı grubu belirtir. Bu işaretler bölüm çizgileri ve dairesel gönderen avatarlarıyla desteklendiğinden, sınıflandırmanın tamamını yalnızca renk taşımamaktadır.

01

Kişisel Giriş Noktası

Alıcı adı Eli ve sabah selamlaması, özetin planlanmış bir bilgilendirme gibi okunmasını sağlar.

02

Ayrıntıdan Önce Özet

İkişerlik sayı şeridi, okuyuculara herhangi bir göndereni veya konuyu taramadan önce iş yüküne dair bir önizleme sunar.

Açılışı Okumak

Üstbilgi; hazırlanmış konuyu, Open Orbit gönderen kimliğini, alıcı üstverilerini ve 2026年5月6日 06:42 zaman damgasını bir araya getirir. Bunun altında yer alan “共 6 封值得关注” satırı, başlık sayısını özetin amacıyla ilişkilendirir. Bu sıra, okuyucunun kategori toplamlarını yorumlamadan önce zaman aralığını doğrulamasını sağlar.

Burada yararlı bir ödünleşim görülür: büyük açılış başlığı özete kişisel, e-posta benzeri bir giriş noktası kazandırır; ancak Çince ve İngilizce ifadelerin karışımı, geniş yatay alana bağlı daha uzun bir satır oluşturur. Daha dar bir uyarlamanın, ürün etiketinin alıcı bağlamını bastırmasına izin vermeden tarihi ve toplamı koruması gerekir.

Öncelik Gruplarına Ayrılmış E-posta Okuma

Bu kompozisyon, okuyucunun her mesajı incelemeden önce hangisinin yanıtı hak ettiğine karar vermesi gerektiğinde en kullanışlı hâline gelir. İlk grup, Allen Liu'nun “Q3 预算确认” ve Nina Park'ın “Login redesign 反馈” mesajlarını içerir. Her iki kart da mavi “查看邮件并回复” eylemini kullanarak kategori etiketini somut bir sonraki adıma bağlar.

İkinci grup, eylemi dış çizgili “查看原文” olarak değiştirir. Marie'nin tasarım inceleme özeti ve işe alım ekibinin Sarah Chen mülakat güncellemesi, hemen yanıtlanacak mesajlar değil, doğrulanacak öğeler olarak sunulur. Bu fark, görsel tasarımda anlamlı bir etkileşim işaretidir: doldurulmuş eylemler yanıt baskısını belirtirken dış çizgili eylemler görsel önceliği düşürür.

Son grup, düşük öncelikli bilgileri daha da sıkıştırır. GitHub kartında “已折叠 12 封通知 · 1 条值得看”, şirket genel toplantısı kartında ise tek bir etkinlik hatırlatması yer alır. Bu örnekler iki sıkıştırma biçimi gösterir: çok sayıda bildirim tek bir özet satırına dönüşürken geniş kapsamlı bir duyuru kısa ve bağımsız bir öğe olarak kalır.

Gruplamadan Kimler Yararlanır

Yönetim sorumluluğu olmayan bir ekip üyesi doğrudan kararlarla başlayabilir, bir yönetici onayları ve planlama hatırlatmalarını inceleyebilir, bir ürün ekibi ise takip gerektiren geri bildirimleri yalnızca bilgi sahibi olunması gereken notlardan ayırabilir. Tasarım bu görevleri büyük bir kontrol paneli veya yoğun posta kutusu gezinmesiyle değil, sıralama ve etiketlerle destekler.

Ödünleşim, tek bir öncelik sınıflandırmasının her yerleştirmenin ardındaki gerekçeyi gizlemesidir. Örnek, Nina'nın mesajında üç soru bulunduğunu ve bütçenin onay beklediğini söyler; ancak bir puanlama kuralı göstermez. Kullanıcıların bir mesajın neden belirli bir bantta göründüğünü denetlemesi gerekiyorsa üretim uyarlamasında açık bir politika veya düzenlenebilir bir gerekçe bulunmalıdır.

Özet, Kartlar ve Ritim

Ana içerik, soluk bir arka plan üzerinde geniş beyaz bir e-posta yüzeyidir; özetin çevresinde geniş sol ve sağ kenar boşlukları bulunur. Her mesaj açık gri, yuvarlatılmış bir kartın içinde yer alır. Kartlar istikrarlı bir iç kalıbı tekrarlar: avatar, mevcut olduğunda gönderen ve rol, konu, açıklayıcı metin ve ardından bir eylem. Bu tekrar, her mesajı aynılaştırmadan farklı içerik türlerinin karşılaştırılabilir olmasını sağlar.

İlk iki eylem kartında, Allen Liu ve Nina Park adlarının yanında “CFO” ve “客户” gönderen rolleri bulunur. Marie'nin kartında rol yer almaz; işe alım kartında ise gönderen olarak ekip adı kullanılır. Bu çeşitlilik önemlidir: düzen, konu veya açıklayıcı cümleyi kaldırmadan eksik rol üstverisini tolere eder; ancak kartlar yatay açıdan daha az tutarlı hâle gelir.

Her gönderen avatarı sabit 36px genişliğe sahipken kart gövdesi flex: 1 ve min-width: 0 kullanır. Bu, metin bölgesinin kalan alanı almasını ve daha uzun konu ve özetleri tutarlı bir kimlik sütununun yanında satırlara bölmesini sağlar. Uzun çok dilli metin yine de kartın yüksekliğini artırabilir ve özeti uzatabilir; dolayısıyla sabit satır anatomisi, değişken dikey uzunluk karşılığında öngörülebilir bir tarama düzeni sunar.

İkincil Bir İndeks Olarak Renk

Kırmızı, sarı ve gri bölüm işaretçileri, genel görünüm boyunca tekrarlanan bir görsel ritim oluşturur. Gönderen avatarları farklı renkler ve baş harfleri kullanır; böylece kimlik öncelikten ayrı kalır. Bu, güçlü bir kompozisyonel ayrımdır: aciliyet bölümün, kaynak tanıma ise avatarın sorumluluğundadır.

Altbilgi, yanıt, tümünü yanıtla ve ilet kontrollerinden önce Open Orbit etiketini ve oluşturma zaman damgasını tekrarlar. Bu yerleşim, özeti bir e-posta varlığı olarak kapatır. Ayrıca ana okuma akışını kesintiye uğratmaz; ancak çok uzun bir özet, altbilgiyi ilk acil öğeden uzaklaştırır.

Görünür Tasarım ve Yetenek Sınırı

Sağlanan varlık; örnek adlar, mesaj içerikleri, tarihler, sayılar ve ürün dili içeren bir HTML e-posta özeti tasarımıdır. Görüntü; görünür hiyerarşiyi, Çince etiketleri, renk uygulamasını, kart yapısını ve altbilgi kontrollerini kanıtlar. Gmail'in bağlı olduğunu, mesajların gerçekten sınıflandırıldığını veya görüntülenen sayıların çalışan bir posta kutusundan geldiğini ortaya koymaz.

Dört mesaj eylemi, her gönderenin görünen adından Gmail arama bağlantıları oluşturur. Doğrulanmış bir ileti dizisini tanımlamaz veya yanıt oluşturucuyu açmaz. Üç altbilgi kontrolü olan yanıtla, tümünü yanıtla ve ilet düğmelerinin tümü posta göndermek yerine Gmail gelen kutusunu açar. Arama alanı ve araç çubuğu kontrollerinin posta kutusu işleyicileri yoktur. Bu, bağlı bir sınıflandırma veya e-posta teslim iş akışı değil, yerel olarak oluşturulmuş ve örnek içerik kullanan bir özettir.

Çalışan bir özet; kimliği doğrulanmış mesaj alımı, belirtilmiş bir öncelik sınıflandırma politikası, doğru ileti dizisi hedefleri ve ayrı yanıt ile iletme davranışları gerektirir. Kaynak, okuma hiyerarşisini ve yerel giden bağlantıları gösterir; bu posta kutusu işlevlerini sağlamaz veya örnek mesajların alındığını ortaya koymaz.