İlk İzlenimler Önemlidir: Harika Görsel Tasarım Neden Önemlidir?

Yayınlanan: 2021-07-22

İnsanlar ani kararlar verirler. Bir insan hakkında ilk izlenimi oluşturmak saniyenin sadece 1/10'u kadar sürer. Web siteleri farklı değil.

Kullanıcıların web siteniz hakkında kalıp kalmayacaklarını veya ayrılacaklarını belirleyen bir fikir oluşturmaları yaklaşık 50 milisaniye (ms) (0,05 saniyedir) sürer.

Bu sayı belirli çalışmalardan gelmektedir. İlk çalışmada, katılımcılar, her biri 500 ms için sunulan web ana sayfalarının görsel çekiciliğini iki kez derecelendirdi. Bir takip çalışmasında, maruz kalma süresini 50 ms'ye düşürdüler.

50 ms ve 500 ms koşulları arasındaki korelasyonlarda olduğu gibi, görsel çekicilik derecelendirmeleri bir aşamadan diğerine yüksek oranda korelasyon gösterdi. Böylece, görsel çekicilik 50 ms içinde değerlendirilebilir, bu da web sitenizde iyi bir ilk izlenim bırakmak için yaklaşık 50 ms süreniz olduğunu gösterir.

Bu ilk izlenim birçok faktöre bağlıdır: yapı, renkler, boşluk, simetri, metin miktarı, yazı tipleri ve daha fazlası. Bu gönderi:

  • Web siteleri ve ilk izlenimler hakkında ayrıntılı araştırma.
  • İlk izlenimleri iyileştirmek için görsel bir tasarımın nasıl oluşturulacağını gösterir.

Not: Aşağıdaki tüm web sitesi ekran görüntüleri yalnızca açıklama amaçlıdır .

Web siteleri ve ilk izlenimler hakkında araştırma yapın

Kullanıcılar tasarım görüşlerini 17 ms'de oluşturur.

Birkaç yıl önce Google, kendi araştırmasında 50 ms sayısını doğruladı. Aslında, onların çalışmasına göre, etki bazı tasarım faktörlerinde daha az belirgin olmasına rağmen, bazı görüşler 17 ms içinde gelişir.

Çalışmalarından elde edilen temel bulgular, düşük görsel karmaşıklığa ve yüksek prototipliğe (bir tasarımın belirli bir web sitesi kategorisini ne kadar temsil ettiğine) sahip web sitelerinin oldukça çekici olarak algılanmasıydı.

prototip ana sayfanın squaresquare örneği
İnsanların bir web sitesinin nasıl görünmesi gerektiğine dair beklentileri vardır. Tasarım ne kadar yaratıcı veya çarpıcı olursa olsun, bunlardan uzaklaşmak bir risktir.

Anahtar paket servis: Web tasarımınızı basit ve tanıdık hale getirin. Sözleşmeleri takip edin. İnsanların bir e-ticaret sitesinin nasıl görünmesi gerektiğine dair sabit bir fikri vardır. Yenilikçi, alışılmamış düzenleri tercih ederseniz, insanların onları sevme olasılığı daha düşüktür.

Not: Kapsamlı raporumuzda bir sürü e-ticaret yönergesine ve test fikrine bakın (özellikle e-ticaret için 247 yönerge).

Gözlerin bir web sayfasının önemli alanlarına yerleşmesi 2,6 saniye sürer.

Bir kullanıcının gözlerinin bir web sitesinin ilk izlenimlerini en çok etkileyen alanına gelmesi 2,6 saniye sürer.

Araştırmacılar, web sayfalarını tararken öğrencilerin göz hareketlerini izledi. Araştırmacılar daha sonra öğrencilerin bir sayfanın belirli bölümlerine odaklanmasının ne kadar sürdüğünü belirlemek için göz izleme verilerini analiz etti. Menü , logo, resimler ve sosyal medya simgeleri—başka bir bölüme geçmeden önce.

