Dijital menüde renk ve kontrast: marka görünümüyle okunurluğu birleştirin

Palete başlamadan önce renk rollerini belirleyin

Menüde arka plan, temel metin, yardımcı açıklama, vurgu ve etiket gibi farklı görsel görevler vardır. Her göreve rastgele bir marka rengi atamak yerine hangi bilginin öncelikli olduğunu düşünün. Ürün adı ile uzun açıklama ayrışabilir, ancak fiyat müşterinin fark etmek için uğraşacağı kadar geri planda kalmamalıdır.

Marka paletindeki her rengi aynı ekranda kullanmak zorunda değilsiniz. Güçlü bir vurgu rengini kategori seçimi veya önemli bir eylem için ayırmak, anlamını koruyabilir. Çok sayıda renk aynı yoğunlukta kullanıldığında hangi alanın etkileşimli veya önemli olduğu belirsizleşebilir. Tasarımı birkaç tanımlı rol etrafında tutmak tutarlılık sağlar.

Metni okunacağı zeminle birlikte değerlendirin

Bir metin renginin uygunluğu tek başına belirlenmez; arkasındaki renk veya fotoğrafla ilişkisine bakılır. Özellikle açıklamalar için seçilen çok soluk tonlar, düşük ekran parlaklığında kaybolabilir. Ürün kartını gündüz penceresine yakın bir masada ve akşam işletme aydınlatmasında okuyarak farkları görün.

Fotoğraf üzerine yazı yerleştiriliyorsa bütün ürün görsellerini aynı kabul etmeyin. Açık renkli tabak veya yoğun desenli arka plan metnin bazı bölümlerini gizleyebilir. Ayrı bir metin alanı kullanmak ya da fotoğrafla metni belirgin biçimde ayırmak daha öngörülebilir olabilir. Seçilen çözümü gerçek içerikle sınayın.

Durumu yalnızca renge yüklemeyin

Bir ürünün önerildiğini, seçili kategoriyi veya bulunabilirlik bilgisini yalnızca renk değişimiyle anlatmak bazı müşteriler için belirsiz kalabilir. Rengin yanında açık bir etiket, metin veya şekil ayrımı kullanın. Böylece menü siyah beyaza yakın algılandığında veya ekranın renk sunumu değiştiğinde de anlam korunur.

Örneğin seçili kategori yalnızca farklı bir renkteyse, küçük bir çizgi veya belirgin bir biçim de eklenmesi yararlı olabilir. Etiketlerin metni kısa ve anlaşılır olsun. Restoranın öne çıkardığı ürünle müşterinin kişisel ihtiyacına uygun ürün aynı şey değildir; renk ve rozetler bu ayrımı bulanıklaştırmamalıdır.

• Fiyat, yardımcı açıklamadan yeterince ayrılıyor mu?
• Seçili kategori renk dışında da fark ediliyor mu?
• Ürün bilgisi fotoğrafın bazı bölgelerinde kayboluyor mu?
• Etiketin anlamı yalnızca renginden tahmin mi ediliyor?

Tema değişikliğini bütün bileşenlerde kontrol edin

Arka plan rengini değiştirmek ürün kartlarını, kategori düğmelerini ve açıklama tonlarını birlikte etkiler. Yalnızca ana ekranın üst kısmına bakarak temayı onaylamayın. Uzun açıklamalı ürün, fotoğrafsız ürün, farklı fiyat uzunluğu ve dolu kategori görünümünü sırayla inceleyin.

Orvunai'de tema görünümünü özelleştirirken marka rengini bir başlangıç noktası olarak kullanabilirsiniz. Son karar okunurluk ve görev tamamlamayla verilmelidir. Logo içindeki bütün renkleri menü metnine dağıtmak yerine markayı başlık ve vurgu alanlarında taşımak, ürün bilgisinin daha sakin okunmasını sağlayabilir.

Gözlemi ölçüm ve kullanıcı denemesiyle tamamlayın

Görsel kontrol, açık sorunları yakalamak için yararlıdır; tek başına erişilebilirlik uygunluğunu kanıtlamaz. Tasarım geliştiren ekip gerektiğinde renk karşılaştırma araçlarıyla metin ve zemin eşleşmelerini ölçmeli, ardından gerçek görevlerle okunurluğu değerlendirmelidir. Bir aracın başarılı sonucu da bütün menünün sorunsuz kullanıldığı anlamına gelmez.

Kullanıcıdan iki ürünü fiyatlarıyla karşılaştırmasını ve bir açıklamayı okumasını isteyin. Hangi alanı fark etmekte zorlandığını kaydedin. Küçük bir renk değişikliğinden sonra aynı görevi tekrar yapmak, sadece daha hoş görünen bir palet seçmekten daha somut geri bildirim sağlar. Marka görünümü ve kullanım kolaylığı birlikte geliştirilebilir.