Açık Hatalar İçeren 7 Kötü Web Sitesi Tasarımı Örneği

İnternette gezinirseniz , göz alıcı tasarımlara sahip sayısız web sitesi bulacaksınız. Bu web sitelerine girdiğinizde, istediğiniz bilgiyi bulmakta veya doğru alana gitmekte zorlanabilirsiniz. Yani, bu kötü bir web sitesi tasarımına bir örnek.

Sık sık çarpıcı web siteleri tasarlamaktan bahsediyoruz ve bunu yapmak için verimli ipuçlarını paylaşıyoruz. Kuşkusuz, bu ipuçları hayalinizdeki web sitesini tasarlamaya başlamadan önce işe yarar. Ancak kötü web sitesi tasarımları hakkında ne sıklıkla konuşuyoruz?

Kötü web sitesi tasarımı fikirlerine sahip olmanın iyi web sitesi tasarımı kadar önemli olduğunu düşünmüyor musunuz? Berbat web sitesi tasarımlarının önceden nasıl göründüğünü bildiğinizde, bu tasarım eylemlerini web sitenize uygulamaktan kolayca kaçınabilirsiniz.

Bu yazımda, kötü web sitesi tasarımları hakkında sizi aydınlatacak 7 kötü web sitesi tasarımı örneği ile karşılaştım. Bu örneklerden, web sitesi tasarımlarının yapılması ve yapılmaması gerekenleri öğreneceksiniz. Bu web siteleri aynı zamanda web sitesi temalarını, kötü UI ve UX tasarımlarını da yansıtacaktır .

Profesyonel bir web tasarımcısı veya amatör olsanız da, bu yazı sizin için içerikle dolu olacak. Kötü tasarımlı 7 web sitesini listelemeden önce, kötü web sitesi tasarımlarına genel bir bakış atalım.

Kötü Bir Web Sitesi Tasarımı Nasıl Görünür:

Şimdiye kadar birkaç kez kötü web sitesi tasarımından bahsettim. Ancak kötü bir web sitesi tasarımının özelliklerini nasıl bilebilirim ? Kötü tasarlanmış bir web sitesi olduğunu anlayabileceğiniz bazı özellikler var.

Bu özellikleri listelemeden önce, bir kullanıcı web sitenize girerse ve görevini yerine getirmekte zorluk çekiyorsa, bu site tasarımınızın zayıf olduğunun bir işaretidir. Kullanıcının amacı herhangi bir şey olabilir - ürününüz hakkında bilgi edinmek, ürününüzü satın almak veya sadece bir hesap oluşturmak.

Kötü Bir Web Sitesi Tasarımının Özellikleri:

• Dağınık düzen
• Gizli gezinme menüsü
• Basit gezinme bağlantılarının ve düğmelerinin olmaması
• Renk kontrastı eksikliği
• Duyarsız tasarım (Mobil uyumlu değil gibi)
• Okunabilirliği zorlaştıran tutarsız yazı tipleri
• Belirsiz ve kafa karıştırıcı mesaj

Bu özelliklerden yola çıkarak, kötü web sitesi tasarımları hakkında önemli bir fikriniz olabileceğine inanıyorum. Bunlar, hem UI (Kullanıcı Arayüzü) hem de UX (Kullanıcı Deneyimi) tasarımlarını koruyan etkileyici web siteleri tasarlamanıza yardımcı olacaktır.

7 Kötü Web Sitesi Tasarımı Örneği:

Berbat tasarımlara sahip binlerce web sitesi arasından, size en kötü web sitesi tasarımlarının nasıl göründüğüne dair bir fikir verecek kötü tasarlanmış 7 web sitesi seçtim. Öyleyse, bu web sitelerinin giriş ve çıkışlarına bir göz atalım.

Pasifik Kuzeybatı X-ray Inc:

Bu siteye bakınca aklınıza ne geliyor? 90'lı yılların eski bir sitesi gibi görünüyor, değil mi? Suç yok! Bu site, gösterişli mavi renk ile görünüm açısından son derece düşük dereceli gösteriyor . Siteyi dikkat çekici yapan ise uyumsuz metinleri ve renkleridir.

