Web tasarımında logolar nasıl kullanılır

Bir web sitesi oluştururken logosunu nereye yerleştirmelisiniz? Web'deki en popüler sitelere hızlı bir bakış, net bir fikir birliği sağlar. Sol üst köşeye gitmesi gerekiyor.

Kanıta mı ihtiyacınız var? Sadece YouTube, Vimeo, Amazon, Instagram, eBay, Adidas, BBC, Wikipedia, Reddit, Dribbble, Netflix, Ford, BP, Levis, Shell, O2, Sony, NASA ve hatta bu siteye göz atın.

McDonald



McDonald's web sitesi, logosunu sayfanın sol üst köşesine yapıştırarak konvansiyonu takip ediyor

Bu belirli örneklerde, logoların tümü kelime işaretleridir. Ancak Airbnb, Spotify, Nike, Facebook, Pinterest ve Apple web siteleri.

Öyle mi yani? Kalabalığı takip edip logonuzu herkesin yaptığı yere mi yapıştırmalısınız?

Baskı görünümü için merkez logolar

Logonuzu ortalayacak veya sağ üst köşeye yerleştirecek olsaydınız, tamamen yalnız olmazdınız. Logosunu genellikle merkezleyen bir web sitesi kategorisi, gazete ve dergilerdir.

Buradaki yaklaşım, basılı sürümün masthead'inin tanıdık görünümünü kopyalamaktır. Bu sözleşmeyi izleyen sitelere örnek olarak Washington Post, The New York Times, Los Angeles Times, The Boston Globe, The Times, Financial Times, The Spectator, New Statesman, British Vogue, Radio Times ve Wired verilebilir.

Wired gibi çevrimiçi dergiler, logolarını web sayfalarında ortalayarak baskı deneyimini kopyalar.

Wired gibi çevrimiçi dergiler, logolarını web sayfalarında ortalayarak baskı deneyimini kopyalar.

Bir gazete olmasanız bile, logonuzu bu başlık stilinde ortalayarak geleneksel bir basılı belge, haber bülteni veya gazete hissini iletmek isteyebilirsiniz.

Bu stratejinin örnekleri Virginia’nın bu sitelerinde görülebilir. Smithfield Station oteli , sanatçının temeli Richard Diebenkorn ve moda evi Sunspel .

Bununla birlikte, net olalım: baskı yayıncıları logolarını çevrimiçi ortama alma konusunda hiçbir şekilde birleşmiş değiller. Örneğin çoğu İngiliz gazetesi, The Sun, The Mirror, Daily Telegraph, Mail Online ve Daily Express gibi logolarını sol üst köşeye yerleştirerek web normlarına bağlı kalıyor. Bunu yapmak, yayınların ileriye dönük olduğunu ve dijital tekliflerini geliştirmeye tamamen daldığını gösterir.

Logo yerleştirme aykırı değerleri

Geleneksel basılı yayıncılardan uzakta, ortalanmış veya sağa yerleştirilmiş web sitelerindeki logo örnekleri çok azdır.

Samsung, logosunu merkezleyen ender bir web sitesi türüdür

Samsung, logosunu merkezleyen ender bir web sitesi türüdür

Samsung da dahil olmak üzere logolarını ortalayan başka siteler var, Uluslararası Af Örgütü ve Guardian siteleri ise sağ tarafa yerleştirilmiş. Ama esas olarak, bunlar yalnız aykırı değerler.

Kuralın bir diğer dikkate değer istisnası, logonun arama çubuğunun yanında veya üstünde göründüğü Google, Bing, Yahoo, Duck Duck Go, Wolfram Alpha ve Baidu dahil olmak üzere arama motoru ana sayfalarıdır, ancak bu çok özel olarak kabul edilebilir. web sitesi kategorisi.

Logoların yerleştirilmesi söz konusu olduğunda arama motoru ana sayfaları özel bir kategoridir

Logoların yerleştirilmesi söz konusu olduğunda arama motoru ana sayfaları özel bir kategoridir

Peki, logonun nereye yerleştirileceğiyle ilgili bu ezici fikir birliğinin arkasında ne var?

Logolar neden genellikle sol üst tarafa yerleştirilir?

Tarihsel olarak, logonun sola yerleştirilmesi kısmen tarayıcıların ekranlarda web sitelerini nasıl oluşturduğunun bir işleviydi. Sabit bir tarayıcı genişliği, logonuz sağda (veya hatta ortada) konumlandıysa, ekranın boyutuna ve tarayıcı penceresinin şekline bağlı olarak hiç görünmeyebileceği anlamına geliyordu.

Sizi zaten 'logoyu büyütmeye' teşvik eden müşteri için bu her zaman hayır-hayır olacaktı.

Logonun sol üst köşeye yerleştirilmesi uzun bir geçmişe sahiptir

