En Yaygın Web Tasarım Hataları – Bir Web Sitesi İçin Tabut

Yayınlanan: 2017-02-25

Her gün pek çok web sitesi aynı sayıda tasarım konseptiyle yayına giriyor, şimdiye kadar gördüğümüz en iyi tasarımlardan bazılarıyla karşılaşıyoruz ve diğer yandan bazen o web sitesi için bir tabut olduğunu kanıtlayan çok aptalca tasarlanmış web siteleriyle karşılaşıyoruz. Söz konusu web sitesine gelen herhangi bir yeni ziyaretçi kendini kaybolmuş olarak bulacak ve bu tür bir tasarımla web sitesini terk edecektir. Şimdi asıl soru, web sitemizi nasıl tasarlamalıyız veya web tasarımcılarının yaptığı en yaygın web tasarım hataları nelerdir?

Bir web sitesi oluşturmak göz korkutucu olabilir, ancak asıl zorluk onu kullanılabilir hale getirmektir. Sorun şu ki, çoğu web tasarımcısı web sitesinin kendileri için değil, kullanıcıların ihtiyaçlarını çözmek için yaratıldığını unutuyor. Pratiklik ve kullanılabilirlik üzerinde yaratıcılığa öncelik verirler.

biraz görelim,

En Yaygın Web Tasarım Hataları

Görmüş olabileceğimiz veya görmemiş olabileceğimiz birçok hatadan, web tasarımcılarının yaptığı en büyük hatalardan bahsedeceğiz.

#1 Arama Kutusunda Ara

Web bir bilgi arşivi gibidir. Kurumsal bir web sitesi veya sadece bir blog olsun, bir arama kutusu önemlidir. Ziyaretçi, arama kutusuyla web sitesinde gizlenmiş bir şey arıyor olabilir, muhtemelen ziyaretçiler istediklerini alacaklardır.

Öneriler: Google Özel Arama , başlamak için düzgün, basit ve etkili bir yoldur. Ziyaretçilerin sitenizi verimli bir şekilde aramasını sağlar. HTML kodunu kontrol panelinden kopyalayın ve web sitenize yapıştırın, işte bu kadar, web sitenizde bir arama işlevi var.

#2 Kötü Okunabilirlik ve Belirsizlik

Bu, web tasarımının çok önemli bir unsurudur. Elbette iyi bir arayüz tasarımı kullanıcıların dikkatini çekecektir ancak kullanıcıların istedikleri bilgiyi kavrayabilmeleri için metni okumaları gerekmektedir. Bazı web siteleri, okumayı zorlaştıran en tuhaf yazı tipi stillerini ve boyutlarını kullanır.

Öneriler: Neyse ki, kullanıcıların web sitenizdeki okuma deneyimini geliştirmek için yapabileceğiniz basit yollar var.

  1. Çoğu büyük sitenin renk şemalarını karşılaştırın ve renklerin okunabilirliği nasıl iyileştirdiğini görün. Farklı renk şemalarını denemek için iyi bir yer Adobe Kuler'dir .
  2. Web'de kolay okumaya izin verdiği için bir Sans serif yazı tipi kullanın

#3 Dağınık İçerik Düzeni

Bir web sitesinin içeriği, ona trafik çeken şeydir. İçeriğin nasıl yapılandırıldığı, onu başarılı veya başarısız yapacaktır. Kullanıcılar kesinlikle gerekli olmadıkça okumazlar, ancak bilgileri tararlar ve bir web sayfasındaki ilgi çekici noktaları seçerler. Bazı tasarımcılar web sayfasına sadece bir metin bloğu koyar ve başlıkları, alt başlıkları, madde işaretlerini, anahtar kelimeleri, paragrafları vb. tamamen ihmal eder.

Kullanıcıların tam olarak nerede olduklarını bilmeleri için her web sayfası için uygun bir sayfa başlığı kullanın. Bazı tasarımcılar web sayfasına isim vermeyi bile unutuyor.

Genel olarak, bu kategorideki en kötü şey, web sitenize hatalı, erişilemez, önemsiz veya güncel olmayan içerik koymak olacaktır. İçerik, web sitesinin genel temasıyla örtüşmeli ve faydalı olmalıdır. Bir sayfa yapım aşamasındaysa, neden onu koymakla uğraşasınız ki? Bir tasarımcının gerçekten yapması gerekiyorsa, bu sadece geçicidir ve 3 hafta artık geçici olarak kabul edilmeyecektir.

