Dijital Ekranınızda Çok Fazla Şey Var: Bir Bakışta Anlaşılacak Tasarımlar Yapmak

Dijital ekran kullanımındaki en yaygın hata; bir paragraf dolusu metin, dört logo, üç fiyat ve bir telefon numarası içeren tanıtım afişini alıp 43 inçlik bir televizyona sığacak şekilde esnetmektir. Bu yaklaşım, mecranın doğasını tamamen yanlış anlamaktır.

Dijital ekran, keyifle okunacak statik bir tuval değildir. Bir göz atma mecrasıdır. Bir fast-food sırasında beklerken veya bir mağaza vitrininin önünden geçerken, sırada bekleyen bir müşterinin ekrana ayıracak beş ila on saniyelik bir dikkati vardır. Gözleri anında bir odak noktası bulamazsa, mesaj tamamen başarısız olur.

Tek mesaj kuralı ve bilişsel hiyerarşi

Karmaşık bir ekranı düzeltmek için tek mesaj kuralını benimsemelisiniz. Bir ekran, baskın bir görsel unsur içeren ve slayt başına yalnızca bir temel fikri aktaran bir yapıya sahip olmalıdır. Yeni bir ürün lansmanınız, çalışma saatlerinde bir değişikliğiniz ve sadakat programı kayıt duyurunuz varsa, bunlar aynı ekran alanını paylaşamaz. Planlanmış bir oynatma listesinde ayrı slaytlarda yer almalıdırlar.

Bunu sağlamak için ekran tasarımı uzmanları 3x5 kuralını kullanır (Look Blog). Bir slayt, her satırda beş kelime olan en fazla üç satır veya her satırda üç kelime olan en fazla beş satır içermelidir. Mesajınız bu bütçeye sığmıyorsa, bir göz atma mecrası için fazla karmaşıktır ve çok slaytlı bir diziye bölünmesi gerekir.

Görsel hiyerarşi için gözleri kısarak bakma testi

Bir slaytı yayınlamadan önce monitörünüzden bir adım uzaklaşın ve tasarım bulanıklaşana kadar gözlerinizi bilinçli olarak kısın. Bu, tek tek kelimeleri okuma yeteneğinizi ortadan kaldırır ve geriye yalnızca düzenin yapısal kütlesini bırakır.

Gözleri kısarak bakma testinde, başarılı bir slayt temel yapısını hala iletebilir. Kalın bir başlık veya yüksek kontrastlı bir görsel gibi baskın unsur belirgin kalır. Kısık gözle baktığınızda homojen, gri bir metin bloğu veya dikkat çekmek için yarışan birden fazla unsur görüyorsanız, hiyerarşi başarısız olmuş demektir.

Ortalanmış gövde metni neden işe yaramaz

Grafik tasarımcılar genellikle simetrik göründüğü için ortalanmış metinleri tercih eder. Ancak dijital ekranlar için ortalanmış metin, büyük bir hata noktasıdır. Okumak pürüzsüz bir eylem değildir. Göz sıçramalarla çalışır ve inebileceği öngörülebilir bir yere ihtiyaç duyar.

Sola hizalanmış metin, tutarlı ve öngörülebilir bir sol kenar oluşturur. Göz bir satırı bitirdiğinde, bir sonraki satır için tam olarak nereye döneceğini sezgisel olarak bilir. Ortalanmış metin ise her satırın başlangıç noktasını kaydırır. Göz, bir sonraki cümlenin başlangıcını aktif olarak aramak zorunda kalır ve bu da bilişsel işlemede mikro bir gecikmeye neden olur. İletişim kurmak için yalnızca üç saniyenizin olduğu bir ortamda bu gecikme felakettir. Gövde metnini sola hizalayın ve ortalamayı yalnızca kısa, tek satırlık başlıklar için kullanın. Sola hizalanmış, sağdan serbest bırakılmış metinler heceleme ihtiyacını da ortadan kaldırır.

Kontrast, optik fiziğin bir gerekliliğidir

Renkler, ışık yayan bir dijital ekranda, mürekkebin kağıt üzerinde etkileşime girdiğinden farklı şekilde etkileşime girer. Parlak, yüksek doygunluğa sahip bir renk doğrudan koyu bir rengin yanına yerleştirildiğinde, parlak pikseller fiziksel olarak koyu olanlara taşar. Yüksek doygunluğa sahip renkler dikkat çekicidir, ancak aynı zamanda göz yorgunluğuna da yol açar. Metnin kenarları netliğini kaybeder.

Metniniz ile arka plan arasında sıkı bir kontrast sağlamalısınız. Ancak yüksek kontrast, parlaklığı en üst düzeye çıkarmak anlamına gelmez. Büyük bir ekranda saf beyaz bir arka plan kullanmak parlamayı artırabilir ve okunabilirliği azaltabilir. 2020 yılına ait bir ekran ergonomisi incelemesine atıfta bulunan bir veriye göre, koyu renkli arka planlar üzerinde parlak metinler kullanmak, okunabilirliği yüzde 32'ye kadar artırır.

