22 Kötü Web Sitesi Örneği 2022

Kötü web sitelerinin en iyi örneklerinden bazılarını görmeye hazır mısınız?

Bu listenin küratörlüğünü yapmak aslında olmamasından daha zor olsa da, sonunda bunu gerçekleştirdik.

Şaşırtıcı bir şekilde, kesinlikle en kötü tasarıma sahip çok sayıda web sitesi var.

Bu tür web sitelerinin bugünlerde harika WordPress temaları ve kullanışlı mobil uyumlu web sitesi oluşturucuları ile var olduğuna inanmak zor.

En kötü web sitelerinden oluşan bir koleksiyon oluşturmak için sayfaları incelerken tasarıma, kullanıcı deneyimine, yükleme süresine, içeriğe ve okunabilirliğe özel önem verdik.

Kötü Web Siteleri (Böylece Aynı Hatayı Yapmazsınız)

1. Pacific Northwest X-Ray Inc.

Pacific Northweast X-Ray, rastladığımız en düşük kaliteli web sitelerinden biridir. Web sitesinin/işletmenin neyle ilgili olduğunu gerçekten bilmiyorsunuz. Ayrıca, web sitesi size onun hakkında daha fazla bilgi edinmek istemeniz için hiçbir neden sunmuyor.

Sayfa, olabileceği kadar eski modadır - arama sorgunuzu yazmakla veya herhangi bir bağlantıyı tıklamakla uğraşmak zorunda kalmadan, mümkün olduğunca çabuk sayfadan çıkmak istemenize neden olur.

2. Blinkee

Blinkee'nin masaüstü sürümü biraz iyi olsa da (gerçekten değil), gerçekten düşük bir mobil kullanıcı deneyimi sunuyor.

Kahraman bölümü, öğeler statik olsaydı çok daha iyi olurdu, çok başlangıç ​​seviyesindedir. Ayrıca marka ve renk seçimi kapalı, herhangi bir desen takip edilmiyor.

Blinkee ile ilgili tek iyi şey, canlı sohbet işlevi ve uygun çok düzeyli açılır menüdür.

3. Ling'in Arabaları

Ling's Cars'ın aşırı gösterişliliği, neye bakacağınızdan emin olamamanızı sağlıyor. Çok fazla dikkat dağıtıyor (ancak bazen Asya/Japon web siteleri tam olarak böyledir). Ayrıca, düzen yanıt vermiyor, bu da mobil cihazlarda bilgileri ve öğeleri bulmanızı zorlaştırıyor.

Son olarak, video tüm animasyonlarda tamamen kayboluyor, bu yüzden onsuz çok daha iyi olur.

4. Büyük Çirkin Web Sitesi

The Big Ugly Web Sitesi'nin amacının ne olduğundan emin değilim, ancak gerçekten kötü bir web sitesi örneği vermek istiyorlarsa kesinlikle onu çivilediler. Ve bağlantıları tıklamaya başladığınızda işler daha da kötüye gidiyor.

Bu tek sayfalık web sitesi, renk seçenekleri nedeniyle genel tasarımdan yoksundur ve mobil görünüm yoktur.

Son olarak, sol üst köşedeki küçük “f” simgesi tıklanabilir değildir.

5. Arngren

Eski usul sarı bir sayfaya mı yoksa bir web sitesine mi bakıyoruz? Arngren, iyi bir kullanıcı deneyimi yaratmayı hiç düşünmeden yapan kötü bir web sitesi örneğidir.

Küçük yazı tiplerine sahip görsel kolajı mobilde şeklini değiştirmiyor. Kahretsin, masaüstünde sola ve sağa kaydırmanız bile gerekiyor (gerçekten büyük bir ekran kullanmıyorsanız).

Hızlı bir şekilde gözden geçirmek isteseniz bile – yapamazsınız.

6. CAVS

CAVS, metinleri ve resimleri için animasyon yaparken kötü bir seçim yaptı. Bununla birlikte, görüntüler için o kadar da kötü değil, ancak metnin okunmasını çok daha zorlaştırıyor.

Dahası, web sitesi O KADAR uzun ki, bir an önce kaydırmayı bırakmak isteyeceksiniz.

7. Takım İşaretlerini Etiketle

Büyük ve cesur web tasarımı gerçekten iyi çalışabilse de, Tag Team Signs bunu doğru yapmadı. Renk seçimi, tipografi ve arka plan resimleri en ufak bir profesyonellik belirtisi göstermiyor. Ve bu, işaretler tasarlayan insanlardan geliyor.

Bana mantıklı gelmiyor.

Tek iyi sayfa öğesi, temiz bir iletişim formu ve şirket ayrıntıları içeren "İletişime geçin" bölümüdür (ancak hepsini mobilde görmezsiniz).

8. Dünyanın Şimdiye Kadarki En Kötü Web Sitesi

Dünyanın Şimdiye Kadarki En Kötü Web Sitesinin ana amacı web tasarımının nasıl YAPILMAYACAĞINI göstermekse, bunu kesinlikle başardılar.