Öneriler: Web sitenizdeki içeriği HTML kullanarak düzenleyin ve sayfalarınızın tasarımı oluşturulurken CSS kullanılmalıdır.

  1. Kenar boşluklarını kullanarak metniniz ve resimleriniz arasında yeterli boşluk oluşturun.
  2. Güncelleyin ve tutarlı olun . Güncellemenin amacı sadece yeni içerik eklemek değil, aynı zamanda geçmişteki hataları tespit edip düzeltmektir.

#4 Navigasyon Sorunları

Bir web sitesi içinde gezinme sorunsuz olmalıdır. Kullanıcılar yollarını kolayca bulabilmelidir. Bir web sitesinde gezinme için bir standart olmasa da, özellikle şimdi daha yeni web geliştirme teknolojileri ortaya çıktıkça, gezinmenin sezgisel ve tutarlı olması gerektiğini anlamak zorunludur.

Metin gezinme olarak kullanılıyorsa, kısa olmalıdır. Görsel metaforlar yeniden icat edilmemelidir. Köprüler kullanılıyorsa, metnin gövdesinden ayrılmalıdırlar. Ölü linklerin hiçbir web sayfasında yeri olmamalıdır. Bu, kullanıcının kafa karışıklığını artırır ve zaman kaybına neden olur. Ve daha da kötüsü, ana sayfada ana sayfaya bağlanan bir bağlantıya sahip olmaktır.

Öneriler:

  1. Tüm bağlantılar için metin açıklamalarını kullanarak gezinmeyi sorunsuz hale getirin. Resimler için alternatif metin sağlayın. Flash veya Javascript bağlantıları için alternatif metin açıklama tekniklerini kullanın.
  2. Gezinmenizi web sitesinin temasıyla birlikte düzenleyin ve yapılandırın. Kişisel web siteleri daha yaratıcı ancak erişilebilir olmayı karşılayabilir ancak bir iş web sitesi daha fazla verimlilik ve netlik gerektirir.

Unutmayın, kullanıcılar 3 tıklamadan daha kısa sürede aradıklarını bulamazlarsa, çoğu hemen ayrılacaktır.

#5 Düzensiz Arayüz Planlaması

Aşırı yaratıcılık sadece bu olabilir. Aşırı! Bazı tasarımcılar, bir web sitesindeki her web sayfası için farklı tasarımlar oluşturarak web siteleri oluştururken bunu başka bir düzeye taşır. Bu hiçbir şekilde kullanıcı için kafa karıştırıcı değildir. Ve tamamen sinir bozucu. Bir web sitesi ne kadar olağanüstü ve çekici olursa olsun, genel görünüm ve his tutarlı değilse, kullanıcılar web sitesiyle ilişki kuramaz ve daha az kontrol sahibi hissederler. Böylece, gelir gelmez ayrıldılar.

Öneriler:

  1. Sitenin ana bölümlerine bağlantılar içeren her sayfa için standart, tutarlı bir şablon kullanın.
  2. Anahtar kelime basittir. Estetik açıdan basit tasarımlar oluşturun ve kullanıcıların web sitenizde asla kafası karışmasın.

#6 Tepkisizlik

Yatay olarak kaydırmanız gereken web sitelerini ziyaret ettiğimize eminim. Bu, modern web tasarımında mutlak bir hayırdır. İyi bir tasarımcı, çoğu ekran boyutuna uyan web siteleri geliştirecektir. Web siteleri için şu anda optimize edilmiş düzen şu anda 1024 x 768 pikseldir.

Öneriler: Özellikle ziyaretçiler artık cep telefonlarından ve netbook'lardan gezinirken tasarımı her çözünürlüğe uyacak şekilde sağlamak zor ve neredeyse imkansız, ancak aşağıdaki yollarla genel olarak kullanılan ekran çözünürlüklerinin ne olduğu hakkında kabaca bir fikir edinebiliriz:

  • İstatistiklerinizi kontrol edin – Google Analytics gibi analitik hizmetler, kullandıkları monitör çözünürlüğü hakkında size bilgi sağlar. Bunlar, bir sonraki yenilemenize başlamadan önce bilmeniz gereken faydalı bilgilerdir.
  • W3 Okulları Tarayıcı İstatistikleri – W3 Okulları, netizenler tarafından kullanılan en popüler tarayıcıların açık listelerini verir ve bunları popülerliğe göre sıralar. Başka ilginç ve önemli istatistikler de var.

