10 Kötü Web Sitesi Tasarımı Hataları

Yazan makale:
  • Web Sitesi Tasarımı
  • Güncelleme: Ağustos 03, 2017

Yerel toplum kolejinde ders almış olsanız da siteleri yıllardır tasarlıyorya da gittiğinizde amatör bir öğrenmedir, ziyaretçilerin sitelerinde zaman geçirmekten keyif almasını istiyorsa, her web tasarımcısının kaçınması gereken bazı şeyler vardır.

Muhtemelen bir web sitesine atıfta bulunarak “yapışkan” kelimesini duymuşsunuzdur.

Bu, ziyaretçinin gezinmek istediği bir site anlamına gelir. Bu, tarayıcıyla birlikte kaldığı ve yer işaretleri ve sık kullanılan sitelerdir. Bir sitenin yapışkan olmasını sağlayan çok fazla öğe var, bu tamamen başka bir konu.

Ancak, kesinlikle ziyaretçilerin uzaklaşmak istediği bir site haline getirebilecek bazı web tasarım hataları vardır. Burada tasarım no-no'su, kaçınmanız gerekenler.

#1 Hatası: Jarring Renkler

Gözlerini ya da birbiriyle çatışan renkleri incittikçe parlak olan renkler, bir site ziyaretçisinin bir web sayfasından kaçmak isteyebilmesini sağlayabilir. Web sitenizin temasını planlarken, birbirini tamamlayan renkleri seçmeyi deneyin. Sarı, nadiren ana renk olarak çalışır, ancak bir aksan olarak iyi görünebilir. Gökkuşağının her rengini kullanmak, nadiren de iyi bir fikirdir.

Site Başlığı: Moradito

Kötü Tasarım Örnekleri

Bu site, bulmaca tipi bir desende akla gelebilecek hemen her rengi kullanır. Bunu tarif etmenin tek yolu çirkin.

Hata #2: Çok Fazla Grafik

Web sayfanızı grafiklerle karıştırırsanız, iki farklı şey gerçekleşir. Birincisi, sayfa o kadar yoğunlaşıyor ki, ziyaretçiler nereye tıklayacaklarını ya da ilk olarak bakmak istediklerini bilmeyebilirler. İkincisi, bir tarayıcı daha yavaş bir İnternet bağlantısına sahipse, sayfanın yüklenmesi çok uzun sürebilir. 30 saniye sonra, çoğu kişi başka bir siteye gidip yola devam edecek. Her şeyin anında olduğu bir yaşta yaşıyoruz. Müşterinin dikkatini ilk birkaç saniyede almazsanız, onu tamamen kaybetme riskiyle karşı karşıyasınız.

Site Başlığı: Pine-Sol

Kötü Tasarım Örnekleri

Bu sitenin çok fazla grafikleri var, sadece karmaşık görünüyor.

Sayısız grafiğin üstünde, görüntüler sayfanın her yerinde dolaşıyor, bu yüzden ziyaretçi görüntülerden birine tıklamak istese bile, fareyle onları kovalamak zorunda kalacaktı.

Hata #3: Yavaş Yük Süresi

Web siteniz o kadar yavaş yükleniyor ki, ziyaretçinin geri dönmeden önce bir fincan kahve ve bir çörek alması için zamanı var mı?

Flaş, ses, tonlarca yüksek çözünürlüklü grafik veya java betiği gibi çok fazla eleman eklemek, bir sitenin daha yavaş ve daha yavaş yüklenmesine neden olabilir. Ziyaretçilerinizin çoğunun yüksek hızda olmasına rağmen, çevirmeli ve sitenize çok yavaş yüklenirse sitenize erişemeyen kırsal müşterileri de unutmayın.

Kullanıcı deneyimi için sadece hız değil, aynı zamanda çok önemli bir sıralama faktörüdür. Sayfa hızı, 2010'te bir arama motoru sıralaması faktörü oldu ve 2016, Haziran ayında Google, özellikle mobil sayfalarınızın sayfa hızına bakmak için sayfa hızı sıralama faktörünü güncelleyeceğini bildirdi. Google’ın aramalarının yarısından fazlası için mobil arama muhasebesiyle, mobil sayfa hızının da optimize edilmesi gerekir.

- Kaynak: Daha iyi site hızıyla SEO'nuzu artırın

Site Başlığı: Benim Müzesi

Kötü Tasarım Örnekleri

Bu web sitesindeki flaş, çok yavaş yüklenmesine neden oluyor. Bunun üzerine, flaşı atlamak için kolayca görülebilir bir bağlantı yoktur. Daha yavaş indirme hızına sahip tarayıcılar, bu siteyi siteden çıkacak ve asla geri dönmeyecek şekilde yükleyecek kadar hantal olacak.

Bahşiş: Site hızını kontrol edin ve iyileştirme tavsiyesi alın Google Page Speed ​​Insights.

