Dönüşüm Oranlarınıza Zarar Veren 9 Web Tasarım Hatası

web tasarımı nedir

Web tasarımı, web siteniz için ne istediğinizi, gereken görünümü, hissi, amacı, yapıyı ve işlevselliği kavramsallaştırma sürecidir. Zihinsel bir imaja sahip olduğunuzda, her adımı dikkatlice planlamanız ve ardından web sitesini oluşturacak elektronik dosyaları oluşturmanız gerekir.

Yaygın web tasarım hataları

Odak

• Şirketinizin ne yaptığını/tekliflerini açıkça belirtmez.
• Net CTA eksikliği (Harekete Geçirici Mesaj) – genellikle unutulur veya sayfanın alt kısmında bırakılır.
• İletişim bilgilerini bulmak zor – üst çubuğa bir telefon numarası yazın.
• Güvenli değil (HTTPS) – güvenli siteler daha hızlı yüklenir, daha yüksek arama sıralamalarına puan verir ve web sitesi güvenli değilse ziyaretçilerin %84'ü bir satın alma işlemini terk eder.
• Analiz Yok – Neyin işe yarayıp neyin yaramadığını izlemiyorsanız, web sitesini en iyi reklam aracınız yapmaya odaklanmamışsınızdır.
• Belirli bir hedef kitle için tasarlanmamıştır, örneğin, bir okul web sitesi bir restoranınkinden çok farklı olacaktır.

Tasarım

• Göründüğü gibi - bu çok önemli, bir ziyaretçiyi etkilemek ve daha fazlasını keşfetmek istemesini sağlamak için on saniyeden az süreniz var. Genel tema ve renkler izleyiciye hitap etmelidir. Daha azı daha fazladır, bu nedenle karmaşık bir ana sayfa ziyaretçileri uzaklaştıracaktır. Dönüşümlere yol açmak için gezinme çubuklarını ve diğer işlevleri net bir şekilde görmeleri gerekir.
• Renklerin aşırı kullanımı – çok fazla renk dönüşümleri mahvedebilir – renk psikolojisini anlamak önemlidir (örneğin güzellik ve sağlık sitesi için mavi ve beyaz gibi koyu renkler kullanın).
• Yüklemesi çok uzun sürüyor - en iyi nokta 3 saniye; sıçrama olasılığı daha uzun her saniye için katlanarak artar.
• Mobil kullanıma hazır değil
  • Kötü bir mobil deneyim durumunda, kullanıcıların %52'sinin bir şirketle etkileşim kurma olasılığı daha düşüktür.
  • %91'i ihtiyaç ve hıza öncelik veriyor.
  • %61'i, ihtiyaç duyduklarını çok çabuk bulamazlarsa yoluna devam edecek.

• Duyarlı tasarım kullanmama – duyarlı web tasarımı, bir web sitesinin tüm platformlarda (örneğin bilgisayar, dizüstü bilgisayar, tablet, akıllı telefon) çalışmasını sağlamak için CSS3 medya sorgularını kullanır.
• Sayfalar arasında tutarsız arayüz – her sayfa için yeni bir tasarıma ihtiyacınız yok, kafa karıştırıcı oluyor ve güçlü bir marka tasarımını desteklemiyor.
• Pop-up'lar - mobil kullanıma müdahale edebilir ve sıralamaları etkiler
• H1 etiketleri estetik nedenlerle kaldırıldı - ancak bu, arama motoru tarayıcılarının aradığı ilk öğedir.
• Görseldeki metin – arama motorları görselleri göremez, bu nedenle metni okuyamaz, üst üste bindirilmesi gerekir.
• Düğmeler ve bağlantılar tıklanamayacak kadar küçük - özellikle mobilde, parmakların aynı anda birden fazla düğmeye dokunup yanlış yerde kalmasından daha sinir bozucu bir şey olamaz.
• Favicon yok – kullanıcı birden fazla sayfa açmayı sever, siteye geri dönmek isteyip istemediğinizi bulmak zor.
• Ana sayfalarda otomatik olarak kayan atlıkarıncalar – kullanıcıların dikkatini mesajınızdan uzaklaştırır.
• Arka planda otomatik müzik – sadece rahatsız edici.
• Otomatik olarak oynatılan videolar – yine rahatsız edici. Dönüşüm katili.
• 404 genel sayfa - çoğu kullanıcı bunlardan birini aldığında terk eder. Hata işlemenizi hemen sıralayın.
• Yavaş sunucu yanıt süreleri - optimize edilmesi gerekiyor.
• Tasarım normlarına uymamak – kullanıcılar affedicidir, ancak gezinme çubuğu ve arama işlevi gibi temel özellikleri beklerler.
• Beyaz alanın yetersiz kullanımı – çok azı sıkışık, çok fazla profesyonellikten uzak görünmesini sağlar.
• Tarayıcı önbelleğe alma yok - sayfaların yeniden yüklenmesini etkiler, bu da daha düşük sıralamalara neden olur.
• Tüm tarayıcılarda çalışmaz – tüm web siteleri tüm tarayıcılarda çalışacak şekilde tasarlanmalıdır.
• JavaScript olmadan çalışmaz – ziyaretçiniz JavaScript'i kapatırsa siteniz çalışmaya devam eder.
• Kod sıkıştırılmamış - başka bir deyişle CSS, HTML ve Javascript'inizi küçültüyor. Bu, yükleme hızını artırır.

Navigasyon

