11 Yaygın Web Tasarım Hataları (Blunders)

İnternette tonlarca web sitesi var ve yüzlerce veya muhtemelen binlerce gün geçtikçe yaratılıyor. İşte düşünmek için çok ilginç bir şey - İyi bir web sitesinin unsurları nelerdir?

Bir web sitesi oluşturmak korkutucu olabilir, ancak asıl zorluk onu kullanılabilir kılmaktır. Sorun çoğu web tasarımcılarının, web sitesinin kendileri için yaratılmadığını, kullanıcıların ihtiyaçlarını çözdüğünü unutmalarıdır. Pratiklik ve kullanılabilirlikten önce yaratıcılık önceliği veriyorlar.

Bu yazıda vurgulamak istiyoruz Web geliştiricileri ve tasarımcılarının yaptığı 11 web tasarımı hatalarını ve bu hataların nasıl kolayca önlenebileceği konusunda bazı öneriler.

1. Arama kutusu nerede??

Web bir bilgi arşivi gibidir. İster kurumsal bir web sitesi isterse sadece bir blog olsun, bir arama kutusu gereklidir. Ziyaretçi, web sitesinde gizlenmiş bir şey arıyor olabilir, arama kutusuyla, olasılıklar, ziyaretçiler istediklerini alır.

Öneriler:Google Özel Arama başlamak için temiz, basit ve etkili bir yoldur. Ziyaretçilerin sitenizi verimli bir şekilde aramalarını sağlar. Sadece HTML kodunu kontrol panelinden kopyalayın ve web sitenize yapıştırın ve voil ??  ?? Ã'Â, web sitenizde bir arama işlevi var.

İşte Google’ın arama motorunu sitenizde de görüntülemek için basit bir form kodu. Tek yapmanız gereken site adını web sitenizin adına göre değiştirmek. Ayrıca, gönderim değerini istediğiniz herhangi bir şeyde değiştirebilirsiniz.

Daha: Kutsal Arama Kutusunu Tasarlamak: Örnekler ve En İyi Uygulama- Bu makale, arama kutusunu tasarlamaya ilişkin yönergeleri detaylandırmaktadır..

2. Kötü Okunabilirlik ve Okunabilirlik.

Bu web tasarımının çok önemli bir unsurudur. Tabii ki, iyi bir arayüz tasarımı, kullanıcıların dikkatini çekecek ancak kullanıcılar istedikleri bilgiyi kavrayabilmek için metin okumak zorunda. Bazı web siteleri en garip font stillerini ve okumayı sıkıntıya sokan boyutları 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.
2. Kullanın Sans serif yazı tipi Web'de kolay okumaya izin verdiği için.

Daha: İşte size okunabilirliği arttırma konusunda daha fazla ipucu verecek iyi bir makale. - Okunabilirlik - Web Sayfalarını Okunması Kolaylaştırır.

3. Organize Olmayan İçerik Düzeni.

Bir web sitesinin içeriği, buna trafik çeken şeydir. İçeriğin nasıl yapılandırıldığı, onu başarılı veya başarısız kılacak şeydir. Kullanıcılar kesinlikle gerekli olmadıkça okumazlar, ancak bilgileri tarar ve bir web sayfasındaki ilgi noktalarını seçerler. Bazı tasarımcılar web sayfasına bir metin bloğu koyup başlıkları, alt başlıkları, madde imleri, anahtar kelimeler, paragraflar, vb..

Her web sayfası için uygun bir sayfa başlığı kullanın, böylece kullanıcılar tam olarak nerede olduklarını bilirler. Bazı tasarımcılar bile web sayfasını adlandırmayı unutuyorlar.

Genel olarak, bu kategorideki en kötü web sitenize yanlış, erişilemez, önemsiz veya güncel olmayan içerik koymak olacaktır. İçerik, web sitesinin genel temasına uymalı ve kullanışlı olmalıdır. Bir sayfa yapım aşamasında ise, neden onu rahatsız etmiyorsunuz? Bir tasarımcı gerçekten mecbur ise, o zaman 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ını oluştururken CSS kullanılmalıdır.

1. Kenar boşluklarını kullanarak metin ve resimleriniz arasında yeterince boşluk oluşturun.
2. Güncelle ve tutarlı ol. Güncellemenin amacı sadece yeni içerik eklemek değil, geçmiş hataları tespit etmek ve düzeltmektir.. Jakob Nielsen bir işe almanı önerir ağ “bahçıvan”.