Gösterişli ayrıntılar, alakasız beyaz boşluklar, banner reklamlar, parlak renkler ve tamamen tepkisizlik, görebileceğiniz kötü özelliklerden bazılarıdır.

Sayfada gezinirken sizi neşelendirebilecek tek şey, şarkıyı çaldıktan sonradır - ancak oynatıcıyı bulmak zordur.

9. İyi okumalar

Goodreads'in masaüstü tasarımının ve kullanıcı deneyiminin bu kadar düşük olduğuna inanmak güç. Hey, gerçekten çok büyük bir işten bahsediyoruz.

Bu listedeki en kötüsü olmaktan çok uzak olsa da, korkunç gezinme ile çok basit bir tasarıma sahiptir.

Şans eseri, mobil düzen çok daha iyi – ancak yine de platformdan en iyi şekilde yararlanmak için uygulamayı indirmek daha iyi.

10. Bella De Soto

Eyvah! Sizi dosyaları otomatik olarak indirmeye zorlayan bir web sitesinden uzak durmak istiyorsunuz. Cihazınıza zarar vermek istediklerini söylemiyorum, ancak bu sadece kötü bir uygulama (hey, spam gönderenler, güvenilirliğimizi mahvettiğiniz için teşekkürler).

Ancak Bella De Soto'nun web sitesinin yaptığı tek kötü şey bu değil. Üst üste içerik, düşük kaliteli animasyonlar, bulması zor navigasyon – bunların hepsi kötü.

Cevaplanabilirlik? Uzayda kayboldum.

11. Suzanne Collins

Suzanne Collins'in web sitesi mutlaka kötü bir web sitesi örneği değil, onunla ne yapacağınız konusunda size herhangi bir neden sunmayan temel bir web sitesidir.

Web sitesi tasarım ve performans açısından iyileştirilebilir. (Bu, Suzanne Collins gibi bir yazar söz konusu olduğunda hakkında konuşmamamız gereken bir şey.)

Ve kitaplarına gelince, onları alabileceğiniz herhangi bir harekete geçirici mesaj (CTA) düğmesi yok. Ancak birçok yetkiliden gelen referanslar harika.

12. Berkshire Hathaway

Berkshire Hathaway, kötü bir görünüme sahip, resim içermeyen, sadece köprüler olan bir dizin hissi veriyor.

Bu web sitesi yalnızca tam olarak ne aradıklarını bilenler ve en başta Berkshire Hathaway'e aşina olanlar için yararlı olabilir.

Şaşırtıcı bir şekilde, mobil cihazlarda iyi performans gösteriyor, ancak bir şey bulmak zor.

13. Yale Sanat Okulu

Yale Sanat Okulu'nu (dünyadaki) en kötü web siteleri listesine eklediğime inanamıyorum. Sadece web sitesine güvenselerdi, okul bu kadar popüler olmazdı.

Arka plan, renk seçimleri, içerik biçimlendirme ve zahmetli gezinme, modern standartlara yaklaşamayacak kadar eski.

Web sitesi mobil uyumlu olsa da deneyim öyle değil.

14. Yaşam Eyleminin Canlanması

İçeriği içeriğin üstüne yerleştirme uygulamasını daha önce gördük ve işte başka bir örnek.

Life Action Revival, bu gün ve çağda olmaması gereken kötü bir web sitesi tasarımıdır.

Kimse size bunların neyle ilgili olduğunu söylemeseydi, sayfayı ziyaret ederek anlayamazdınız.

Ayrıca, öğelerin seçimi işe yaramazken, kod parçacıkları/bozuk kod durumu daha da kötüleştirir.

15. Ryder Ripps

Ryder Ripps, (birçok kırık) köprü ve birkaç resim içeren bir ton beyaz boşluktan başka bir şey değildir. Web sitesinde ayrıca, anında kalitesiz olduğu izlenimini veren bir SSL sertifikası yoktur.

Ve bu, IG'de 10 binden fazla takipçisi olan kavramsal bir sanatçıdan gelen bir web sitesi.

16. Hacker Haberleri

20+ yıl önce olsaydı, o zaman Hacker News ile tamamen iyi olurdum - ama bugün değil!

Size hakkında daha fazla bilgi verecek gezinme veya başlık içermeyen eski usul bir forum/mesaj tarzı sayfa.

Ayrıca, bağlantılar sizi başka bir web sitesine yönlendirir (ve yeni bir sekmede açılmaz), bu da Hacker News'e geri dönme olasılığınızı azaltır.

17. Penny Suyu

Penny Juice, kötü ve profesyonel olmayan bir web sitesine harika bir örnektir. Adı olmasaydı, bu işin ne işe yaradığını anlamakta zorluk çekerdin.

Üstbilgiden altbilgiye, görüntü seçimine (stok görüntüler hayır-hayırdır) ve mobil performansa kadar tasarım iyileştirmesi için çok yer var - hepsi düşük dereceli.

18. Zorla Rapor