Yazı tipi, renkler, metin boyutu ve metin konumu, hepsi birbiriyle senkronize değil. Ek olarak, web sitesinin ana sayfasına bakarsanız, bir arama çubuğu, kategoriler ve bağlantılar görüntüler. Ama düzensiz ve modası geçmiş görünüyorlar. Site ayrıca gezinme çubuğu, kenar çubukları, CTA düğmesi vb. gibi bazı temel öğelerden yoksundur.

Bu sitenin birinci sınıf bir site statüsünü elde etmesi için tam bir makyaj yapılması gerekiyor . İçerikten stile kadar, tüm bu segmentlerin bir modernizm dokunuşu getirerek ince ayar yapılması gerekiyor. Degrade renk yerine site düz renk kullanmalıdır.

Site, Ana Sayfa, Hakkımızda, Bize Ulaşın vb. sekmeleri gösteren bir gezinme çubuğuna sahip olmalıdır. Site ürün veya hizmet satıyorsa, bu sekmede de görünmelidir. Web sitesi, tipografi ve renk düzeltmenin yanı sıra ilgili ve şeftali görsellerden de yararlanmalıdır.

Bir Bakışta Sitede Neler Yanlış:

• Berbat tipografi ve uyumsuz tasarım rengi
• İçerik ayrıntılarının eksikliği
• Gezinme çubuğu, menü vb. gibi hayati öğelerin eksik olması.

Suzanne Collin'in Kitapları:

Önceki siteden farklı olarak, Suzanne Collin'in sitesinde birkaç sekmeli bir gezinme çubuğu var. Ancak gezinme çubuğu pek iç açıcı görünmüyor . Site tasarımını optimize etmek için sayısız aracın olduğu bu günlerde, bu site mükemmel bir sitenin yakınından bile geçmiyor.

Suzanne Collin'in sitesini ziyaret ederseniz, sitede sizi siteye yapıştıracak hiçbir şey yoktur. İlk olarak, içerik tamamen dağınık görünüyor . Ana sayfanın maksimum kısmı, “ Ötücü Kuşların ve Yılanların Şarkısı ” adlı en çok satan kitap tarafından alındı.

Monoton açıklamalar ve alıntılar içeren 1 kitaptan fazla bahsedilmesi sitenin diğer yönlerini gölgede bırakmıştır. Bunun dışında site, kenar çubuğunda kelimenin tam anlamıyla herhangi bir işlev görmeyen, daha çok görsel rahatsızlığa neden olan bazı bağlantılar gösteriyor.

Sitedeki bir diğer önemli kusur, menüdeki "Çalış" sekmesine tıkladığınızda, kenar çubuğunda görünen kitapların aynı listesini görüntülemesidir. Bu korkunç, değil mi? Genel olarak, Suzanne Collin'in web sitesi daha alakalı içerik, temel öğeler, görseller ve uygun biçimlendirme gerektirir.

Bir Bakışta Sitede Neler Yanlış:

• Ziyaretçileri ikna etmeyen minimum metin
• Site tasarımı ziyaretçi çekmek için çok basit
• görseller fena değil

Arngren:

Arngren, sınıflandırılmış bir reklam sitesi, bir sitenin ne kadar düzensiz olabileceğinin mükemmel bir örneğidir. Tipografiden tüm iskelete kadar, web sitesi sevimsiz ve kaotik görünüyor . Kopyanın fontu çok küçük, o kadar ki metinler okunaksız ve içinden geçmek zor görünüyor.

Web sitesinin en rahatsız edici yönü, düzenidir . Görüntüler birbirine çok yakın yerleştirilerek dağınık bir görünüm elde edilir. Bunun dışında, gezinme menüsü, düzensiz bir şekilde listelenen kategorilere sahip bir kutuda mide bulandırıcı görünüyor.

Bu kategorileri daha da kötü yapan şey, düşüncesiz renk seçimidir. Renkten bahsetmişken, tüm sitede alay konusu oldu. Site, çoğunlukla kırmızı, mavi ve siyah renklerle uyum ve tutarlılıktan yoksun olarak tasarlanmıştır.

Web sitesinin bir diğer olumsuz yanı da kategori listelemesidir . Web sitesinin tüm kategorileri, site tasarımını karmaşık, darmadağın ve göz alıcı hale getiren menüde görünür.