Bütçenizin bir parçası olarak bir web bahçıvanı kiralamak için bütçe. Yabani otları köklendirmek ve web sitesi değiştikçe çiçekleri tekrarlamak için birine ihtiyacınız var, ancak çoğu kişi zamanını bakımdan çok yeni içerik oluşturmak için harcıyor. Uygulamada, bakım, web sitenizdeki içeriği geliştirmenin ucuz bir yoludur, çünkü birçok eski sayfa alaka düzeyini korur ve yeni sayfalara bağlanmalıdır. Tabii ki, bazı sayfaların son kullanma tarihinden sonra sunucudan tamamen kaldırılması daha iyi - Jakob Nielsen

4. Kötü Gezinti.

Bir web sitesinde gezinti sorunsuz olmalıdır. Kullanıcılar kolayca yollarını bulabilmelidir. Bir web sitesi içerisinde navigasyon için bir standart olmasa da, özellikle şimdi yeni web geliştirme teknolojileri ortaya çıktıkça, navigasyonun 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ı durmaları gerekir. Ölü linklerin hiçbir şekilde web sayfalarında yeri olmamalıdır. Bu kullanıcı karmaşasını arttırır ve zaman harcar. Ve daha da kötüsü, ana sayfada, ana sayfaya bağlantı veren bir bağlantı olması.

Öneriler:

1. Tüm bağlantılar için metin açıklamaları kullanarak gezinmeyi sorunsuz hale getirin. Görüntüler için alt metin sağlayın. Flash veya Javascript bağlantıları için alternatif metin açıklama teknikleri kullanın.
2. Navigasyonunuzu web sitesi temasıyla birlikte düzenleyin ve yapılandırın. Kişisel web siteleri daha yaratıcı ve erişilebilir olabilirler ancak bir işletme web sitesi daha fazla verimlilik ve netlik gerektirir.

Unutmayın, kullanıcılar istediklerini 3 tıklamadan az bir sürede bulamazlarsa, çoğu derhal ayrılacak.

Daha: Etkili Web Sitesi Gezinme Uygulaması - Bu makale, web siteniz için etkili bir gezinme uygulaması hakkında daha fazla bilgi verir..

5. Tutarsız Arayüz Tasarımı.

Aşırı yaratıcılık tam da olabilir. Aşırı! Bazı tasarımcılar, bir web sitesindeki her web sayfası için farklı tasarımlar oluşturarak web siteleri oluştururken başka bir düzeye çıkarır. Bu kesinlikle kullanıcı için kafa karıştırıcı değildir. Ve tamamen sinir bozucu. Bir web sitesi ne kadar çarpıcı ve çekici olursa olsun, genel görünüm ve his tutarlı değilse, kullanıcılar bununla ilişki kuramaz ve kontrolün altında hissedemezler. Böylece, geldikleri anda ayrılmak.

Öneriler:

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

6. Düşmanca Ekran Çözünürlüğü.

Eminim yatay olarak kaydırmanız gereken web sitelerini ziyaret ettik. Bu, modern web tasarımında mutlak bir hayırdır. İyi bir tasarımcı çoğu ekran boyutuna uyan web siteleri geliştirecektir. Şu anda web siteleri için en iyileştirilmiş düzen şu anda 1024 x 768 piksel.

Öneriler:Tasarımı, özellikle ziyaretçiler artık cep telefonlarından ve netbook'lardan gezinirken her çözünürlüğe uyacak kadar zor ve neredeyse imkansız, ancak aşağıdaki yollarla genel olarak kullanılan ekran çözünürlükleri hakkında kaba 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 yenilemeye başlamadan önce bilmeniz gereken yararlı bilgilerdir..
• W3 Schools Tarayıcı İstatistikleri - W3 Okulları netizens tarafından kullanılan en popüler tarayıcıların net listelerini sunar ve popülariteye 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 bir zilyon detayı girmesi gereken günler geride kaldı. Bazı web siteleri çoğu kayıt alanını zorunlu kılar ve birkaç denemeden sonra kullanıcının sinirlendiği ölçüde alanları doğrular. Unutmayın, kullanıcılar bilgi edinmek için bir web sitesini ziyaret eder. Tersi değil.

Someecard'ın basit şekli kayıt işlemini acısız hale getirir.

Öneriler:Kayıt formlarını web'deki topluluklar arasında karşılaştırın ve kayıt işlemi sırasında kullanıcının hangi temel bilgileri gerektirdiğini anlayın.

