Biriyle yüz yüze iletişim kurmanın tek yolu ses olmadığı gibi, bir web sitesinde iletişim kurmanın tek yolu metin değildir. Gerçek hayatta, iletişim için ipuçları almak için yüz ifadelerini ve vücut dilini kullanabilirsiniz. Siteniz, kullanıcıların vücut dilinizi okumasına izin vermeyebilir, ancak sitenizdeki görsellerden bilgi almanız kesinlikle mümkündür. Görsel iletişim, web sitesi tasarımında önemli bir unsurdur. Süreç değişikliklerini gösterebilir ve kullanıcının dikkatini çekmek için en önemli bilgileri vurgulayabilir. Görsel web tasarımı ile web sitenizin iletişimini nasıl geliştirebilirsiniz? 

Görsel İletişim Nedir?

Konuşurken vurgulamak için el hareketlerini kullanan insanlar gibi, görsel web tasarımı da kullanıcılara önemli bilgiler sağlamak için site metniyle birlikte çalışır. Görsel iletişim, bilgiyi kelimeler yerine grafik olarak iletmek için resimler, yazı tipleri, boyutlar ve desenler gibi öğelerin kullanılmasıdır. Görsel iletişim pratikte nasıl görünüyor? Örneğin, muhtemelen ilk paragrafı okumadan önce yukarıdaki tanımı okudunuz. İtalik yapın ve etrafındaki metinden ayrı olarak dikkat çekin. Size bu cümlenin önemini anlatacaktır. Yazmadan gönderdik. Görsel iletişim tüm şekil ve boyutlarda gelir (kelimenin tam anlamıyla!). Kullanıcının dikkatini çekmeye yönelik her türlü yöntem görsel web tasarımı sayılır. 

• Durum
• Renk
• Boyut
• Şekil
• Kontrast
• Desen
• Yakınlık
• Hizalama

daha fazla Liste uzayıp gidiyor. Web sitesi tasarımınızdaki bilgileri temsil etmek için görüntüleri kullanmanın sayısız yolu vardır. 

Web Tasarımı Çalışmasında Görsel İletişim Neden Önemlidir?

Yazılı iletişim kolaydır, öyleyse neden görsel iletişimle uğraşasınız ki? Çünkü görsel iletişim daha etkilidir. İnsanlar okuduklarının %10'unu ve gördüklerinin %80'ini hatırlar. İnsanlar görüntüleri metinden 60.000 kat daha hızlı işler Çoğu kişi sayfadaki kelimelerin yaklaşık %25'ini okuyor, ancak %80'i video izliyor Görünüşe göre, insanlar sadece görsel iletişim içindir. Bu nedenle, görsel iletişimi web tasarım projenize dahil etmek, hedef kitlenize daha etkili bir şekilde ulaşmak ve web sitenizi optimize etmek için harika bir stratejidir. Onlara en önemli bilgileri nerede bulabileceklerini gösterin, yolculuklarındaki bir sonraki adıma rehberlik edin veya web sitenizin içeriğini anlamalarına yardımcı olun. Görsel iletişim, kullanıcının dikkatini çekmeye de yardımcı olabilir. Hiç bitmeyen metinlerden oluşan dev bir duvar, kullanıcıları uzaklaştırmanın hızlı bir yoludur. Resimler metni parçalar ve web sitesi kullanıcılarına başka bir bakış açısı sağlar. 

Görsel Hiyerarşi Oluşturun

Görsel iletişimin en önemli kısmı görsel hiyerarşi oluşturmaktır. Görsel hiyerarşi, bir sayfanın içeriğinin önem derecesine göre sıralanması ve böylece kullanıcının dikkatinin belirli bir sırayla çekilmesi işlemidir. Hiyerarşi, bir sayfanın en önemli kısımlarını taşır. Peki görsel bir hiyerarşi nasıl oluşturulur? Kendinize şu üç soruyu sorun: 

Sayfanızdaki en önemli unsur nedir?

Kullanıcının gözlerinin hangi yolu izlemesini istersiniz?

Kullanıcılarınızın nereye varmasını istiyorsunuz?

Açılış sayfanızın görsel hiyerarşisini göz önünde bulundurun. Açılış sayfanızdaki en önemli unsur başlıktır. Kullanıcılara sayfanızda tam olarak ne bekleyeceklerini söyleyin. Oradan, insanların ürününüz hakkında daha fazla bilgi edinmek için bilgi grafiklerini görmesini isteyeceksiniz. Ne de olsa, insanların harekete geçirici mesajınıza (CTA) ulaşmasını ve üzerine tıklamasını istiyorsunuz. Bu hiyerarşide, kullanıcıların kaçırmaması için başlığı büyük ve kalın yapın. Web sitenize tıkladıklarında gördükleri ilk şey budur. Infographics, başlıklardan daha küçük ve sayfadaki diğer metinlerden daha büyük olmalıdır. Öne çıkmak için rengi de kullanabilirsiniz. Bu şekilde, içeriğin geri kalanını okumadan önce onu görebilirsiniz. CTA'yı sayfanın altına yerleştirin çünkü insanların okumasını isteyeceğiniz son şey budur. 

Görsel Hiyerarşi Oluşturmanın Üç Farklı Yolu

1. Renk ve Kontrast

Renk, web sitenizin öğelerini öne çıkarmanın başka bir yoludur. İçeriğinizin çoğu siyah beyazsa, kırmızı ve sarı renkteki infografikler çok iyi göze çarpar. Öğelerinizin içeriğinizin geri kalanından öne çıkmasını sağlamak için parlak, cesur renkler kullanın. Ziyaretçilerinizi gerçekten renkle şaşırtmak istiyorsanız kontrast kullanın. Turuncu bir arka plan üzerinde kırmızı bir görüntü özellikle fark edilmez. Ancak bu kırmızı görüntüyü beyaz bir arka plana koyarsanız, etkiyi net bir şekilde görebilirsiniz. Renkleri idareli kullanın. Tüm web sayfasını çok renkli yaparsanız, vurgu kaybolacaktır. Yalnızca vurgulamak istediğiniz önemli öğeler için renk kullanın. 

2. Boyut

Bir şey ne kadar büyükse, birinin dikkatini o kadar hızlı çeker. Ziyaretçilerin önce görmesi için sayfanızdaki en önemli bilgileri her şeyden daha büyük yapın. Büyüklük, önemle ilişkilendirilmelidir. Bir şey çok önemliyse, onu çok büyütün. Bir şey o kadar önemli değilse, içeriğin geri kalanından çok daha küçük yapın. 

3. Boşluk

Boşluk, bir web sayfasının boş bir parçasıdır. Öğeleri ayırmak ve daha önemli görünmelerini sağlamak için kullanılır. Örneğin:

 Bu cümle çok önemli görünüyor çünkü çok fazla boşlukla çevrili. 

Öğeleri, öne çıkmaları ve sayfa içeriğinin geri kalanından ayırt etmeleri için yeterli alana sahip olacak şekilde ayırın. 

Görselleri Kullanarak Web Sitesi Ziyaretçileri ile İletişim Kurun

Web sitenizin ziyaretçileriyle iletişim kurmak için kullanabileceğiniz birçok farklı resim türü vardır. Kalın ve italik yazı tiplerinden parlak resimler ve düğmeler oluşturmaya kadar, ziyaretçilerinizin dikkatini çekmek ve onlara bundan sonra nereye bakacaklarını söylemek için görsel web sitesi tasarımını kullanın.