İlk izlenimin daha iyi olduğunu keşfettiler , daha uzun katılımcılar sayfada kaldı.

  • En İyi 21 E-ticaret A/B Testi Fikirleri

    CXL tarafından

    Neyin işe yaradığını test ederek ilk izleniminizi geliştirin. İşte araştırmalardan elde edilen en iyi 21 e-ticaret testi fikri.

  • Bu alan doğrulama amaçlıdır ve değiştirilmeden bırakılmalıdır.
web sitesi ilk izlenimlerine ilişkin göz izleme çalışması örneği
Çalışma, web sitesini altı bölüme ayırdı ve ardından öğrencilerin göz hareketlerini izledi. (Görüntü kaynağı)

İzleyicilerin en çok ilgisini çeken altı web sitesi bölümü şunlardı:

  1. Kurumun logosu. Kullanıcılar, devam etmeden önce bu alana odaklanarak 6.48 saniye geçirdi.
  2. Ana gezinme menüsü. Neredeyse logo kadar popüler olan denekler, menüyü ortalama 6,44 saniye görüntüledi.
  3. Arama kutusu . Kullanıcılar 6 saniyenin biraz üzerinde odaklandı.
  4. Sitenin ana resmi. Kullanıcıların gözleri ortalama 5,94 saniye sabitlendi.
  5. Sitenin yazılı içeriği . Kullanıcılar yaklaşık 5.59 saniye harcadı.
  6. Bir web sitesinin alt kısmı . Kullanıcılar yaklaşık 5.25 saniye harcadı.

Anahtar paket servis: İyi bir ilk izlenim, daha uzun bir ziyarete yol açar. Burada listelenen altı öğenin harika göründüğünden emin olun.

İlk izlenimler %94 tasarımla ilgilidir.

İngiliz araştırmacılar, farklı tasarım ve bilgi içeriği faktörlerinin çevrimiçi sağlık sitelerinin güvenini nasıl etkilediğini analiz etti. Araştırma, web sitesinin görünümünün ve verdiği hissiyatın ilk izlenimlerin ana itici gücü olduğunu açıkça gösterdi.

temiz web sitesi tasarımı örneği
Bir İngiliz araştırması, çoğu web sitesi eleştirisinin içeriğine değil, site tasarımının algısına dayandığını buldu.

Test katılımcılarının verdiği tüm geri bildirimlerin %94'ü tasarımla ilgiliydi:

  • karmaşık;
  • Meşgul düzeni;
  • Navigasyon yardımcılarının eksikliği;
  • Sıkıcı web tasarımı;
  • Renk kullanımı;
  • Pop-up reklamlar;
  • Siteye yavaş girişler;
  • Küçük baskı;
  • Çok fazla metin;
  • Kurumsal görünüm ve his;
  • Zayıf arama yetenekleri.

Geri bildirimin sadece %6'sı gerçek içerikle ilgiliydi. Görsel çekicilik ve web sitesinde gezinme, insanların siteyle ilgili ilk izlenimleri üzerinde en büyük etkiye sahipti.

Aynı zamanda, zayıf arayüz tasarımı, bir web sitesinin hızlı reddi ve güvensizliği ile ilişkilendirildi. Katılımcılar tasarımın bir yönünü beğenmediğinde, tüm web sitesi nadiren ana sayfanın ötesinde araştırıldı.

Benzer sonuçlar, Stanford Üniversitesi güvenilirlik uzmanları tarafından yürütülen Tüketici Web İzleme araştırmasında da bulundu. Onlar insanlar bir web sitesinin güven değerlendirmek konusunda demek ve onlar gerçekten bunu nasıl ne farklı olduğunu gördük.

Veriler, ortalama bir tüketicinin bir sitenin içeriğinden çok görsel ipuçları gibi yüzeysel yönlerine çok daha fazla dikkat ettiğini gösterdi. Örneğin, tüm tüketicilerin neredeyse yarısı (%46,1) sitelerin güvenilirliğini kısmen mizanpaj, tipografi, yazı tipi boyutu ve renk şemaları dahil olmak üzere görsel tasarımın çekiciliğine dayanarak değerlendirdi.

Anahtar paket servis: Harika tasarım, insanların size güvenmesini ve sadık kalmasını sağlar. Kötü tasarım güvensizlik yaratır ve insanları terk eder.