Daha: Web Tasarımında 9 Genel Kullanılabilirlik Hatası - Smashing Magazine'deki bu yazı, diğer kullanılabilirlik hatalarının yanı sıra kayıt formlarına da derinlemesine bakıyor..

8. Görüntülerin / Animasyonların Acımasız Kullanımı.

Bir web sayfasında çok fazla resim var. Görüntüler kullanıcıların dikkatini çekmek için kullanılabilir, ancak aynı zamanda dikkat dağıtıcı veya sadece düz bir ağırlaştırıcı olabilir. Resimler, kullanıcıyı uygun durumlarda göstermek ve yönlendirmek için kullanılmalıdır.

Animasyonlar harika ve güçlü bir araç. Özellikle uygun şekilde kullanıldığında. Bir döngü ya da bir web sayfasında sadece çok fazla olduğunda, kullanıcıların sinirlerine bürünüyor. Kullanıcıların sabrı, zamanı veya kaynakları yok, bu yüzden tasarımcıların alternatifler sunması gerekiyor ya da daha iyisi, tam sayfa animasyonu ise, atla düğmesi.

Daha: Flash:% 99 Kötü - Flash'ı uygun şekilde kullanın. Jakob Nielsen'in bu makaleyi yayınlamasından bu yana neredeyse 10 yıl geçti, ancak yine de özellikle Flash'ın kullanımıyla ilgili Web Temellerini Kırıyor parça.

9. Dağınık Sayfalar, Daha Fazla Boşluk.

Çok fazla tasarımcı unutuyor Beyaz boşluk ve önemi. Kendi tasarım yaratıcılıklarıyla o kadar iç içedirler ki, onlar hakkında olmadığını unuturlar. Böylece, tek bir sayfada ellerinden geldiğince tıkmaya çalışıyorlar. Sonuç? Meşgul, darmadağın ve okunamayan bir sayfa.

Kylestanding, tasarımlarında boşluktan iyi faydalanmak.

İşte size iyi bir fikir vermek için birkaç makale web tasarımında boşlukların önemi:

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

10. Arka Plan Müziği Yok, Lütfen!

Kullanıcılar serin istemiyor, verimlilik istiyorlar. Ve evet, yüzde 99'u web sitenizdeki müziği önemsemiyor. Bazı tasarımcılar her web sayfasına farklı fon müziği koyarak daha da kötüleşiyor.

Öneriler:Fon müziği kullanma, ancak gerekirse kod ve kullanıcı kontrolleri için bir çerçeve oluşturun. Bu şekilde, müzik web siteye her yeni sayfa yüklendiğinde değişiklik yapmak yerine sürekli tekrar eder. Ve kullanıcı ne zaman durabilir veya durdurabilir.

11. Test, Test ve Test.

Bu fazla vurgulanamaz. Yalnızca belirli bir tarayıcıda görüntülenebilen web sayfalarında kaç kez bulunduk? Web geliştiricileri, web sitelerini test ederken bir tür kontrol listesine sahip olmak zorundadır..

• Web sitesi farklı ortamlarda görüntülenebilir mi?
• Tasarım düzeni tüm tarayıcılarda tutarlı mı?
• Web sitesi, Görüntüler kapalı, JavaScript kapalı, vb. Gibi farklı ayarlarda görüntülenebilir mi??

Öneriler:W3C, kalite güvencesini test etmek için araçlar sunar. Çıkış yapmak W3C Kalite Güvencesi Araç Kutusu ve Web Sayfası Doğrulama.

Sonuç:

Basit olsun, salak (K.I.S.S). Basitse, kullanılabilir. Sonuçta, harika web siteleri basit ve kullanışlı olmasını sağlar. Ödevini yap ve kolay ve doğal gelir.

Web tasarımı projelerindeki deneyimleriniz nelerdir? Web tasarımı hataları ile ilgili başka hangi fikir ve düşünceleri paylaşmak istersiniz??

Editörün Notu: Bu gönderi tarafından yazılmıştır Brujo Owoh Hongkiat.com için. Brujo Owoh, Web Tasarım ve 2D Animasyon üzerine uzmanlaşmış bir Multimedya Sistemleri lisans programıdır. Kurgu okumayı, arkadaşlarıyla takılmayı ve Twitter'daki tasarım trendlerini takip etmeyi seviyor. Brujo'nun blogunu ziyaret et.