Logonun sol üst köşeye yerleştirilmesi uzun bir geçmişe sahiptir

Sola kayma aynı zamanda Batı'dakilerin (Asya ve Arap kültürlerinin aksine) geleneksel olarak basılı içeriği nasıl okudukları ile ilgilidir: soldan sağa ve yukarıdan aşağı. Bu köklü alışkanlıklar, doğal olarak dijital cihazlarda okumaya da taşındı. Nielsen Norman Grubu gösterdi.

Logo yerleştirme trendini neden etkiliyor?

Logoyu sol üst tarafa yerleştirme modelinin bu kadar yerleşik olduğu göz önüne alındığında, logonuzu başka bir yere yerleştirmenin tek mantıklı nedeni, belki de insanların dikkatini çekmek ve sitenizi farklı ve yenilikçi görünmesini sağlamak amacıyla bu kuralı kasıtlı olarak çiğnemektir.

Ve bunun iyi olduğunu düşünebilirsiniz. Çünkü arama kutusunu, menü düğmesini veya ana gezinme çubuğunu standart konumlarından hareket ettirerek kullanıcıları şaşırtmayı asla düşünmeseniz de, bu logolar için geçerli değildir çünkü işlevsel bir amacı yoktur, değil mi? Yanlış.

Farkında olun ya da olmayın, kullanıcılarınız bu logonun işlevsel bir amaca hizmet etmesini bekler. Ki bu, tıkladıklarında ana sayfaya geri dönecekler. Ve eğer bekledikleri yerde değilse, normal müşteri yolculuklarını büyük ölçüde sekteye uğratacaktır.

Nielsen Norman Group tarafından yapılan araştırma, bir web sitesinin kullanılabilirliği için logo yerleştirmenin ne kadar önemli olduğunu gösteriyor

Nielsen Norman Group tarafından yapılan araştırma, bir web sitesinin kullanılabilirliği için logo yerleştirmenin ne kadar önemli olduğunu gösteriyor

Aslında, araştırmaya göre Kullanıcılar, logo bir sayfanın ortasına yerleştirildiğinde, sol üst tarafına göre ana sayfaya geri dönmeyi yaklaşık altı kat daha zor buluyor.

Belki ortalanmış bir logonuz varsa, ancak sol üst köşede Aberdeen ajansı olarak 'Ana Sayfa' düğmesi varsa JAMstudio , kullanıcılar bu kadar rahatsız hissetmez.

Ancak genel olarak, tasarımınızı dikkat çekici ve yenilikçi hale getirmeye çalışıyorsanız, muhtemelen bunu yapmanın daha iyi bir yolunu bulmanızı tavsiye ederiz.

Birden çok yerde logolar

Logonuzu sol üst köşeye yerleştirmek, tabii ki logonuzu sayfanın başka bir yerinde de gösteremeyeceğiniz anlamına gelmez. Birçok site, kenar çubuğuna veya altbilgiye logo da ekleyerek markalarına daha fazla ses vermeyi sever.

Envato Tuts + ağı, logosunu altbilgide ve sol üstte sunarak markasını güçlendirir

Envato Tuts + ağı, logosunu altbilgide ve sol üstte sunarak markasını güçlendirir

Buna güzel bir örnek, Envato Tuts + ücretsiz eğitici web siteleri ağıdır. Twitter'dan tıklamayı, tüm bir eğiticiyi takip etmeyi ve hangi siteyi ziyaret ettiğinizi hala fark edemediğinizi hayal etmek kolaydır, bu nedenle markasına bu şekilde biraz daha fazla vurgu yapmak mantıklıdır.

Ancak, web sitenize logonuzun birden çok örneğini eklemede yanlış bir şey olmasa da, kullanıcıların her birinin her birinin ana sayfaya bir bağlantı olarak işlev görmesini bekleyeceğini her zaman aklınızda bulundurun.

Şaşırtıcı bir şekilde, bu, Google'ın şu anda Gmail veya Google Drive gibi birçok uydu sitesinde yapamadığı bir şey. Google logosu, arama sayfasıyla geniş ölçüde ilişkilendirilmiş olsa da, bu hizmetler içinde üzerine tıklamak, sizi google.com yerine kardeş hizmetin ana sayfasına geri götürür.

Apple

Apple'ın ekosisteminde nerede olursanız olun, Apple logosu sizi apple.com'a geri götürür

Aksine, iTunes dahil Apple’ın ağındaki tüm web sayfalarında, Apple logosunu tıklamak sizi her zaman apple.com’un yerel sürümüne geri götürür.

Teşekkürler git Stewart Ainslie , WithPrint , Montgomery Kern & rlm;, Mark B & rlm; ve Alon Koppel & rlm; bu makaleyi yazarken yardımları için.