İlk izlenimler için görsel çekicilik, kullanılabilirliği bile geride bırakır.

Bir çalışma, görsel çekiciliğin ve kullanılabilirliğin kullanıcı performansı ve bir web sitesindeki memnuniyet üzerindeki etkilerini inceledi.

Kullanıcılar, görsel çekicilik (yüksek ve düşük) ve kullanılabilirlik (yüksek ve düşük) açısından farklılık gösteren web sitelerinde farklı görevleri tamamladılar. Sonuçlar, ilk izlenimlerin en çok sitenin görsel çekiciliğinden etkilendiğini gösterdi .

Kullanıcılar, çekiciliği yüksek sitelere yüksek “kullanılabilirlik ve ilgi puanları” verirken, “kullanılabilirlik ve ilgi puanları” düşük olan sitelere düşük temyiz. Düşük çekici bir web sitesine ilişkin kullanıcı algıları, siteyle başarılı bir deneyimden sonra bile sitenin kullanılabilirliğinden önemli ölçüde etkilenmedi.

Anahtar paket servis: Tasarıma yatırım yapın. Kullanıcıları çekmek için en önemli şey budur. Yeterince komik, harika görsel tasarım daha yüksek kullanılabilirlik derecelerine yol açacaktır ve gerçek kullanılabilirlik çok daha az önemli olacaktır.

Olumlu bir ilk izlenim, genel memnuniyeti artırabilir.

Ürün beklentilerinin öznel kullanılabilirlik derecelendirmeleri üzerindeki etkilerini incelemek için yapılan bir deneyde, katılımcılar kullanılabilirlik testinden önce yeni bir mobil cihaz için olumlu veya olumsuz bir ürün incelemesi okudular. Kontrol grubu hiçbir şey okumadı.

olumlu ürün incelemeleri ile hazırlama çalışmasında kullanılan mobil cihaz.
Çalışmada kullanılan cihaz. Olumlu ürün incelemeleri, atanan bir görevi tamamlayamasalar bile kullanıcıları daha olumlu bir deneyim yaşamaya yönlendirdi.

Çalışma, olumlu beklentilerin öznel deney sonrası derecelendirmeler üzerindeki şaşırtıcı derecede güçlü etkisini ortaya koydu. Olumlu incelemeyi okuyan katılımcılar, cihaza, negatif asal ve asal olmayan gruplardan önemli ölçüde daha iyi deney sonrası puanlar verdi.

Kullanıcılar çoğu görevde başarısız olduğunda, zor görev koşullarında bile tutulan pozitif prime'ın bu artırıcı etkisi.

Anahtar çıkarım: Kullanıcılar sitenizi "anında" beğenirse, satırdaki hıçkırıklar için sizi biraz rahat bırakırlar. Bu tür bir hazırlama diğer şekilde de çalışabilir: A n negatif ilk izlenim, sitenizden genel memnuniyeti azaltır.

Peki, iyi bir izlenim bırakmak istiyorsanız, başlamak için en iyi yer neresidir?

Görsel tasarımla harika bir ilk izlenim nasıl yapılır?

1. Web sitenizi (ve şirketinizi) tasarımınızla farklılaştırın.

Şık, aptal, seksi, anlayışlı, akıllı, klasik misin yoksa nesin? Rekabetten nasıl farklısınız? Bunu web sitenizdeki tipografi, görseller ve tasarım aracılığıyla mümkün olduğunca çabuk iletiyor musunuz?

Tüketicileri uzaklaştırabilecek “yenilikçi” tasarımdan kaçınmak ile benzersiz bir görsel stil aramak arasında bir denge vardır. Çoğu zaman, aynı dikeydeki şirketler, tasarım estetiğinde “ben de” yaklaşımını benimsiyor.

Bazen rakip siteler o kadar benzerdir ki, sitenin başlığından logoyu kaldırırsanız, bir siteyi diğerinden ayırt etmek neredeyse imkansız olur.

Fark ettiğim kadarıyla, bunun iki ana nedeni var:

  1. Tasarım estetiğiyle ilgili iç konuşma, farklı bir görsel kimlik geliştirmek yerine, özellikler hakkında bir tartışmaya dönüşür.
  2. Yarışma için “çalışıyormuş gibi görünen” özellikler ve estetik benimsenmiştir.

