Tasarım Eleştiri arşiv sayfasına hoş geldiniz!
Web sitelerin Footer bölümünde (yani en alt kısmında) çoğunlukla iletişim bilgileri, sosyal medya hesapları, web sitedeki sayfalar, yasal sayfalar gibi içerikler yer alır.
Ben Footer bölümünde ve İletişim sayfasında adres bilgilerine Google Maps linki eklenmesini öneriyorum.
Ayrıca e-posta adreslerine tıklandığında e-posta uygulamasına yönlendirmeli. (Bu çoğu zaman doğru yapılıyor.)
Telefon numaralarına ise tel: eklenmeli ki özellikle mobilde tıklandığı zaman o telefon numarası, arama ekranında açılmalı.
Sosyal medya hesapları ise sadece Facebook, Instagram metinleri veya logolarından ibaret olmamalı; sosyal medya hesaplarının linkleri eklenmeli. en çok atlanan durumlardan birisi bu. Bu süreç çoğu zaman şöyle ilerliyor. Web sitesi tasarımcısı-geliştiricisi en çok kullanılan sosyal medya uygulamalarının ikonlarını veya adlarını siteye ekliyor ve firmadan adres uzantılarını istiyor. Firma tarafından bazen uzun süre bazen hiç gelmiyor bu bilgiler. Öylece duruyor. Oysa kısa bir arama motoru araştırması ile 1-2 dakikada hepsine ulaşılabilir.
Güzel bir web sitesi oluşturma düşüncesiyle başlanılan proje ama sonu doğru getirilmemiş.
Ana Sayfa’da bir Slider karşılıyor bizi. Aşağıda sağ ve sol oklar var. Sağ alt tarafta ise hangi Slider sayfasında olduğumuzu göstermesi gereken çizgili işaretler. Fakat o kısım çalışmıyor.
Sağ ve sol oklar ile, sadece 2 Slider sayfası olduğu için ve sonsuz döngü veya başa sarma aktif olmadığı için ilerleyemiyorsunuz. Son sayfaya geldiğinizi gösteren bir işaret de yok. Bu işaret, son sayfaya geldiğinizde ileriye gidemeyeceğinizi gösteren, ok ikonunun gri renkli versiyonu olabilirdi, tabi son sayfaya gelindiğinde ilk sayfaya geçilmesi istenmiyorsa. Ama bu istek çok mantıklı değil.
Ayrıca en az 3 veya 4 sayfa olmalıydı Slider. Bu hâliyle içerik baya eksik kalmış. Üstelik web sitenin en görünen yerinde.
2. ekran görüntümde satırların arasındaki boşlukları paylaştım. Büyük bir tutarsızlık yapılmış burada da.
1. Slider sayfasında KURUMSAL sayfasına yönlendiren buton yazısı kullanılmış.
2. Slider sayfasında ÜRÜNLERİMİZ sayfasına yönlendiriyor.
Buton şeklinde beyaz arka planda daha belirgin olabilirdi. Çünkü sitenin genelinde butonlar zaten bu tarzda kullanılmış.
Grafik tasarımcı bir arkadaşımız için kişisel web sitesi projesine başladım.
İlk başlarda web sitesi olmalı mı olmamalı mı diye tereddütte olduğunu belirtti. Çünkü Behance, Dribbble gibi platformları aktif olarak kullanıyordu.
Kendisi ile uzun uzun konuştuk. Web sitesi yaptırmak zorunda değildi. Benimle çalışmak zorunda da değildi. Fakat profesyonellerin web sitelerini olması gerektiği konusu benim kırmızı çizgim.
Kendisine birkaç öneride bulundum.
Kişisel web sitesine sahip olmak Behance, Dribbble gibi sitelerden vazgeçmek değildi. Kişisel web sitesinde sadece bir fotoğrafı, ismi, ne iş yaptığı yazsa; oradan Behance, Dribbble profillerinin linkleri paylaşılsa bile yeterliydi. Tabi ki daha fazlası olmalı.
Fakat web sitesi, bahsettiğim en az şeylere bile sahip olsa yine de önemliydi.
Sadece bir e-posta gönderirken bile isim@gmail.com’dan göndermek farklıdır, isim@website.com‘dan göndermek farklıdır.Ki isimsoyisim@gmail.com gibi e-posta adreslerine bir çoğumuz maalesef sahip değilizdir, bizden önce başkaları tarafından alınmıştır. Kullandığımız e-posta adresleri isim-nick-0742@gmail.com gibi adreslerdir.
Çalışma Masası Günlüğü web sitemi takip etmenizi öneriyorum.
Tasarım Eleştiri web sitemde çoğunlukla web siteleri olmak üzere eleştiriler yapıyorum.
Fakat Çalışma Masası Günlüğü web sitemde işimle alakalı paylaşımlarda bulunuyorum.
Bir LinkedIn hesabında yeniden denk geldiğim durum. Bir firma sahibi LinkedIn profilinde firmasına ait olduğunu düşündüğüm web sitesi linki ipaylaşmış.
Tıkladığımda web site açılmadı.
Merak edip alan adının kayıt edilip edilmediğine baktım. Kaydedilmemiş.
Web arşive girdim ve web sitesi daha önce yayında mıydı diye baktım. Geçen yıla ait bir kayda ulaştım sadece. Bir ajansa (!) yaptırılmış web sitesi Fakat neden yayında değil?
İşi yapan ajansa ödemesi mi yapılmadı?
Yoksa ajans parayı aldıktan sonra ortadan mı kayboldu?
Sonuç olarak ortada olumsuz bir durum var. Bağlantı kurmak istediğiniz profesyoneller web siteniz sandığı linke tıklayacak ve hatalı sayfayla karşılaşacak.
Karavan firmasının web sitesinde karavan modellerine tıklandığı zaman karşıma çıkan sayfa.
Sebebi sayfanın aslında oluşturulmaması veya yanlış adrese yönlendirilmesi olsa gerek
Fakat iki sorun daha var. Birincisi web sitesinin Türkçe olup, 404 sayfasının İngilizce olması.
İkincisi, üstteki Server Error yazısı. Sayfanın 404 sayfalarından farklı bir görüntüsünün olması sanki Sayfa Bulunamadı uyarısı değil de, Sunucu Hatası veriyor gibi düşündürüyor insana.
Bir firmanın Google İşletme hesabını incelerken, yapılan olumlu-olumsuz tüm değerlendirmelere geri dönüş yaptığını, hatta olumsuz değerlendirmelere ekstra önem verdiğini gördüm.
Ülkemizde maalesef 100 firmadan belki 1’inde bunu görebiliyoruz.
Çalıştığım firmalara sürekli söylediğim bir şeydir bu. Fakat çoğunluğu sadece günü kurtarma derdinde. Ve uzun vadede düşünüldüğünde bunun olumsuz etkileri yıllar içinde öyle büyük oluyor ki.
Türkiye’nin en büyük firmalarından birisinin web sitesi.
Ana Sayfa’da böyle bir bölüm var. İlk görselde kırmızı oklar ile yazıları göstermeye çalıştım. Mouse ile üzerine geldiğimizde (hover) ikinci görseldeki gibi gözüküyor her bölüm.
Tasarımı bu haliyle değerlendirirsek, ilk görünümdeki başlıkların tamamen kaldırılması gerekiyor. Mouse ile üstüne gelindiğinde yazıların ve başlıkları gözükmesi. Ama ben bu şekilde bir tasarımı çoğu zaman tercih etmem. Bazen, web sitesinin tarzına göre bu tasarım kullanılabilir ama kullanıcı deneyimi açısından çok fazla tavsiye etmem.
Mobilde ise böyle bir durumda ne yapılmalı? Bu web sitede ne yapılmış? Masaüstü görünümde bu tarzı kullandığınızda, mobilde mouse ile üzerine gelme durumu olmadığı için 2. görseldeki görünümü kullanmalısınız. Fakat bu web sitesinde masaüstü görünümdeki gibi görsel ve üzerinde zor okunan başlıklar var. Üstüne dokunulduğunda ise 2. görseldeki gibi koyulaşıyor ve yazılar gözüküyor ama o sürede hemen o sayfaya yönlenmiş olduğunuzdan hiçbir şeyi okuyamıyorsunuz.
Bu seviyedeki bir firmada yapılmaması gereken hatalar.
Firmanın web sitesine hızlıca göz gezdirdiğimde bu şekilde onlarca hata olduğunu görüyorum. İleride onları da ele alacağım.
Muhtemelen bu web sitesini baştan sona inceleyerek kendilerine dosya olarak sunacağım.
Web sitesinin her sayfasında, footer bölümünün üstünde E-Bülten Aboneliği butonu mevcut.
Tıklandığı zaman, 2. görselde paylaştığım gibi, aşağıda e-posta adresinizi gireceğiniz bölüm gözüküyor. Tabi ki olabilecek en kötü tasarımla, hizalamayla.
E-posta adresimi gireyim diyorsunuz ama yazarken yazdığınızı zor okuyorsunuz renk sebebiyle. Neyse o kutunun dışına tıkladığınızda yazdığınız e-postayı okuyabiliyorsunuz ama bu sefer de GÖNDER butonuna basıyorsunuz ve sistemin çalışmadığını görüyorsunuz.
Binlerce çalışanı olan bir firmaya hiç yakışmıyor.
Web sitelerinde Google Haritalar, API ile kullanıldığında bir süre sonra bu şekilde hatalarla karşılaşabiliyoruz. Bu, web sitesinin geliştiricisinin ve firma yetkililerinin web sitesi ile ilgilenmemesi sonucunda ortaya çıkıyor.
Bunun sebepleri API için ödeme yöntemi tanımlanmaması, API anahtarının hiç girilmemesi veya yanlış girilmesi, API anahtarının kısıtlanması veya aktif olmaması olabilir.
Sonuç olarak web sitesinin ziyaretçilerine firma hakkında olumsuz bir izlenim bırakıyor.
LinkedIn’de karşılaştığım bir profil.
Profilde yer alan firmanın sayfasına girdiğimde http:// olarak verilen bir bağlantı karşıma çıktı. Tıkladığımda web site açılmadı.
Web siteyi com olarak denediğimde ise girebildim.
Google’da com.tr olarak arama yaptığımda indekslenmiş bir sonuca ulaşamadım. Yani web site uzantısı yanlış yazılmış, com olacakmış.
Bir diğer sorun, com.tr uzantısının com‘a yönlendirilmemesi. Basit bir yönlendirmeyle bu sorun çözülebilir. (Bu arada com.tr alan adı, firma tarafından kaydedilmiş.)
(Görseller ve isimler gizlendi.)
TV Plus ile yaşadığım sorunu TOD ile de yaşadım.
Şöyle ki, Canlı TV‘ye tıkladığınızda kanal listesi görmek istersiniz değil mi? BEIN kanalları ilk sıralarda bizi karşılıyor. Tıklar tıklamaz kanal açılıyor. Özellikle akıllı televizyonda bu süreç çok yorucu oluyor. Birkaç ok ile kanal listesine ulaşıyor ve kanal seçmeye çalışıyoruz.
TV Plus’ta da aynı sorun var.
Bu kullanıcı deneyimi açısından olumsuz bir durum ve düzeltilmeli.
Bazı web sitelerin veya uygulamaların kısıtlamaları bana çok anlamsız geliyor.
İnternet tarayıcınızdam Instagram profilinize web sitenizi eklemek istiyorsunuz fakat sadece mobil cihazlarda düzenleyebileceğinize dair uyarı çıkıyor.
Bunu yapmak çok zor olmasa gerek.
DİL kelimesi diğer menü öğeleri ile aynı hizada değil.
Web siteye girdiğimde ilk gözüme çarpan bu olmuştu. Yakınlaştım, ekran görüntüsü aldım ve işaretleyerek sizinle paylaşmak istedim.
Peki diğer sorun ne? Sağ tarafta kırmızı ok ile gösterdiğim ok ikonu. Aslında DİL kısmına bağlı bir ok. Tıklandığında web sitenin dil seçenekleri karşımıza çıkıyor. Peki neden bu kadar uzakta?
Web sitelerde farklı çözünürlüklerde, responsive görünümlerde bu şekilde hatalar gözüme sıklıkla çarpsa da bu sefer masaüstü görünümde karşıma çıkıyor.