• Yeni pencerelerde açılan çok sayıda bağlantı - geri düğmesi yoksa veya gezinmek zorsa, ziyaretçiler bant genişliği yemenin yanı sıra muhtemelen geri dönmeyecektir.
• Web sitesinde/Görünmez menülerde gizlenmiş bağlantılar – ziyaretçilerin 'nerede olduğumu' bilmeleri gerekir, bu nedenle net menülere, içerik haritası navigasyonuna ve tasarım ipuçlarına ihtiyacınız vardır. Menüler mobil cihazlarda gizlenebilir.
• Logoları ortalama – tek tıklamayla ana sayfanızı bulmanızı altı kat daha zor hale getirir.
• Ziyaret edilen bağlantıların renklerini değiştirmemek – bu nedenle ziyaretçiler yanlış sayfaya dönmeye ve terk etmeye devam eder.
• Kontrol edilemeyen gezinme - animasyonlu herhangi bir şey dönüşümleri çok hızlı bir şekilde öldürebilir.

tipografi

• Okunabilirlik, okunabilirlik, netlik – bunlar kritik faktörlerdir.
• Yazı tipi çok küçük, okuyucu dostu değil - gövde metni, platformlar arasında uyumlu olduğundan, 14 pikselin üzerinde bir boyutta Sans Serif kullanmalıdır. Kıvırcık yazı tipleri çocuklar içindir.
• Çok fazla yazı tipi – ziyaretçilerin dikkati sunum tarafından dağıldığı ve mesajınıza odaklanmadığı için kafa karışıklığına neden olur. Üç yeterli.
• Çakışan yazı tipleri – rahatsız edici olabilir ve dönüşümler için hiçbir şey yapmaz.
• Zayıf karakter aralığı (semboller), izleme (kelimeler), satır başı (cümleler) – boşluklar önemlidir ve netlik ve okunabilirlik konusunda yardımcı olur.

İçerik

• Zayıf SEO – arama motoru tarayıcıları tarafından algılanmayacak, uzun kuyruklu anahtar kelimeler kullanın.
• İçerik, ziyaretçi ihtiyaçlarına odaklanmaz - bunun yerine 'ne kadar harika olduğumuza' odaklanmak gerçek bir sonuç olabilir.
• Başlık ve alt başlık yok - ayrıca, okumayı kolaylaştırmak için, mesajınızdaki anahtar kelimeleri alan arama motoru tarayıcılarını kaçırırsınız.
• İçerik taranamaz - paragraflar kısa olmalı, okunabilirlik için madde işareti veya sayı listeleri kullanmalıdır, ziyaretçiler bir sayfayı taramayı severler ve ihtiyaç duydukları bilgilere sahip olma olasılığının olup olmadığını görebilirler.
• Zayıf dilbilgisi ve uzun cümleler - yine bir okunabilirlik sorunu ve profesyonelce görünmüyor.
• Normal Kaliteli İçerik yayınlamamak – arama motoru tarayıcılarının sıralama için anahtar kelimeleri seçmesi için içerik piramidinin geniş ve düşük olması gerekir. Ziyaretçiler, düzenli olarak güncellendiğini bilirlerse geri döneceklerdir.

Görüntüler

• Alakasız stok fotoğrafçılık – görseller göze hoş gelmeli, alakalı olmalı ve belirli bir konuya odaklanmalıdır.
• Kötü boyutlandırma ve ölçekleme - yükleme sürelerini etkiler ve profesyonelce görünmez.
• Yanıt vermeyen görüntü boyutlandırma – Bu sorunla başa çıkmak için CSS Medya Sorguları kullanılır
• Eksik meta veriler – görüntüleri göndermeden önce dosya adlarını kontrol edin, 987098709.jpg profesyonelce görünmüyor.
• Görüntü sıkıştırma yok - daha uzun yükleme süreleri daha düşük sıralamalara eşittir.

Sosyal medya

• Sosyal katılımı teşvik etmemek - büyüme için en iyi fırsatlarınızı kaçırmak.
• Sayfanın üst kısmındaki sosyal medya simgeleri - okuyucuları sitenizden ayrılmaya ve dikkatlerini dağıtmaya teşvik ettiği kanıtlanmıştır, onları başka bir yere koyun.

Kullanıcı deneyimi

• Kötü arama tesisi – ziyaretçiler iyi arama motorlarıyla şımartılır ve en iyi veya en alakalı olanın gösterilmesini bekler, anahtar kelime varyasyonlarını, kısa çizgileri, çoğulları ve yazım hatalarını ele almalıdır.
• Sorulara yanıt vermiyor – hiçbir şey, yanıt vermeyen bir site kadar hızlı bir şekilde ziyaretçileri uzaklaştıramaz, uygun olmadığınızda otomatik yanıtlar ayarlayıp onlara acilen geri dönemezsiniz.

Yasal sorunlar

• Gizlilik politikası yok - artık birçok ülkede yasal bir gereklilik ve güven oluşturmaya yardımcı oluyor.
• Garanti bilgisi yok – ziyaretçiler ürünlerinizin arkasında meşruiyet olduğunu bilmek istiyor.
• İade politikası yok - iyi ticaret, bir müşterinin fikrini değiştirmesi için en azından bir süre vermenizi (bazı ülkelerde yasalarca zorunlu kılınmıştır) ve bir ürünün uygun olmadığı ortaya çıkarsa iadeleri kabul etmenizi talep eder. Kötü yorumlar genellikle kötü geri dönüş deneyimlerine odaklanır.

Harika bir web sitesi, kullanıcılardan bir şey onlar için işe yaramazsa veya iyileştirme için önerilerde bulunup bulunmadığını onlara bildirmelerini ister, hatta bazılarının kullanılabilirlik için bir yıldız puanlama sistemi olabilir. Web sitenizle her zaman en iyi adımınızı atın - çoğu zaman potansiyel bir müşterinin şirketiniz ve kültürünüz hakkındaki ilk izlenimidir ve dönüşüm oranlarınızı artırabilir veya azaltabilir.