Drudge Report çok uzun bir süredir ortalıkta dolaşıyor ve düzenli olarak yeni içerik yayınlıyor olsalar da, tasarımı ilk piyasaya sürüldüğü yıldan kalma gibi görünüyor.

Tasarım, gezinme ve bulunması zor bir arama çubuğu olmayan kötü bir web sitesine harika bir örnektir.

Kısacası, Drudge Report'un ne hakkında olduğunu bilmiyorsanız, herhangi bir şey bulmak zor olacaktır (ve küçük metin boyutu buna büyük ölçüde katkıda bulunur).

19. Toronto Kek

Yemek resimleri genellikle yemeği gerçek üründen daha lezzetli gösterse de, Toronto Cupcake için durumun böyle olduğundan şüpheliyim. Ve bu, bunu kötü bir web sitesi örneği yapan faktörlerden sadece biri.

Genel web tasarımı, süper basit bir ürün sayfası ve alışveriş sepeti ile aynı zamanda eski (iyi bir şekilde değil) hissi veriyor. Çekici değil; tam tersine, çok eğlenceli ve ilgi çekici olabilse de cesaret kırıcı.

20. 007 Müzesi

James Bond'un 007 Müzesi'nden çok daha iyisini hak ettiğini düşünüyorum. Kötü bir web sitesine ilişkin bu harika örnek, yapmamanız gerekenlerle ilgili birçok kutucuğu işaretler.

Sayfa yanıt vermiyor ve yüklenmesi sonsuza kadar sürüyor. Yazı tipi seçimi ve düzensiz yapı, çok uzun açılış sayfasıyla birlikte hoş olmayan bir deneyim yaratır.

Toronto Cupcake'e benzer şekilde, 007 Müzesi çok daha eğlenceli ve ilgi çekici olabilir.

21. Lipton

Lipton devasa bir marka ama web sitesini ziyaret ettiğinizde bu izlenimi edinmiyorsunuz. Düşük kaliteli ürün ve stok görsellerinin tümü yeniden yapılmalı/tekrar çekilmelidir çünkü bunlar markayı zayıf bir şekilde aydınlatır.

Kendi başına kötü bir web sitesi değil, ancak dünyanın en büyük işletmelerinin bile harika bir çevrimiçi varlığa sahip olamayabileceğinin harika bir örneği.

Her zaman iyileştirme için yer vardır.

22. Yahoo!

Asla Yahoo hayranı olmadım! İnternet sitesi. O kadar çok malzemeyle doldurulmuş ki, içeriğine göz atma deneyimini tatsız ve rahatsız edici hale getiriyor.

Kesinlikle genel tasarımı ve kullanıcı deneyimini geliştirmek için çalışıyorlar ama bu çok uzun sürüyor. Ancak, mobil cihazlarda masaüstünden çok daha iyi çalışan ender kötü web sitelerinden biridir.

Bir Web Sitesini İyi Yapan Nedir?

Ziyaretçilerin geri dönmek istemesini sağlayacak harika bir site oluşturmak için izlemeniz gereken temel özelliklerden sadece birkaçı:

• Mobil ve hız optimizasyonu : Herhangi bir türde web sitesi oluştururken sağlamanız gereken ilk şeylerden biri mükemmel performanstır. Bunu, birinci sınıf bir kullanıcı deneyimini garanti eden duyarlı ve hızlı yüklenen bir sayfayla elde edersiniz. Artı, çok daha fazla Google meyve suyu alacaksınız.
• Basit ve temiz görünüm : Animasyonlar ve özel efektlerle dolu (tam olarak ne istediğinizi bilmiyorsanız) oldukça yaratıcı bir web tasarımı yerine basit, minimalist bir web tasarımı hedeflemelisiniz. Beyaz boşluk kullanımı da önemlidir ve daha iyi UX'e katkıda bulunacaktır.
• Gezinme : Pratik bir menü ve arama çubuğuyla web sitenize veya blogunuza harika bir gezinilebilirlik kazandırın.
• Kaliteli resimler/içerik : Web sitenizde asla düşük kaliteli görsel içerik veya gereğinden fazla kullanılmış bazı stok görseller ve videolar kullanmayın. Tercihen kendi içeriğinizi oluşturun.
• Güvenilir web barındırma : İstediğiniz başarıya ulaşmak istiyorsanız, SSL sertifikasına sahip harika bir barındırma olmazsa olmazdır. Barındırma, web sitenizin hızlı yüklenmesinde de büyük rol oynar.
• Marka bilinci oluşturma : İşletmenizi herkese hatırlatmaya devam etmek için sayfanızın temasını kullandığınız marka öğeleriyle zenginleştirin (veya en azından marka ayrıntılarını kullanın).

Bugünlerde bir web sitesi oluşturmak için sonsuz seçeneğiniz var.

Her ikisi de harika bir web sitesi oluşturmak için ihtiyacınız olan tüm kaynakları sunan çok amaçlı bir WordPress temasını seçebilir veya web sitesi oluşturucu yazılımı seçebilirsiniz.

Tabii kodlama ve tasarım bilgisi olmadan!