Siteyi göze hoş hale getirmek için , düzen ve içerik dahil olmak üzere sitenin tamamında ciddi bir değişiklik yapılması gerekiyor . Optimum bir görünüm elde etmek için renkler ve yazı tipleri dahil tüm parametrelerin optimize edilmesi gerekir.

Bir Bakışta Sitede Neler Yanlış:

• Navigasyonda zorluk
• Renklerin rastgele ve soluk kullanımı
• Tuhaf tipografi seçimi
• İş hakkında net bir mesajın olmaması

Dünyanın En Kötü Web Sitesi:

Web sitesinin adına baktığınızda, kötü bir site olduğu konusunda net bir izlenim edinirsiniz, değil mi? Site, belki de ekstra trafik getirmek amacıyla böyle adlandırıldı. Sebep ne olursa olsun, site kesinlikle şimdiye kadarki en kötü web sitelerinden biri olarak derecelendirilmeyi hak ediyor.

Site gösterişli ve göz kamaştırıcı renkler gösteriyor, görünüşe göre web sitesi tasarımı hakkında olumsuz yorumlar almak için kasıtlı bir uygulama. Sadece renk değil, site için seçilen font bile çöp dolu.

Sitenin bir başka spoiler'ı da gereksiz animasyon , dikkatin dağılmasına ve ziyaretçilerin siteden ayrılmaya zorlanmasına neden oluyor. Genel olarak, Dünyanın En Kötü Web sitesi, temel web sitesi tasarım hatalarının bariz bir göstergesidir.

Sitenin metin ve arka plan renklerinde kapsamlı bir değişikliğe ihtiyacı var. Ek olarak, net bir mesaj sergilemek için metin içeriğinin uygun şekilde düzenlenmesi ve biçimlendirilmesi gerekir.

Bir Bakışta Sitede Neler Yanlış:

• Yazı tipi ve metin içeriği sorunları
• Metin ve arka planın çakışan renkleri
• Boyutun neyle ilgili olduğuna dair net bir mesaj yok
• Site tamamen biçimlendirilmemiş

Büyük Çirkin Web Sitesi:

Bir önceki site gibi The Big Ugly sitesi de ismiyle olumsuzlukları canlandırıyor. Söylemeye gerek yok , bu web sitesinin amacı aynı zamanda berbat bir site tasarımı sergilemektir . Bu yüzden sitenin adı çirkin gibi kelimelerle seçilmiştir.

Tema, düzen, öğe yerleşimi ve genel site tasarımı berbat. Sitenin göze çarpan yönü, daha çok bir açılış sayfası gibi davranan tek sayfalık bir web sitesi olmasıdır. Ancak belirli bir ürün veya hizmeti tanıtmak yerine birçok harici bağlantı içerir.

Bunun dışında, web sitesinde korkunç bir gezinme sistemi, kusurlu renk şemaları ve birçok bozuk resim bağlantısı var. Sitenin içerdiği tasarım hataları miktarı, açıkça kötü tasarım örneklerinin en güçlü yarışmacılarından biridir.

Web sitesi tasarım sorunlarını gidermek için sitenin renk kombinasyonunu, gezinmeyi, yazı tipi boyutunu ve dış bağlantıları güncellemesi ve iyileştirmesi gerekir.

Bir Bakışta Sitede Neler Yanlış:

• Site genelinde biçimlendirme sorunları
• Görsellerin dış linkleri kırık
• Başlıkların aşırı vurgulanması
• Web sitesi içeriği bilgi derinliğinden yoksundur

Lingscars:

Lingscars, Ling'in arabaları anlamına gelir, yani Ling web sitesinin sahibidir. Web sitesi, uzun vadeli kullanılmış araba kiralamaya dayanmaktadır. Bu, sitenin neyle ilgili olduğunu netleştirdiği anlamına gelir. Ancak sorun, web sitesinin düzeni söz konusu olduğunda ortaya çıkar.

Site , karmaşık öğeler, resimler ve giflerle korkunç görünüyor . Site, hiçbir şey yapmayan ama dikkati dağıtan öğelerin işe yaramaz animasyonunu gösteriyor. Web sitesinin en mide bulandırıcı kısmı, yanlış yerleşimiyle site düzenini tamamen bozan açılış videosudur.