Kenardan kenara tasarım yanılgısı ve güvenli kenar boşlukları

Baskı tasarımında bir görseli tuvalin tam kenarına kadar uzatabilirsiniz. Dijital ekranlarda ise kritik unsurları ekranın matematiksel kenarına göre tasarlamak, veri kaybını garantiler.

Birçok televizyon, görüntüyü hafifçe yakınlaştıran eski bir yayıncılık davranışı olan overscan (aşırı tarama) uygulamaya devam etmektedir. Ekranlar ayrıca dış pikselleri fiziksel olarak kapatan muhafazaların ve mimari çerçevelerin içine de monte edilir.

Bir telefon numarasının veya fiyatın kırpılmasını önlemek için, tüm temel bilgileri ekranın dıştaki yüzde 5 ila 10'luk kısmından kaçınan, genellikle her taraftan 60 ila 90 piksel olan güvenli bir kenar boşluğu içinde tutun (Medium, CokerExpo). Arka plan renkleri ve kritik olmayan görseller, garip siyah kenarlıkları önlemek için yine de gerçek kenara kadar uzanmalıdır.

Öncesi ve sonrası: yaygın slayt hatalarını düzeltmek

Bu kuralları uygulamak; statik, baskı odaklı tasarımları dinamik operasyonel araçlara dönüştürür.

Kafe menüsü

Öncesi: Bir kafe 30 ürünlük bir listeyi, fiyatları ve açıklamaları tek bir ekranda gösterir. Metinler küçücüktür, tasarım farklılaşmamış bir metin duvarıdır ve arka planda karmaşık bir kahve çekirdeği fotoğrafı vardır. Müşteriler karar felci yaşar ve düşük kar marjlı siparişlere yönelir.

Sonrası: Menü, katı bir bölgelendirme mantığı kullanılarak parçalara ayrılır. Net kategoriler gözü yönlendirir. Sol üstteki ana bağlantı noktası, profesyonel bir görselle eşleştirilmiş yüksek kar marjlı dönemsel bir spesiyaliteye ayrılmıştır. Ekran, basitleştirilmiş bir kahvaltı menüsü ile öğle yemeği menüsü arasında geçiş yaparak dayparting yöntemine dayanır. Optimize edilmiş, bölgelere ayrılmış bir düzene geçiş yapmak, tesisin genel satışlarında ortalama yüzde 3 ila 5 oranında bir artış ve öne çıkarılan yüksek marjlı ürünlerde yüzde 5 ila 8 oranında bir artış sağlar (KuuSoft, SmarterSign).

Klinik bekleme salonu duyurusu

Öncesi: Bir tıp kliniği, sigorta poliçelerini açıklayan yoğun ve basılı bir duyuruyu resepsiyon camına bantlar. Köşedeki bir televizyonda sesi kısılmış bir gündüz kuşağı programı oynarken, hastalar sürekli olarak kayıt bankosuna bekleme sürelerini sorar.

Sonrası: Ekran bölünmüş bölgeli bir düzen kullanır. En büyük ana bölge, gerçek zamanlı sıra bilgilerini ve ortalama bekleme sürelerini gösterir. İkincil bir bölge, kayıt sürecini açıklayan basit, 3x5 kuralına uygun slaytlar arasında döner. Görünür sıra durumu sağlamak, algılanan bekleme sürelerini yüzde 35'e kadar azaltır (Kitcast, Xogo).

Sırada ne var

Müşterilerinizin nerede durduğuna bağlı olarak metninizin gerçekte ne kadar büyük olması gerektiğinden emin değilseniz, ekrandaki metinlerin ne kadar büyük olması gerektiğine dair kılavuzumuzu okuyun.

Bu tasarım kurallarını uygulamanın en kolay yolu, halihazırda bu kurallara göre oluşturulmuş bir düzenle başlamaktır. Pico Sign ile, yüksek okunabilirliğe sahip ve doğru bölgelendirilmiş slaytlar hazırlamak için bir tasarım ekibine ihtiyacınız yoktur. Şablon kütüphanemiz, güvenli kenar boşlukları, yüksek kontrastlı eşleşmeler ve sola hizalanmış metin blokları önceden yapılandırılmış olarak İngilizce hazırlanmıştır. Ayrıca, bir tasarım aracına dokunmadan ekranlarınızı güncel tutmak için yapay zeka kullanarak eksiksiz slaytlar ve görseller oluşturabilirsiniz. Fiyatlandırma ekran başına sabit bir ücrettir ve kurulum sadece dakikalar sürer.