2020'de Yeniden Tasarlandığını Görmek İstediğimiz 10 Web Sitesi (Ve Neden)
Farklı tasarımcıların harika bir web sitesi yapan şeyleri farklı alır. Ancak, hepimizin kabul edebileceği bir şey, popülerlik asla bir web sitesi tasarımı harika yapmaz. Kanıtımız var.
Bugün tanınmış şirketlerin ve markaların sahip olduğu birkaç popüler web sitesine bir göz atıyoruz. Bu web siteleri her ay milyonlarca ziyaretçi alıyor. Ve dünya çapında tanınmışlar. Tüm bu web sitelerinin ortak bir yanı var - hepsi görsel bir yenileme yapabilir!
Web tasarımı bir endüstri olarak şimdiye kadar gelmiş ve şaşırtıcı yeni teknolojilerle gelişmesine rağmen, hala eski web sitesi tasarımlarını kullanan şirketler var.
Bu markaların değişimden korkup korkmadığından veya tasarıma öncelik vermediğinden emin değiliz. Her iki durumda da, bu web sitelerinin kullanıcılarının daha iyi olması için yenilenmesi gerektiğine inanıyoruz. Nedenini öğrenmek için okumaya devam edin.
Tasarım Kaynaklarını Keşfedin
1. Craigslist
Craigslist internetteki en popüler ilanlar ilanlarından biridir. Craig Newmark, 1995'te Craigslist'i basit bir e-posta listesi olarak başlattı ve 1996'da bir web sitesine dönüştürdü. Görünüşe göre, web sitesinin 1996'da kullandıkları aynı tasarımı kullanıyor olabileceğini varsaymak güvenlidir.
SimilarWeb'e göre, Craigslist her ay 360 milyondan fazla ziyaretçi alıyor. Ancak şimdiye kadar gördüğünüz en kötü web sitesi tasarımlarından birine sahiptir. Craigslist web sitesi tasarımı, bir web sitesi tasarlarken kaçınmak istediğiniz tüm hatalardan oluşur.
Bu Web Sitesi Neden Kötü Görünüyor?
Yeni başlayanlar için Craigslist, herhangi bir görsel ipucu veya yön duygusu olmadan çok dağınık bir tasarıma sahiptir. Web sitesi metin dışında hiçbir şeyden oluşmuyor. Ancak yazı tipi çok küçük ve okumayı zorlaştırıyor. Yazı tipinin parlak mavi rengi kesinlikle okunabilirliği artırmaya yardımcı olmaz.
Her şeyden önce, web sitesi tasarımı duyarlı değil. Farklı çözünürlüklerde ekranlarda görüntülendiğinde korkunç görünüyor. Reklam listelerine göz atma sürecinin, reklam yayınlamak için form tasarımlarının ve web sitesinin neredeyse tüm diğer yönlerinin umutsuzca iyileştirilmesi gerekiyor.
Nasıl geliştirilebilir?
Yazı tipini ve yazı tipi rengini değiştirmek bile bu aşamada Craigslist için bir iyileştirme olarak düşünülebilir. Bununla birlikte, ilham bulmanın daha iyi bir yolu Gumtree web sitesine bakmaktır.
Gumtree İngiltere'nin en büyük ilanlar listesidir. Ve modern web sitesi tasarımı, bir ilan web sitesinde görmek istediğimiz her şeye sahiptir. Daha iyi bir arama işlevi, aramayı daraltmak için filtreler, reklamları taramak için daha iyi önizlemeler ve açıklamalar ve daha fazlası ile kullanıcı dostu bir tasarıma sahiptir.
2. AOL
AOL, İnternet'teki en büyük platform ve herkesin gün içinde kullandığı araçların çoğuna sahip bir şirketti. İnanılmaz bir şey olma potansiyeline sahipti. Ancak, rakiplerinin yükselişi ile AOL zamanın izini kaybetti ve kullanıcıların mevcut ihtiyaçları ile gelişemedi.
Bugün insanlar AOL'nin ne olduğunu neredeyse hiç bilmiyorlar. Hatta sitenin hala çalışır durumda olduğunu görünce şaşırdık. SimilarWeb'e göre, AOL her ay 200 milyondan fazla ziyaretçi alıyor. İlk bakışta, web sitesi harika görünüyor. Peki bunun neden yeniden tasarlanması gerektiğini düşünüyoruz?
Bu Web Sitesi Neden Kötü Görünüyor?
Her zaman olduğu gibi, AOL hala modern kullanıcı arayüzü tasarımına yetişiyor gibi görünüyor, ancak şirket hala birkaç yıl geride. Hala haberlerden havaya eğlence ve daha pek çok şeyle dolu dağınık bir tasarıma sahiptir. Siteyi ziyaret eden herkes, nereye gidileceği ve ne yapılacağı konusunda hemen kafanız karışacaktır.
Web sitesini ziyaret ettiğimizde, otomatik sesli otomatik oynatılan bir video ile bombalandık. İşteyken bir şeyi aramak için AOL kullanma hatasını yapmayın.
Söylemeye gerek yok, AOL'yi ziyaret ettiğinizde kolayca dikkati dağılacak.
Nasıl geliştirilebilir?
AOL web sitesi size başka bir popüler arama motorunu hatırlatabilir. Yahoo! çok benzer bir tasarıma sahipti. Ama artık değil. Yahoo! ne zaman gelişeceğini biliyordu.
AOL'nin Google, Bing ve DuckDuckGo gibi rakiplerinden öğrenebileceği bir şey varsa, insanlar dikkat dağıtıcı olmayan minimal tasarımlara sahip arama motorlarını tercih ediyorlar. Bu yüzden Yahoo! ayrıca minimalist bir web sitesi tasarımına geçildi.
3. Hacker Haberleri
Hacker News, yeni başlayanlar, programcılar ve girişimciler için Reddit gibidir. Hacker News ile ilgili tek bir yayın, başlangıç fikrinizi finanse etmek veya tamamen yok etmek arasındaki fark anlamına gelebilir.
Site, her ay 12 milyondan fazla insanın ziyaret ettiği günümüzde en büyük haber toplayıcı web sitelerinden biridir. Yine de 2007'de kullandığı aynı tasarıma sahiptir.
Bu Web Sitesi Neden Kötü Görünüyor?
Hacker News Craigslist tarafından yapılan aynı hataları yapıyor. Kıyaslayabileceğimiz tek iyi özellik, bu sitenin gözünde kolay bir renkle bir sans-serif yazı tipi kullanmasıdır.
Ancak, site hala yenilenmesi gereken düşmanca bir tasarıma sahiptir. Site tarafından yapılan en büyük hata, ana sayfada gösterilen konuların doğrudan kaynak sayfaya bağlanmasıdır. Hacker News dizisini başlığa tıklayarak açamazsınız.
Ayrıca, daha görsel bir yaklaşım izlediğini görmek isteriz. Ayrıca mobil cihazlar için tasarımı optimize ederken.
Nasıl geliştirilebilir?
Reddit'in Hacker News gibi göründüğünü hatırlıyor musunuz? Neyse ki, Reddit son zamanlarda web sitesi tasarımını yeniledi ve şimdi her zamankinden daha iyi görünüyor.
Hacker News, Reddit'e benzer bir tasarım da benimseyebilir. Bu kadar görsel olmak zorunda değildir, ancak iş parçacıkları vurgulandığında ve birbirinden ayrıldığında site kesinlikle daha iyi görünecektir. Ve kullanıcıların başlığa tıklayarak tartışma konularını açmalarına izin vermek.
4. Berkshire Hathaway
Bunun 700 milyar dolar değerinde varlığa sahip olan ve 4 milyar doları aşan net bir gelir elde eden çok uluslu bir şirketin resmi web sitesi olduğuna inanabiliyor musunuz?
Berkshire Hathaway, dünyanın en zengin insanlarından Warren Buffet'in sahibi olduğu bir şirkettir. Yine de, web sitesini yeniden tasarlamak için birkaç yüz dolar ödeyemeyeceğine inanmak zor.
Bu Web Sitesi Neden Kötü Görünüyor?
Nereden başlayalım? Bu web sitesinde yanlış olan çok şey var. Her şeyden önce, size web sitesinin veya şirketin ne hakkında olduğunu söylemez. Çünkü "hakkında" sayfası yok.
Site, şirketin mevcut durumu hakkında bilgi edinmek için kullanıcıları diğer web sitelerine yönlendiren bağlantıların bir listesi olarak işlev görür. Bunların çoğu ana sayfaya kolayca dahil edilmiş olabilir ve kullanıcılara diğer web sitelerini yükleme zahmetinden kurtulabilirdi.
En kötüsü, site aynı zamanda ana sayfada başka bir araba sigortası web sitesinin tanıtımını yapıyor.
Nasıl geliştirilebilir?
Bu noktada, şirketin küçük bir açıklaması bile bu web sitesini geliştirmek için yeterli olmalıdır. Ancak, Shell Global gibi çok uluslu bir şirketten ilham alabilir.
Berkshire Hathaway, insanlara şirketin yanlış izlenimini vermemek için benzer ve daha görsel bir tasarım da kullanabilir. Ve umarım, web sitesini yatırımcıları ve genel izleyici kitlesi için bir bilgi merkezine dönüştürün.
5. Alfabe
Alfabe, Google'ın ana şirketidir ve adı altında başka birçok marka ve şirket bulunmaktadır. Ancak, web sitesi kendi başına bir gizemdir.
Bu Web Sitesi Neden Kötü Görünüyor?
Alfabe web sitesini ziyaret ederken birkaç sorumuz vardı. “G” Google'ı temsil ediyorsa, başka hangi şirketlere sahiptir? Şirketin CEO'su kim? Yatırımcılarınızı öğrenmek yerine, şirket ve neyi temsil ettiğiniz hakkında daha fazla bilgiyi nereden edinebiliriz?
Web sitesinin ultra minimalist tasarımı nedeniyle pek çok soru cevapsız kaldı. Şirket kurucularının işleri farklı yaptığını anlayabiliriz. Ancak bir şirketin web sitesi işletme hakkında bilgi verebilmelidir.
Nasıl geliştirilebilir?
IBM, Alfabeye doğrudan rakip olmasa ve çok modern bir web sitesine sahip olmasa da, Alfabenin web sitesi tasarımlarından çok şey öğrenebileceğini düşünüyoruz.
IBM, kullanıcıların ürünleri ve hizmetleri hakkında bilgi edinmelerini sağlamak için basit bir navigasyon sistemi kullanır. Daha da önemlisi, şirketin neyle ilgili olduğunu ayrıntılı bir “hakkında” sayfası var. Alfabe, web sitesinde bu özelliklerden birkaçını kullanabilir.
6. Amazon
Amazon, lansmanından bu yana internette dünyanın en büyük perakende web sitesi olmak için uzun bir yol kat etti. Sitenin web sitesi tasarımı da yıllarca aynı kaldı. Yakın zamana kadar yenilenmiş bir ana sayfa tasarımı elde etti.
Ancak, web sitesinin ürün sayfalarında yine de bazı iyileştirmeler yapılabilir.
Bu Web Sitesi Neden Kötü Görünüyor?
Amazon ürün sayfaları, sitede yeniyseniz sizi şaşırtabilecek en sinir bozucu tasarıma sahiptir. Bir ürünü görüntülerken, tam ekran sayfa düzeni keşfetmeyi zorlaştırır.
Ürün açıklamaları çok uzun ve daha kolay okumak için iyi biçimlendirilmemiş. Bir ürün hakkında daha fazla bilgi edinmek için aşağı kaydırdığınızda, ilk önce doğru ürün sayfasında olup olmadığınızı merak etmenizi sağlayacak çok fazla satış ve benzer ürün önerileriyle bombardımana maruz kalırsınız.
Web sitesinin ödeme işlemi büyük bir yeniden tasarım da kullanabilir.
Nasıl geliştirilebilir?
Yüz binlerce ürün sayfasını yeniden tasarlamak kolay bir iş değildir. Muhtemelen Amazon bu nedenle ürün sayfaları için yeni bir düzen düşünmemiştir. Bununla birlikte, daha kullanıcı dostu bir tasarım kullanan Best Buy gibi rakiplerinden çok şey öğrenebileceklerine inanıyoruz.
Tam ekran düzeni yerine Best Buy, ürün sayfaları için kutulu bir tasarım kullanır. Ürünün farklı varyasyonları da yan tarafta düzgün bir şekilde sergileniyor. Ve ürün açıklamaları kolay tarama için farklı bölümlere biçimlendirilmiştir. Uygun bir ürün sayfası bu şekilde tasarlanır.
7. IMDb
IMDb veya Internet Movie Database, filmler ve TV şovları hakkında her şeyi öğrenmek için kullanılan bir platformdur. Web sitesi her ay 500 milyondan fazla ziyaretçi alıyor.
IMDb ana sayfasını ziyaret ettiğinizde harika görünüyor. Koyu renk temalı tam ekran bir tasarıma sahiptir. İçeriğini kolayca keşfetmek için filmlerin ve TV şovlarının büyük önizlemeleri.
Ancak, bir ürün sayfası açana kadar bekleyin. IMDb ana sayfası ile ürün sayfası arasındaki fark gece ve gündüz gibidir.
Bu Web Sitesi Neden Kötü Görünüyor?
IMDb web sitesinin ana sayfası yakın zamanda yenilenmiş olsa da, filmler ve TV şovları için ürün sayfası düzenleri aynı kaldı. Bu düzen çok dar bir kutu tasarımı kullanır. Bu, sayfaların dağınık görünmesini ve sayfada gezinmeyi ve daha fazla bilgi bulmayı daha zor hale getirir. Yazı tipinin korkunç seçimi, içeriğini de okumayı zorlaştırır.
Nasıl geliştirilebilir?
IMDb kesinlikle Metacritic sayfa tasarımından birkaç ders öğrenebilir.
Metacritic, temiz ve tam ekran bir sayfa tasarımı kullanır. Ayrıntıların ve açıklamaların okunması daha kolaydır. Ve görsel unsurlarla net navigasyon sunar. Aynı tasarım yaklaşımı IMDb ile de uyumludur.
8. Wikipedia
Her ay 1, 3 milyardan fazla ziyaretçiyle Wikipedia, İnternet üzerinde herkesin yaşamı boyunca en az bir kez ziyaret ettiği en iyi web sitelerinden biridir.
Ancak web sitesi, bugün daha alakalı hale getirmek ve mevcut kitlelere hitap etmek için hala büyük bir yenilemeye ihtiyaç duyuyor.
Bu Web Sitesi Neden Kötü Görünüyor?
Wikipedia, bağışlarla korunan kar amacı gütmeyen bir web sitesi olduğundan, tasarımına çok katı olamayız. Sonuçta, bir kamu hizmeti sunuyor.
Ancak, makale sayfaları için daha iyi bir tasarımın çok daha kullanışlı ve kullanıcı dostu olabileceğini düşünüyoruz. Özellikle genç izleyicileri çekmek için.
Makalelerin içerik biçimlendirmesi çok çalışma gerektiriyor. Wikipedia makaleleri tam ekran bir tasarım kullanır ve sonuç olarak metin paragrafları çok uzun uzatılır. Ve okumayı zorlaştırıyor.
Her şeyden önce, site uygun bir navigasyon sistemine ihtiyaç duyuyor.
Nasıl geliştirilebilir?
Britannica'nın günleri bitmiş olsa da, Wikipedia yine de web sitesi tasarımlarından birkaç püf noktası öğrenebilir.
Örneğin, Britannica'nın sayfa düzenlerinde, kullanıcıların makalenin farklı bölümlerine atlayabileceği yapışkan bir gezinme paneli bulunur. Ayrıca, okunabilirliği artıran daha iyi biçimlendirmeye sahip çok daha iyi bir sayfa tasarımına sahiptir.
Wikipedia'nın böyle bir tasarımı olsaydı, sitede içeriğini okumak için daha fazla zaman harcayacağız.
9. İleri Teknoloji Üniversitesi
“Gelişen teknolojiler” konusunda uzmanlaşmış bir üniversiteye ait böyle bir web sitesi bulmakta oldukça şok olduk. Her nasılsa üniversite, web tasarım teknolojilerindeki uzun yıllara dayanan ilerlemeleri kaçırmış görünüyor.
Bu Web Sitesi Neden Kötü Görünüyor?
Yeni başlayanlar için, animasyonlu dönen navigasyon menüsü bizi en çok sinirlendiren şeydir. Bir öğeyi tıklama şansınızı kaçırırsanız, öğenin size geri dönmesi için beklemeniz gerekir. Muhtemelen şimdiye kadar gördüğümüz en sinir bozucu navigasyon tasarımı.
Nasıl geliştirilebilir?
Bir kişinin bir üniversite web sitesini ziyaret etmesinin ana nedeni, üniversitenin kendisi, programları ve kursları hakkında bilgi edinmektir. Bu, kolej turunu göstermeyi de içerir. Dersleri kolayca bulmak için kategorize navigasyon dahildir. Ve öğretmenler ve üniversitenin itibarı ile ilgili sayfalar. Bu web sitesinin tamamı başarısız oldu.
Stanford Üniversitesi web sitesi bu işi nasıl yapacağınıza iyi bir örnektir.
10. W3Schools
W3Schools kodlamayı öğrenmek için popüler bir çevrimiçi kaynaktır. Hem yeni başlayanlar hem de uzmanlar olan birçok web tasarımcısı ve programcısı için iyi bilinen bir sitedir. SimilarWeb'e göre site oldukça popüler. Her ay 50 milyondan fazla ziyaretçi alıyor.
Geniş bir bilgilendirici kurs koleksiyonuna sahiptir, ancak kurs sayfalarının tasarımlarında biraz iyileşme olabilir.
Bu Web Sitesi Neden Kötü Görünüyor?
W3Schools kursları kısa dersler içerir, ancak doğrudan uygulamalı bir yaklaşımla. Bu, bir kod düzenleyicisi kullanarak her derste öğrendiklerinizi uygulamayı içerir.
Ancak, kod düzenleyicinin çalışması için ayrı olarak yüklenmesi gerekir. Bu, bir ders öğrenmek için tarayıcınızda iki sekmenin açık olması gerektiği anlamına gelir.
Nasıl geliştirilebilir?
Çevrimiçi öğrenme platformu tasarımına, özellikle kodlama kurslarına yaklaşmanın daha iyi bir yolu, öğrencilerin oynayabileceği canlı önizlemelere sahip bir sanal alan sağlamaktır. CodeAcademy tam olarak bunu yapar.
CodeAcademy kurslarındaki her ders, bir kod düzenleyici ve canlı önizleme ile birlikte dersin ayrıntılı olarak sunulduğu üç panele sahiptir. Bu, öğrencilerin daha pratik bir yaklaşımla öğrenmeleri için çok daha kolay bir yol sağlar. W3Schools'un tam da ihtiyacı olan şey.
Sonuç olarak
Tüm bu web sitelerinden öğrenebileceğimiz bir şey varsa, markanızın ve şirketinizin çevrimiçi varlığını önemsemek bugün her zamankinden daha önemlidir. Yukarıda gördüğünüz gibi, kötü bir web sitesi tasarımı, bir markanın yanlış izlenimini almak için tek gereken şeydir. Umarım bu şirketler nihayet duyularına ulaşır ve en azından bu on yıl içinde web sitelerini yeniler.
){kind=link}