Bunun dışında sitenin genel rengi göz kamaştırıcı saykodelik . Bazı metinler, küçük boyutları ve uygun olmayan renkleri nedeniyle tamamen okunamıyor.

Sitenin ele alınması gereken ilk sorunu biçimlendirmedir. Dikkat çekici bir düzen oluşturmak için resimler, videolar ve diğer öğelerin iyi konumlandırılması gerekir. Bunun dışında site, mevcut renkler ve tipografide büyük değişiklikler gerektiriyor.

Bir Bakışta Sitede Neler Yanlış:

• Renk ve tipografi sorunu
• Resimler, GIF'ler ve diğer öğeler darmadağın görünüyor
• Navigasyon sistemi zayıf ve kafa karıştırıcı
• Gezinme menüsü bağlantıları çalışmıyor

Bella De Soto'nun Web Sitesi:

Bella De Soto'nun web sitesi, neredeyse hiçbir web sitesinin yapmadığı bir şey yapıyor. Web sitesine girdiğinizde, bilgisayarınıza otomatik olarak bir dosya indirir . Bu sadece rahatsız edici değil, aynı zamanda korkutucu. Ziyaretçiler bilinmeyen bir dosyanın indirildiğini görünce panikleyebilir.

Bu web sitesinde ayrıca önceki web sitesi tasarımında fark etmediğiniz daha sakıncalı şeyler var. Ve bu, web sitesi sayfalarının boyutu (uzunluk x genişlik). Sayfalar o kadar uzun ve geniş ki dikey ve yatay olarak kaydırmaktan bıkacaksınız.

Site sayfalarını %20'ye kadar uzaklaştırsanız bile, en altta yer alan resimleri net bir şekilde görüntüleyemezsiniz. Ek olarak, web sitesinin metinleri ve resimleri o kadar yakından yerleştirilmiş ki, tüm siteyi karıştırıyorlar. Genel olarak, site göz alıcı, dikkat dağıtıcı ve şüphesiz bu yazının listelenmesi için güçlü bir rakip.

Siteyi canlandırmak için yapılması gereken ilk şey sitenin içeriğini yapılandırmaktır . Hem metinler hem de resimler optimize edilmeli ve düzenlenmelidir. İkinci olarak, görünümü ve düzeni geliştirmek için site boyutu küçültülmelidir.

Bir Bakışta Sitede Neler Yanlış:

• Yapısal sorunlar içerir
• Site uzunluğu ve genişliği, içeriği açıkça görüntülemek için çok büyük
• Gezinme menüsü yok, sitede gezinmeyi zorlaştırıyor
• İçerik rengi tutarsız

Aldığın şey nedir:

Şık ve zarif tasarımlara sahip web sitelerine aşina olmak çok önemlidir. Bu siteler, web sitelerinizi çarpıcı ve çarpıcı bir şekilde tasarlamanıza yardımcı olacaktır. Ama neden kötü web sitesi tasarımı hakkında bilgi sahibi olmam gerektiğini merak edebilirsiniz. Bu, kötü web sitesi tasarımının herhangi bir özelliğini web sitenize uygulamaktan vazgeçmeniz içindir.

Bunu göz önünde bulundurarak, 7 kötü web sitesi tasarım örneğini içeren bu yazıyı hazırladım . Umarım, yazıları gözden geçirdikten ve bu web sitelerini ziyaret ettikten sonra, web sitesi tasarımlarının nasıl göründüğü ve sitenizi tasarlamak için hangi temaları kullanmanız gerektiği konusunda mutlak bir fikir edineceksiniz.

Bu blogda sizin için kötü web sitesi tasarımları hakkında sahip olduğum tek şey bu. Bir sonraki web sitesi tasarımınız için iyi şanslar ve berbat web sitesi tasarımlarının tüm özelliklerini öğrendikten sonra çivilemenizi dilerim. Ancak sitenizi Elementor ile oluşturmaya karar verirseniz, Elementor için bir eklenti olan ElementsKit'ten yararlanabilirsiniz .