Tabii ki, yeni site yayına girdiğinde, herkes yeni tasarımın büyük bir sitenin neredeyse karbon kopyası olduğunu fark edemeyecek kadar birbirine beşlik çakmakla meşgul. yarışmacı, ya da mevcut müşterilere şirketinizle alışveriş yapmaktan neden hoşlandıklarını sormayı tamamen ihmal ettiğinizi.

Görsel iletişiminize daha fazla farklılık katmak istiyorsanız ancak nereden başlayacağınızı bilmiyorsanız, Zaltman Metafor Çıkarma Tekniğine göz atın ve nitel anketlerinize uygulayın. Bu , ziyaretçileri yabancılaştırmadan markanızın temel değerlerine hitap eden bir ilk izlenim tasarlamanıza yardımcı olabilir .

Taylan Demirkaya'dan Pazarlama Araştırmalarında ZMET Tekniği

“Marka Kimliği” sadece karıştırılacak yumuşak bir şey değildir. Cheskin Research & Studio Arketipi, 1999 yılına kadar bir e-ticaret şirketiyle güven oluşturmanın en önemli altı faktörünün şunlar olduğunu buldu:

  • Marka;
  • Navigasyon;
  • yerine getirme;
  • Sunum;
  • Güncel teknoloji;
  • Güvenlik logoları.

Bunu bir saniye düşün. İlk izlenim, sitenizin diğer web sitelerinden ayırt edilemez olduğuysa, neden birileri sizi rekabette seçmeyi bırakın, ürün sayfalarınızı araştırsın?

İşte bir örnek: Görsel ayrım ve genel ilk izlenimin rastgele bir aramada sorun yaratıp yaratmayacağını görmek için Google'da "deri ceket" aradım. Bunlar ilk üç sonuçtu:

Bu üç siteyi ayıran bir şey var mı? Tam olarak aynı demografiyi paylaşmasalar da pek değil.

O nihayet Bomboogie üzerinde tökezleyerek, öncekilere benzeyen bakmadı herhangi bir siteyi bulmadan önce arama sonuçlarının kaydırılması için bir süre aldı. Sayfanın rakiplerinden farklı olduğu inkar edilemez:

Diğer sitelerin aksine, sayfa hemen farklı bir duygu yansıtıyor - bu, zarif, yüksek moda ceketler yapan bir şirket değil. Ceketleri “havacılar tarafından kullanılan ceketlerden ilham alıyor” ve site de öyle görünüyor.

Yıllar önce bu araştırmayı ilk yaptığımda bulduğum en belirgin site Schott'tu. Görüntü kaydırıcılarını, gazoz kapağı navigasyonunu ve birçok sahte dokuyu atlamış olsam da, özellikle eski bir marka olduğu göz önüne alındığında, tasarımın güçlü bir ilk izlenim bırakan bir çekiciliği vardı.

Schott

Karakteri ve duyguyu hissedebilir ve güvenilir olup olmadıklarına dair bir fikir edinebilirsiniz, ilk izlenimin tamamı bununla ilgili.

Bununla birlikte, tasarım trendi de onları yakaladı ve şimdi oradaki diğer tüm sitelere çok benziyorlar:

Shopify, farklı ilk izlenimlere sahip şirketleri öne çıkaran 100 Güzel e-ticaret tasarımından oluşan bir liste oluşturdu.

Önemli paket servis : Kullanıcıların kafasını karıştıracak veya rahatsız edecek kadar yenilikçi olmadan benzersiz bir marka kimliği iletebilirsiniz (ve yapmalısınız).

2. Daha güçlü bir ilk oluşturmak için site ziyaretçilerine ilham verin izlenim.

Turizm web sitelerinde ilk izlenimlerin rolüne bakan bir araştırma, ilhamla ilgili unsurların en büyük etkiye sahip olduğunu buldu. İlk izlenim s.

Bu, görsel olarak çekici uyaranların, insanların bir sitede daha uzun süre kalmalarını sağlamak ve böylece daha fazla ziyaretçiyi alıcılara dönüştürmek için önemli bir araç olduğunu göstermektedir.

