Bir web sitesine girildiğinde göz genellikle ilk olarak sol üst köşeye, yani logonun bulunduğu bölgeye kayar. Bu yüzden logonun web sitesinde nasıl konumlandığı, hem kullanıcı deneyimi hem de marka algısı açısından düşünüldüğünden çok daha kritik bir detaydır.
Header’da standart konum neden değişmiyor
Kullanıcıların büyük çoğunluğu, yıllardır süregelen bir alışkanlıkla logoyu sitenin sol üst köşesinde arar ve genellikle logoya tıklandığında ana sayfaya dönüleceğini varsayar. Bu davranış kalıbı o kadar yerleşmiştir ki, logoyu farklı bir konuma (örneğin sağ köşeye) yerleştirmek, estetik olarak ilgi çekici görünse bile kullanıcıyı bir an için şaşırtabilir. Bu yüzden çoğu web sitesi tasarımında logo sol üstte sabit tutulur ve tıklanabilir bir ana sayfa bağlantısı olarak işlev görür.
Header yüksekliği ve logo boyutu dengesi
Logo header’da çok büyük yapılırsa, menü ve diğer navigasyon öğeleri için yer daralır; çok küçük yapılırsa marka yeterince görünür olmaz. Özellikle sayfa aşağı kaydırıldığında küçülüp sabit kalan (sticky) header tasarımlarında, logonun küçültülmüş halinin de okunabilir kalması gerekir. Bu yüzden logo tasarlanırken sadece büyük boyuttaki hali değil, küçük header alanında nasıl göründüğü de test edilmelidir.
Favicon: logonun en küçük hali
Tarayıcı sekmesinde görünen küçük simge olan favicon, logonun en sıkıştırılmış versiyonudur ve genellikle sadece birkaç piksellik bir alana sığar. Karmaşık, çok detaylı bir logo bu boyuta indirgendiğinde tamamen okunmaz hale gelebilir; bu yüzden birçok marka favicon için logonun tam halini değil, sadece amblem veya baş harf kısmını kullanır. Favicon hazırlanırken logonun hangi öğesinin tek başına markayı temsil edebileceğini düşünmek, bu küçük ama sürekli görünen alanın etkili kullanılmasını sağlar.
Mobil görünümde logo davranışı
Mobil ekranlarda yer çok kısıtlı olduğu için, bazı siteler mobilde logonun tam halini değil, sadeleştirilmiş bir versiyonunu (örneğin sadece amblem, yazı kısmı olmadan) gösterir. Bu geçiş otomatik ve tutarlı şekilde yapılmalı, yani logo mobilde birden farklı bir görsel kimliğe bürünmüş gibi hissettirmemeli. Kimlik kılavuzunda mobil kullanım için ayrı bir logo versiyonu tanımlanmışsa, web tasarımcısının bu versiyonu doğru breakpoint’lerde devreye alması gerekir.
Format ve performans ilişkisi
Web sitesinde logo genellikle .svg formatında kullanılmalıdır, çünkü vektörel bu format her ekran boyutunda netliğini korur ve dosya boyutu küçük olduğu için sayfa yükleme hızını olumsuz etkilemez. .png veya .jpg gibi raster formatlar büyük ekranlarda bulanıklaşabilir ya da gereksiz yere büyük dosya boyutuna sahip olabilir. Sayfa hızı arama motoru sıralamasını da etkileyen bir faktör olduğu için, logo formatının doğru seçilmesi görünürden daha fazla, teknik bir konudur.