Hata #4: Çok Fazla Reklam

İçerik web siteleri ve bloglar, ürünler satmak yerine reklamdan para kazanır. Ancak, birçok web sitesi sahibinin başarısız olduğu yerde, çok fazla reklam ekleyerek, ziyaretçinin içerikle reklamlar arasındaki farkı anlayamadığıdır. Ziyaretçinin makaleyi veya bir makalenin kalanını bulmak için arama yapması gerekiyorsa, sayfada çok fazla reklam var demektir. Siteye yerleştirilen bir veya iki reklam en iyisidir. Bundan daha fazlası ve tarayıcılarınızı rahatsız etmekten korkuyorsunuz.

Aslında, bir dijital reklam raporu 2012’de Upstream ve YouGov’un yürüttükleri, tüketicilerin% 20’i hakkında bir şirketin çok fazla reklam vermesi durumunda bu şirketi bir daha kullanamayacağını söylediler.

Site Başlığı: Hemmy.net

Kötü Tasarım Örnekleri

Bu web sitesinin çeşitli sayfalarında, sayfanın üst kısmındaki görüntüleme alanının tamamı, farklı türde 90% reklamlarıdır. Sayfanın içeriğine ulaşmak için aşağı kaydırmak gerekir. Orada bile, boyunca yayılan ek reklamlar var. Siteye odaklanmak zor olduğu için çok rahatsız edici.

Hata #5: Amatör Fotoğraf Düzenleme

Hiçbir şey düzgün düzenlenmemiş bir görüntüden daha yüksek sesle amatör haykırıyor. Bu tür bir içeriğe sahip web siteleri, bulanık kenarlıklar, otomatik olarak düzeltilen renkler, iki resmin birbirine eklendiği veya garip yeniden boyutlandırılan oranlar olduğunu açıkça belirten zayıf katmanlama teknikleriyle görüntüleri kesebilir.

Site Başlığı: Peter Otobüsleri

Kötü Tasarım Örnekleri

Bu sayfadaki grafiklerde birkaç sorun var.

İlk olarak, sayfa üzerinde aşağıya doğru dizilmiş ve amatörce görünen şeffaf bir arka plan yerine beyaz olan bir otobüs var. Sağdaki iki fotoğraf da, oranlar korunmadan uzatıldıkça ve yeniden boyutlandıkları için sorunludur. Fotoğraflar dikkat çekiyor ve sağdaki insanlar, Lilliput topraklarında devler olabilecek kadar uzanıyorlar.

Bahşiş: Ücretsiz resim düzenleme araçlarını çevrimiçi olarak kullanın: Canva, Pic Maymun

#6 Hatası: Üç Yıllık Bir Tasarım Yaratılabilir

Web siteniz Microsoft Word'ü açmış gibi görünüyorsa, Word Sanatının bir parçasını oluşturduysanız ve siteyi internete yüklediyseniz, tasarım öğelerinizi yeniden düşünmek isteyebilirsiniz. Basitlik, bazı daha yoğun sitelerin hoş bir rahatlama olsa da, çok basit giderseniz, sitenizi genç ve ucuz görünümlü bir şekilde riske atarsınız.

Site Başlığı: Cyber ​​D-Sign Clan

Kötü Tasarım Örnekleri

Kötü Tasarım Örnekleri

Bu tasarım, basit bir Microsoft desen arka planı ve Word Art olarak hemen tanınabileceği kadar basit.

Tasarımcı, standart tasarım MS ile başlayan kelimelerin renklerini bile değiştirmedi. Bunun üzerine, bir açılır sayfa yüklenmeye çalışır. Bu, giriş atladığınızda ve ana sayfaya tıkladıktan sonra tasarım daha iyiyse göz ardı edilebilir. Bununla birlikte, bağlantılı sayfanın tasarımı (aşağıda) sadece hayal kırıklığı yaratıyor.

#7 Hatası: Kötü Gezinme

Bir web sitesi görsel olarak çekici bir tasarıma sahip olsa bile, ziyaretçiler hayal kırıklığına uğrayabilir ve kötü navigasyondan kurtulabilir. Örneğin, net bir bağlantıya sahip olmayan veya çok fazla öğe içeren siteler, nereye gidileceğine karar vermek zor. Birçok web sitesi sahibinin karşılaştığı bir sorun, aniden büyüyen büyük bir sitedir. Site beş sayfa olduğunda işe yarayan gezinme, site 500 sayfaları olduğunda işe yaramaz. Sitenin nasıl yeniden işlenebileceğine ve kategorilere ve alt kategorilere nasıl yeniden yapılandırılabileceğine bakın, böylece ziyaretçiler istedikleri yere tam olarak nereye gideceğini anlayacaktır. Ayrıca bir arama kutusu eklemek akıllıcadır.

Site Başlığı: LawnSignDirectory.com