#7 Karmaşık Kayıt Formları

Kayıt formları zor. Kullanıcıdan ne kadar bilgi istiyorsunuz? Bir kullanıcının web sitenize kaydolmak için milyonlarca ayrıntı girmesi gerektiği günler geride kaldı. Bazı web siteleri, çoğu kayıt alanını zorunlu kılar ve alanları, kullanıcının birkaç denemeden sonra hayal kırıklığına uğradığı ölçüde doğrular. Unutmayın, kullanıcılar bilgi edinmek için bir web sitesini ziyaret eder. Tersi değil.

Someecard'ın basit formu kayıt işlemini zahmetsiz hale getirir.

Öneriler: Web üzerindeki topluluklar arasında kayıt formlarını karşılaştırın ve kayıt işlemi sırasında kullanıcıdan hangi temel bilgilerin istendiğini anlayın.

Daha Fazlası: Web Tasarımında 9 Yaygın Kullanılabilirlik Hatası – Smashing Magazine'deki bu yazı, diğer kullanılabilirlik hatalarının yanı sıra kayıt formlarına derinlemesine bir bakış atıyor.

#8 Web Sitesindeki Aldatıcı Görüntüler

Bir web sayfasında çok fazla resim çok büyük bir sonuçtur. Görüntüler, kullanıcıların dikkatini çekmek için kullanılabilir, ancak aynı zamanda bir oyalama veya sadece ağırlaştırıcı olabilir. Görseller, uygun olduğunda kullanıcıyı göstermek ve yönlendirmek için kullanılmalıdır.

Animasyonlar harika ve güçlü bir ortam. Özellikle uygun şekilde kullanıldığında. Bir web sayfasında bir döngü veya çok fazla olduğunda, kullanıcıların sinirlerini bozar. Kullanıcıların sabrı, zamanı veya kaynakları yoktur, bu nedenle tasarımcılar alternatifler veya daha iyisi, tam sayfa bir animasyon ise atlama düğmesi sunmalıdır.

Daha Fazla: Flash: %99 Kötü – Flash'ı uygun şekilde kullanın. Jakob Nielsen'in bu makaleyi yayınlamasının üzerinden neredeyse 10 yıl geçti ancak Flash kullanılabilirliği, özellikle de Breaks Web Fundamentals parçası açısından hâlâ geçerli.

#9 Karışık Sayfalar, Daha Fazla Boş Alan

Çok fazla tasarımcı boşlukları ve önemini unutuyor. Kendi tasarım yaratıcılıklarına o kadar kapılmışlar ki, bunun onlarla ilgili olmadığını unutuyorlar. Böylece mümkün olduğu kadar tek bir sayfaya sığdırmaya çalışırlar. Sonuç? Meşgul, dağınık ve okunamayan bir sayfa.

kylestand, tasarımlarında boşluktan iyi bir şekilde yararlanır.

Web tasarımında boşlukların önemi hakkında size iyi bir fikir verecek birkaç makale:

  • Dört Beyaz Alan Düzeninin Karşılaştırılması
  • Beyaz Alanın Değeri
  • Beyaz boşluk

#10 Fon Müziği, Büyük Gerileme

Kullanıcılar havalı değil, verimlilik istiyorlar. Ve evet, yüzde 99 web sitenizdeki müziği umursamıyor. Bazı tasarımcılar, her web sayfasına farklı arka plan müziği koyarak durumu daha da kötüleştirir.

Öneriler: Fon müziği kullanmayın , ancak gerekiyorsa kod ve kullanıcı kontrolleri için bir çerçeve oluşturun. Bu şekilde, müzik, web sitesine her yeni sayfa yüklendiğinde değişmek yerine, sürekli olarak döngüye girer. Ve kullanıcı istediği zaman durabilir veya duraklatabilir.

SARMAK

ÖPÜCÜK en alt satırda, oh Basit Tut, Aptal demek istedim. Ve aslında bir web sitesinde insanların en çok sevdiği şey budur, eğer basitse, kolayca kullanılabilir.

Umarım yaygın web tasarımı hataları hakkında çok fazla fikir edinmişsinizdir.

Hatalarla birlikte ilham da gelir, bu yüzden En İyi 10 Web Tasarım Trendini ve Sitenizi Kolayca Erişilebilir Hale Getirmenin Birkaç Yolu'nu okumayı unutmayın.