Tasarım Eleştiri arşiv sayfasına hoş geldiniz!
İlginç bir web siteye denk geldim. Normalde, bu gördüğünüz tasarımın yapım aşamasında olan bir web sitede ziyaretçileri bilgilendirme amaçlı olması gerekirdi. Firma logosu, iletişim bilgileri ve yakın zamanda web sitenin yayında olacağını belirten bir yazı.
Fakat bu web sitede, hazır bir sistem kullanılmış. Fakat o sistemi sunan web sitenin linki de burada gözüküyor. Bu, ücretsiz bir sürüm kullanılmış gibi izlenim veriyor. Potansiyel müşteriler açısından olumsuz bir durum.
Ayrıca PORTFOLYO butonuna tıklayınca web sitede bir yerlere gitsin diyorsunuz ama yine harici bir sitede-uygulamada PDF katalog açılıyor ve sayfalar arasında geziyorsunuz.
Sağ üstteki ok nedir diyorsunuz. Paylaş butonu ama ne amaçla kullanılabilir? Orada web site linkini paylaşabileceğiniz karekod çıkıyor.
Web site, beni neden ziyaret ettiniz, başka sayfalara yönelmelisiniz der gibi. Sürekli başından savmaya çalışıyor gibi.
Galeri sayfası, bir web sitenin vitrinidir. Bütün ürünler, projeler burada sunulur.
Web sitede galeri görsellerinin ön izlemeleri çok küçük kullanılmış. Her sırada 2 veya 3 görsel kullanılabilirdi.
Ayrıca görseller, tıklandığı zaman 1000 piksel genişliğinde büyüyorlar. Full HD ekranların genişliği 1920 piksel iken, 1000 piksel biraz küçük geliyor Daha yüksek çözünürlüklü ekranlarda daha küçük görünmek demek. En azından 1600 piksel civarında bir genişlik kullanılmalı, eğer görseller kopyalanma vb. risk barındırmıyorsa. Öyle bir durum için de watermark vb. şeyler de kullanılabilir. Ama sonuçta bir vitrin ve vitrinde sunulan ürünler müşterilere net olarak gösterilmeli.
Bazı web sitelerde Hizmetler, Projeler vb. sayfalarda bu tarz yanlış kullanımlar görüyorum.
Projeler bölümünde 8 tane proje paylaşılmış. Görsellerin üstüne gelindiğinde büyüteç ikonu beliriyor. Tıklandığında ise bu şekilde Lightbox açılıyor.
Buradaki yanlışlık şu: Eğer burada amaç Projeleri, Hizmetleri göstermek ise, oraya tıklandığında o projenin veya hizmetin sayfasına gitmeli. Web site ziyaretçisi bunu bekler. Tıklayınca, bunun aslında bir fotoğraf galerisi olduğu ortaya çıkıyor.
Eğer fotoğraf galerisi ise, o zaman sağda ve solda oklar olmalı, görseller arasında geçiş yapılabilmeli.
Şu anki kullanım şekli ile, amaç sadece ilgili bölümün fotoğrafını büyük göstermek. Diğer hata da tam burada başlıyor. Her fotoğraf için farklı çözünürlükler belirlenmiş. Kiminde ekran tamamen kaplanıyor, kiminde yarısı, kiminde daha da küçük kısmı.
Web sitede Müşteri Yorumları için sayfa açılmış ama içerik eklenmemiş.
İçerik eklenmediği için sayfa uzunluğu da kısa kalmış ve gerekli ayarlama yapılmadığı için footer bölümü yukarıya çıkarak aşağıda beyaz boşluk oluşmuş.
Henüz içeriği olmayan sayfaları gizlemek en doğrusu. Eğer gözükmesi isteniyorsa da, içeriğin yakın zamanda ekleneceği ile ilgili bir not düşülebilir. Ama birçok web sitede yapıldığı gibi, bu notu düşerek aylarca-yıllarca içerik eklememe gibi durum da yapılmamalı.
Dün paylaştığım web sitenin Instagram sayfasında son paylaşım tarihinin 222 hafta önce olduğunu gördüm. Yani 4 yıl 3 aylık bir süre yapıyor.
Bu durum, firmalar açısından son derece olumsuz bir durum. Firmayı, internet sitelerinden ve sosyal medyadan incelemek isteyen potansiyel müşterileri kaçıracak bir durum.
Firmayı kısaca araştırdım. Hâlâ faaliyetteler.
Eğer Instagram hesaplarına erişimlerini kaybettiler ve hesaplarını kurtaramadılar ise, yeni Instagram hesabı açabilirler; bunu da istemiyorlarsa web sitelerindeki Instagram’a yönlendirdikleri bölümü kaldırabilirler en azından. Tabi sonrasında da Instagram ile iletişime geçerek hesabın firmalarına ait olduğunu ve kapatılması için talepte bulunabilirler.
Bu şekilde kalması ciddi bir dezavantaj.
Ama ben, hesaba erişimi kaybettiklerini düşünmüyorum. Bence Instagram ile ilgilenilmemiş.
Web sitenin ana sayfasında sosyal medya sayfaları için bir bölüm kullanılmış ama sağ tarafta küçücük yuvarlak bir Instagram ikonuna yer verilmiş. Üstelik bir arka plan rengi verilmemiş, beyaz bir çerçeve. Çok yanlış bir kullanım olmuş.
Bu bölümün tamamı tıklanır olabilirdi ama kullanıcılar, kendilerini faaliyete geçirecek bir buton isterler. Yazının altında daha büyük bir buton olabilirdi veya yazının kendisi buton olarak tıklanabilir olabilirdi. Tabi böyle olması durumunda telefon mockup’ı ve yazı (buton), bu bölüme yatay ortalı olmalıydı.
Ayrıca yazım hatası yapılmış. Sıklıkla yapılan hatalardan birisi. Eğer bu bir başlık ise, her kelimenin ilk harfi büyük olabilir. Veya her harf büyük yazılabilir. Burada Sosyal Medya kelimesi özel ismimiş gibi davranılmış, ondan dolayı büyük harflerle başlayıp kesme işareti ile ayrılmış diyeceğim ama takip kelimesi küçük harfle, Edin kelimesi ise büyük harfle başlayınca bu düşüncemin doğru olmadığını görüyorum.
BİZİ SOSYAL MEDYADA TAKİP EDİN! veya Bizi Sosyal Medyada Takip Edin! olabilirdi. İlle de kesme işareti kullanılmak isteniyorsa Bizi Instagram’da Takip Edin! yazılabilir.
Artık Tasarım Eleştiri‘de web site incelemeleri yaparken sadece hatalara ve eksikliklere odaklanmayacağım. Doğru yapılan şeylere de yer vereceğim.
Bugün bahsetmek istediğim bölüm Blog bölümü. Web sitelerde Blog sayfaları açılır ve birkaç içerik paylaşılır. Bu içeriklerin yayınlanma tarihleri de gözükür. Fakat bir süre sonra içerik paylaşmaya ara verilir ve üzerinden çoğu zaman seneler geçer.
Bu sebeple ben, bu sitede olduğu gibi yayınlanma tarihinin paylaşılmamasını öneriyorum. Çünkü bu yazan tarih, ayla hatta yıllar öncesinin tarihi olduğunda potansiyel müşterilerin gözünde firmanın faaliyette olmadığı izlenimi veriliyor.
Fakat bu sayfayı güncel tutacak ve sürekli paylaşım yapacaksanız tabi ki yayınlanma tarihi paylaşmak sizin yararınıza olacaktır. Bu durumda da firmanızın aktif olduğu izlenimi olacaktır. Ayrıca arama motorlarındaki sıralamanızda ciddi katkıları olacaktır.
Açıkçası web siteye girdiğimde birkaç saniye daha bekledim. Kutuların içinde görsellerin yükleneceğini sandım.
Kötü bir tercihte bulunulmuş. Kutuların üzerine gelindiğinde, 3. kutuda gösterdiğim şekilde açıklamalar gözüküyor. Yazıların daha rahat okunabilmesi için tek renk düşünülmüş ama her kutunun içinde bir görsel ve üzerine yeteri kadar siyahlık ekleyerek daha güzel bir görünüme kavuşturulabilirdi.
Tabi ayrıca yazılar dikey olarak doğru ortalanmamış, boşluklar eşit değil.
Web sitelerde güncel tarihli olmayan kataloglar görebiliyorum. Özellikle Ana Sayfada, menüde KATALOG butonu veya sayfası olunca ve buraya tıklandığında birkaç yıl öncesine ait katalog ile karşılaşınca, potansiyel müşterileriniz için firmanız hakkında ciddi anlamda olumsuz bir düşünce oluşacaktır.
Eğer ürünleriniz ve hizmetleriniz güncel ise, katalog tarihinizi güncellemelisiniz.
Web sitede menü sayfaları koyu font ile yazıldığı için ve arka planda video oynatıldığı için, seçilen video da koyu renkli karelerden oluştuğu için yazıları okuyabilmek oldukça güç.
Bu video kullanıldığı sürece font rengi beyaz olabilirdi. Ama benim önerim, şeffaflıktan vazgeçip menünün olduğu bölümün arka plan renginin beyaz yapılması. Böylelikle sorun çözülmüş olacaktır.
Bu hata çoğunlukla web site açıldığında bizi karşılayan Hero bölümünde yapılıyor.
LinkedIn‘de bazı profesyonellerin hesabında Deneyim bölümünde aşağıdaki şekilde şirket bilgisi görüyorum.
Sahibi oldukları şirketin LinkedIn şirket hesabı olmadığı için bu bölüme tanımlayamıyorlar.
Çok basit bir işlem. Ücretsiz olarak LinkedIn şirket hesaplarını açıp, profil resmi ve diğer bilgileri doldurarak bu bölümde şirketlerine ait LinkedIn sayfasını gösterebilirler.
Blog, haber vb. sitelerde yorumlar bölümünün olması normaldir fakat kurumsal web sitelerde bu, belli durumlar ve bazı sayfalar haricinde son derece yanlıştır.
Ekran görüntüsünü paylaştığım yorum bölümü bir firmanın web sitesinden. Hizmetler sayfasına ait tüm alt sayfalarda yorum yapma özelliği aktif. Bu hem gereksiz, hem de çok yanlış.
Türkçe de çok yanlış kullanılmış. Y harfleri küçük harfle yazılmış. Ayrıca ilk kutuda Adınız yazması gerekiyor.
Butonun rengi ve fontu uyumsuz. Kutuların içindeki yazıların font boyutları da uyumsuz. hem tamamen gereksiz bir bölüm olmuş, hem de tamamıyla kötü bir tasarım.
LinkedIn bağlantılarımdan bir firma sahibinin profilinde görerek tıkladığım bir web site bağlantısında bu görüntü ile karşılaştım.
Sebebini net olarak bilmem mümkün değil. Ödenmemiş fatura, sunucu kaynak limitinin aşılması veya hizmet kullanım şartlarına aykırılık olabilir.
Bu tür sorunlara anlık olarak müdahale edilmeli. Firma ve firma sahibi için olumsuz bir durum. Potansiyel veya mevcut müşterileri eğer web siteye girmek isterse ve bu hata ile karşılaşırsa olası iş fırsatlarını kaçırma riskleri mevcut. Bu durumun yaşandığına birçok kez şahit oldum.
Web sitelerde sıklıkla karşıma çıkan hatalardan biri. Türkçe web sitelerde İngilizce kelimelerin olması.
Bu durum, Türkçe konuşurken araya İngilizce kelimeler eklemek gibi bir durum değil. Çoğunlukla hazır şablonlar kullanırken yaşanıyor; yazılar Türkçe’ye çevrilirken bazı kelimeler atlanıyor.
Ama ben her zaman yazdığımı yine yazmak istiyorum: Web siteyi tasarlayan-geliştiren kişi veya ajans, firmanın sahibi, yöneticileri, çalışanları, hiç kimse görmüyor mu bu hataları?
1 kişinin bile gözüne çarpmıyor mu?
Türkçe ve İngilizce web sitelerde aynı hataları farklı şekillerde görüyorum.
Mesela Türkçe web sitede HAKKIMIZDA yerine HAKKİMİZDA yazıldığını görmüyorum. Ama İLETİŞİM yerine ILETISIM, ILETIŞIM, İLETIŞIM yazıldığını görebiliyorum.
Yerli firmaların İngilizce web sitelerinde ise mesela COMMUNICATION yerine COMMUNİCATİON yazıldığını, SERVICES yerine SERVİCES yazdılığını görebiliyorum.
I ve İ harfleri iki dilde de olmaması gerektiği gibi kullanılıyor.
LinkedIn‘de bağlantı kurduğum profesyonellerin profillerindeki web site linklerine çoğu zaman tıklarım.
Belki yarısından fazlasında web site linkinin hatalı olduğunu görüyorum. Web site ya hiç yayında olmuyor, ya da bir hata mesajı karşılıyor. Bazen alan adlarını da kontrol ederim, alan adının kaydedilmediğini de görebiliyorum.
Bu durum sizin ve markanız için ciddi anlamda olumsuz bir durum. Web site linkinize tıklandığında bir hata sayfası görmek, potansiyel veya müşterinizin dijital dünyada yüzüne kapıyı kapatmak demektir.
Firma ismi geçtiği için yorumları gizlemek zorunda kaldım.
Google’da bir işletme hesabı ve tüm değerlendirmeler 1 yıldızlı.
Firma faaliyetlerine ve reklamlarına devam ediyor. Bu kadar şikayete rağmen hâlâ iş yapabilmeleri ve para kazanabilmeleri çok tuhaf.
Muhtemelen ileride isim değişikliği ile hiçbir şey olmamış gibi yollarına devam ederler.
Fotoğrafa baktığımızda Türkiye’den bir ajans diyebiliyor muyuz?
Bu tür stok fotoğraf kullanımını doğru bulmuyorum. Özellikle Ekibimiz vb. sayfalar için. Çünkü yalan oluyor bu.
Paylaştığım web sitede ajans kelimesi geçse de, bir kişiye ait web sitesi. Stok görsele de sağ tıklanınca Getty Images başlığını görebiliyoruz. Ayrıca görselde bir hata var, üstten basık duruyor. Görseli, belirlenen alana sığdırmak için CSS ile çok basit şekilde çözebilmek varken bu hata yapılmış.
Web sitede Blog, Haberler gibi sayfalardaki son paylaşımın üzerinden aylar, yıllar geçmiş olduğunda firmanın güncel olarak faaliyette olup olmadığı ile ilgili bir ikilem oluşuyor.
Bu sebeple bu paylaşımlara ya tarih bilgisi eklenmemeli ya da bu bölümler sürekli güncel tutulmalı.
Web sitede 1641 piksel genişliğin altında ciddi bir sorun mevcut.
1642 piksel ve üstünde hiçbir sorun yok. Ama ekran küçüldükçe, cep telefonu görünümü de dahil tüm responsive görünümlerde sağ tarafta bembeyaz bölüm bizi karşılıyor.
Fark edilmemesi ve bir çözüm üretilmemesi çok tuhaf.
Web sitenin tasarım & geliştirme aşamasında sosyal medya butonları ekleniyor ve firmadan bu sayfaların linkleri talep ediliyor.
Bu süreç uzayınca unutulup gidebiliyor. Ortada işlevi olmayan bu görüntü kalıyor.
Burada web tasarımcı & geliştirici ne yapmalı? Basit bir Google araması ile firmanın var olan sosyal medya hesaplarını bulmalı ve eklemeli.
Aslında çözüm birkaç dakikalık.
Web sitede butonun içinde telefon ikonu ve telefon numarası kullanılmış. Bu durumda butona tıklandığında doğrudan arama yapmaya yönlendirilmesi gerekiyordu ama öyle olmuyor.
Bir sayfaya da yönlenmiyor. Sadece görüntü olarak telefon numarası yazılmış gibi.
tel:+905XXXXXXXXX şeklinde link eklenmeliydi.