Kötü Tasarım Örnekleri

Ziyaretçi kendi bölgeleri için aranabilir bir yön bekler, ancak bunun yerine sayfanın sol tarafında listelenen düzinelerce link, sağdaki reklamlar ve birkaç özellikli işletme var. Bu site, organizasyon yapısının yenilenmesinden yararlanabilir, böylece ziyaretçiler avladıkları kaynakları kolayca bulabilirler.

Hata #8: Metin Sorunları

Yoğun bir arka plan kullanan ve sonra yeterli kontrast sağlamayan bir metin rengi seçen web tasarımcıları, web sayfalarını okunamaz hale getirir. Bir ziyaretçinin gözleri bir makaleyi okuduktan sonra incinirse, neden sitenizin daha fazla sayfasını okumak için uğraşır? Yoğun bir arka plan seçmeniz gerekiyorsa, en azından sağlam bir arka plana sahip bir kutu, katman veya içerik tablosu yerleştirin ve karşısındaki bir metin rengini seçin. Griden griden kaçınmaya çalışın, ancak açık pembe, koyu kırmızı, siyah üzerine beyazı seçin.

Birbiriyle üst üste binen kelimeler, kısmen grafiklerin kısmen üst üste geldiği paragraflar ve kısmen de sağlam bir arka plan üzerinde okunması zordur.

Site Başlığı: Bermuda Triangle

Kötü Tasarım Örnekleri

Bu sitede sadece karşıtlık sorunları var, aynı zamanda metin diğer metinlerle çakışıyor ve okunması neredeyse imkansız hale geliyor.

#9 Hatası: Typos

Hiçbir şey göze batmayan yazım hataları ve dilbilgisi sorunları daha profesyonelce çığlık alamaz. Kimse mükemmel olmasa da, yaklaşmaya çalışabilirsin. Sayfalarınıza bakmak ve bu hataları bulmanıza yardımcı olmak için arkadaşlarınıza ve ailenize sorun veya sayfalarınızı kanıtlamak için profesyonel bir editör edinin. Aşağıdaki örnek sadece eğlence içindir. Bu gerçek bir web tasarım şirketi değil, profesyonel bir firmanın nasıl ortaya çıktığına dair bir dil yanlısı bir bakış.

Site Başlığı: Web Tek Rocks

Kötü Tasarım Örnekleri

Bir yazım hatası gözden kaçırılabilir, ancak bu site bazı gölgeli sitelerin hatalarla nasıl dolduğunu gösterir. Sitenizi web'e koymanıza yardımcı olmak isteyen bir şirket için, kendi sitenizdeki sorunları düzeltmeden önce bir süre daha iyi vakit geçirmeniz daha iyi olur. “Özel” yazılmıştır SPECAIL; “Uzmanlık” hecelenir “experteze”; “Youselves'e yardım etmeyi” önermektedirler; "Yapabiliriz yapılı Siteniz herkesten daha hızlı! ”

Bahşiş: Nasıl öğrenin yazım hatası ve kendi yazdığınız hataları yakalayın.

Hata #10: Açıklayamayacağınız Kadar Kötü

Bazı web siteleri tasarımda aslında sadece kötüdür. Bazen, siteyi gözleriniz için acı verici kılan bir şey değil, ama sitedeki hemen hemen her şey.

Çirkin renkler, zayıf navigasyon ve diğer öğelerden oluşan bir kombinasyon olabilir. Neyse ki, bu siteler çok nadirdir, ancak onları görüntülemek size ne olduğunu bilmenize yardımcı olabilir değil sitenizi tasarlarken yapmak.

Site Başlığı: The Afterlife

Kötü Tasarım Örnekleri

Bu site, tanımlaması zor olan çok korkunç. İlk olarak, nöbetlere eğilimli olan herkes bu bölgeden uzak durmalıdır, çünkü nöbet geçirmeyen bir kişide bile bir nöbet tetiklemesi muhtemeldir. Site kaydırır, animasyonlu ve yanıp sönen grafiklerle doldurulur. Bunun üzerine, grafikler, çoğunlukla bandana gitar çalmaya başlayan bir bebekle sona ermiyor. Cesaretin varsa ziyaret et.

Lori Soard hakkında

Lori Soard 1996'ten beri serbest yazar ve editör olarak çalışıyor. İngilizce eğitiminde lisans ve Gazetecilik alanında doktora sahibidir. Makaleleri gazetelerde, dergilerde, çevrimiçi olarak yayınlandı ve yayınlanmış birkaç kitabı vardı. 1997'ten beri, yazarlar ve küçük işletmeler için bir web tasarımcısı ve destekleyici olarak çalıştı. Hatta popüler bir arama motoru için kısa bir zaman sıralama web siteleri için çalıştı ve bir takım müşteriler için derinlemesine SEO taktiklerini inceliyordu. Okurlarından duymayı sever.