Web Tasarımında Sık Yapılan On Hata ve Çözümleri
Arayüz hatalarının çoğu yaratıcılık sorunu değil, ihmal. Arama kutusu yazım hatasını affetmiyor, punto sabit, ziyaret edilmiş bağlantı hâlâ ilk günkü renkte. Aşağıdakilerin her biri tek oturumda düzelir; asıl iş sıraya koymak.
Arama kutusu yazım hatasını affetmeli
Kullanıcı kargo takip yazdığında sonuç sayfası boş dönüyorsa aramanız yok demektir. Çoğul eki ve ı/i karışması en azından tolere edilmeli. Bu toleransı genelde ayrı bir arama servisi kurmadan, veritabanının kendi trigram indeksiyle çözerim; on binlerce kayıtlık bir sitede sonuç yeterince iyi, altyapıya bakımı sizde kalacak yeni bir bileşen eklemeye değmiyor.
Sıralamada saf kelime eşleşmesine güvenmeyin. Aynı kelimeyi geçiren bir yorum sayfası, o konunun ana sayfasından önce gelmemeli. Ana başlıklara sabit bir ağırlık verin, sonucu kendi sitenizde birkaç sorguyla elle kontrol edin.
PDF ile yeni sekme, aynı sorunun iki ucu
PDF ekranda okumak için tasarlanmadı. Tarayıcıda açıldığında geri tuşu ve sayfa içi arama kullanıcının alıştığı gibi çalışmayı bırakıyor, metin de dar bir sütuna sıkışıyor. İçerik web içinse HTML olarak yayınlanır, PDF baskı ve çevrimdışı dağıtım için kalır.
Bu listelerin çoğunda burada bir tutarsızlık var: bir yandan bağlantı asla yeni sekmede açılmasın denir, öte yandan PDF servis edilmeye devam edilir. İkisi birlikte savunulamaz. PDF bağlantısında tarayıcı gezinmesi zaten bozulduğu için yeni sekme tam olarak kuralın istisnası; dosya türünü ve boyutunu bağlantı metnine yazıp sekmede açın. HTML sayfaları için kural aynen geçerli, hedefi kullanıcı seçer.
Punto sabitlemeyin
font-size değerini piksel cinsinden yazdığınızda tarayıcının yazı boyutu ayarı devre dışı kalır. Kullanıcı ayarı büyütür, sayfa aynı kalır ve bunu size kimse bildirmez. rem kullanın, kök boyut üzerinden ölçekleniyor. em ile iç içe yapılarda dikkatli olun, çarpımsal davranıyor: 0.9em iki seviye iç içe girdiğinde 0.81 oluyor, üçüncü seviyede liste metni okunmaz hale geliyor.
Uzun blok metinde çözüm alt başlık ve kısa paragraf. Ama madde işareti her yere gitmez; sırası olmayan, gerçekten paralel maddeleri listeleyin. Anlatıyı maddeye bölmek taranabilirlik değil, kopukluk üretiyor.
Alışkanlıkla trend aynı şey değil
Ziyaret edilmiş bağlantının rengi değişmiyorsa kullanıcı aynı sayfaya ikinci kez giriyor ve bunu ancak açtıktan sonra anlıyor. Tek satır CSS, ve arşivi kalabalık sitelerde en çok işe yarayan ayrıntı bu.
Bu maddeyi tasarım trendlerine uyun diye sürdüren metinler kendi argümanını çürütüyor. Kullanıcıya güven veren şey alışkanlıktır: sepetin sağ üstte durması, altı çizili farklı renkli metnin bağlantı olması. Trend, tanımı gereği henüz alışkanlık değil. Yerleşik kalıba uyun; kalıpla yeni olan çakıştığında kalıp kazanır.
Başlık etiketi ve reklam sanılan bölümler
Her sayfaya kendi title etiketi gerekir. Şablondan gelen tek başlığı bütün alt sayfalarda tekrar etmek, arama sonuçlarında sayfalarınızı birbirinden ayırt edilemez kılıyor. Başlığı sayfanın içeriğinden üretin, site adını sona koyun.
Bir de atlanan bölüm sorunu var. Büyük punto, hareketli görsel, renkli çerçeve: kullanıcı bunları reklam sanıp gözüyle geçiyor. Duyurmak istediğiniz şeyi metnin akışına yerleştirin, kutuya almayın. Ölçmesi kolay: o bölüme giden tıklama sayısına bakın, sıfıra yakınsa tasarım suçlu, içerik değil.
Sorunun cevabı sayfada olsun
Fiyat ve teslim süresi en çok aranan, en çok saklanan bilgiler. Bizimle iletişime geçin bir cevap değil. Fiyat gerçekten değişkense aralık verin ve neye göre değiştiğini yazın; ziyaretçi bir sonraki adıma bu bilgiyle geçiyor.
Eksikleri tahminle değil kayıtla bulun. Search Console taraflı bir dizinleme raporu verir, sunucu logu 404 alan adresleri gösterir, site içi aramanın sonuç dönmeyen sorguları ise kullanıcının aradığı ama sizde olmayan şeyi doğrudan yazıya döküyor. En hızlı iyileşme genelde o son listeden çıkıyor.