Şili seyahat sitesinde doğanın ilham verici görünümü

Kullanılabilirlik, ilk izlenim oluşumunun ikinci en önemli itici gücüydü ve bunu güvenilirlik izledi.

Sonuç olarak, bu bize gezginlerin bir destinasyon (görüntü) hakkında ilham almak istediklerini söyler. Bir şeyleri anlamaya (kullanılabilirlik) zihinsel enerji harcamak istemiyorlar ve seyahat sağlayıcısının yasal olduğundan (güvenilirlik) emin olmak istiyorlar.

Anahtar çıkarım: Bir rüyayı satıyorsanız (örneğin, Şili'ye tatile gitme fikri), ilham verici fotoğrafçılık, ilk izlenim yaratıcısının başında gelir.

3. Ekranın üst kısmındaki alanın sallandığından emin olun.

Yıllar boyunca, ekranın üst kısmındaki konu hararetli bir şekilde tartışıldı. Araştırmalar, insanların kaydırma yapmakta sorun yaşamadıklarını ve aslında bunu tercih ettiklerini gösteriyor.bölme içeriği birçok sayfaya Bunun ilk izlenimlerle ne ilgisi var?

9 Web Sitesi Güvenilirlik Katilleri

Alex Birkett tarafından

Bir satın alma işlemini caydırmak yerine ona yardımcı olan, şüphecilik değil, güven uyandıran bir web sayfasını nasıl oluşturacağınızı öğrenin.

  • Bu alan doğrulama amaçlıdır ve değiştirilmeden bırakılmalıdır.

İşte ekranın üst kısmındaki konu hakkında yeni bir düşünme yolu: Web sitenizin en iyi parçası olması gerekiyor. İlk izlenimler 0,05 saniyede oluşur. Kullanıcılar bu süre içinde aşağı kaydırma yapmaz.

Dolayısıyla, ne kaydırmadan hemen bakın onlar hiç aşağı kaydırma belirler budur. Bunu göz önünde bulundurarak…

Navigasyonunuza ekstra dikkat edin.

net site gezinme örneği

Çok sayıda ısı haritası çalışması, navigasyonun tipik olarak bir web sitesinin ilk ve en çok görüntülenen alanları arasında olduğunu göstermiştir. Ancak tipik kategorilerin ötesinde, neleri dahil etmelisiniz? ?

Business Insider'ın insanların alışveriş sepetlerini neden terk ettiğine ilişkin bir araştırmasına göre, insanların %25'i “web sitesinin çok karmaşık olduğunu” (yani gezinmenin zor olduğunu) ve %60'a yakını “gizli maliyetleri” (yani nakliye masrafları) belirtti. ) pa'sız ayrılmalarının başlıca nedeni olarak ying .

alışveriş yapanların neden e-ticaret mağazasından ödeme yapmadan ayrıldığını gösteren grafik
Gizli maliyetler ve karmaşık web siteleri, kullanıcıların web sitelerini ödemeden terk etmelerinin iki temel nedenidir.

eConsultancy tarafından yapılan farklı bir çalışmada, tanıdık olmayan bir e-ticaret sitesinden satın alma hakkında soru soran ziyaretçiler, "profesyonel tasarım", "sitenin tanınmış markalar içerdiği" ve "iletişim bilgilerinin görünür olması"nın satın alma (veya satın almama) kararlarını etkilediğini belirtti. ).

Tanımadığınız bir perakendeciyle alışverişe ilişkin sonuçları inceleyin.

İyi yapıldığında, bir sitenin navigasyonu, yoksa ziyaretçileri satın almaktan caydıracak şeylerin bir kısmını veya tamamını içerebilir.

En sevdiğim sitelerden biri olan ThinkGeek'in navigasyonunda sitenin içeriğine hiç girmeden ne kadar iletildiğine bakın:

birçok değerli bilgiyi ileten site navigasyonu.

Çok fazla avlanmak zorunda kalmadan bulmak kolaydır:

  • Zamana duyarlı promosyonlar;
  • Sitede daha derine inmenin birden fazla yolu (kategoriler, ilgi alanları, arama);
  • Yeni, En İyi ve Özel ürünlerin yanı sıra taşıdıkları ürünlerin bir ipucu (hediyeler, tişörtler, elektronik ürünler, hediye çekleri);
  • Bir ödül programı;
  • Satışta olan ürünler;
  • “Ücretsiz Gönderim” eşiği;
  • Müşteri desteği kullanılabilirliği ("Canlı Sohbet" ve "Yardım" düğmeleri aracılığıyla).

Bunu Zara gibi uç bir örnekle karşılaştırın ve bunun neden önemli olduğunu anlayacaksınız:

minimalist navigasyon örneği

Örnek Olay: Alight, site aramalarını %16 ve satın alma işlemlerini %25 artırdı

eski ışık

Alight (şimdi CurvyHQ), sitelerinin eski olduğunu biliyordu. Büyük beden kadın perakendecisi, site genelinde gezinmeyi daha modern hale getirdi.

Arama çubuğunun boyutunu büyüttüler, güven simgesini kaldırdılar, pembe gezinme alanına "satış" ve "yeni" kategorileri dahil ettiler ve diğer küçük güncellemelerin yanı sıra değer tekliflerini netleştirdiler.

arama çubuğu ile güncellenmiş ana sayfa navigasyonu

Sonuç, gezinmeyi güçlü bir ilk izlenimin parçası haline getirerek, site aramalarında %16 ve genel satın almalarda %25 artış oldu.

Web sitelerinde veya NBA'de ilk izlenimler yıllarca sürebilir.

Ekonomistler Barry Staw ve Ha Hoang tarafından yapılan araştırma, NBA'deki draft düzeninin etkisini inceledi. Oyuncuların kariyerlerini, draft edildikten sonra beş yıl boyunca gözlemlediler. Kendinizi birçok yönden kanıtlamak için beş yıl yeterli, bu yüzden taslak düzen bir rol oynamamalı, değil mi?

Yanlış. Araştırmaya göre, oyuncuların aldığı oynama süresi draft sıralarıyla korelasyon gösteriyor. Takımlar, draft hakkı yüksek oyunculara daha fazla oynama süresi verdi ve oyuncuların sahadaki performansını, sakatlıklarını, ticaret durumunu, oynadığı pozisyonu ve diğer faktörleri kontrol ettikten sonra bile onları daha uzun süre elinde tuttu.

Draft sayısındaki her artış (yani sekizinci yerine dokuzuncu draft edilmek) oyun süresini 23 dakikaya kadar azalttı. İnanılmaz bir şekilde, taslak sıralama, bir oyuncunun NBA'deki beşinci yılında, çalışmada ölçülen son yıl boyunca oynama süresini tahmin etmeye devam etti. İlk turda draft edilen oyuncuların kariyerleri de daha uzundu; diğerlerinden 3,5 yıl daha fazla oynadılar.

net, güçlü bir ilk izlenim bırakan ana sayfa örneği

Başka bir çalışma, ilk izlenimlerin kalıcılığını inceledi. İlk izlenimle çelişen yeni deneyimlerin, yapıldıkları bağlama "bağlı" hale geldiğini keşfetti. Bununla birlikte, ilk izlenimler hala diğer bağlamlara hakimdir.

Beynimiz, beklentileri ihlal eden deneyimleri “kuralın istisnaları” olarak depolar. Kural (yani ilk izlenim), ihlal edildiği belirli bağlam dışında geçerli olarak kabul edilir.

Anahtar çıkarım: İlk izlenim olumsuzsa, kullanıcıyı yıllarca size karşı önyargılı hale getirebilir.

Sonuç

Görsel çekicilik önemlidir. Çok. Tavsiyem: Asla tasarımdan tasarruf etmeye çalışmayın. "Basit" bir tasarım revizyonunun nasıl önemli dönüşüm artışları sağladığını defalarca gördüm.

İnsanlar siteniz hakkında düşüncelerini milisaniyeler içinde oluştururlar. Web sitenizdeki ilk saniye, takip eden tüm saniyelerden (eğer varsa) daha önemli olabilir. Bir saniyenin harika bir ilk izlenim bıraktığından emin olun.