Web Tasarım Kritiği # 15: Arabanıza Servis Yapabiliriz
Her hafta yeni bir web sitesine bakıp tasarımı analiz ediyoruz. Hem iyi yapılan alanları hem de bazı işleri kullanabilen alanları işaret edeceğiz. Son olarak, kendi geri bildiriminizi vermenizi isteyerek bitireceğiz.
Bugünkü site arabanıza servis verebiliriz.
Web sitenizi gelecekteki bir Tasarım Kriterinde gösterilmek üzere göndermek istiyorsanız, sadece birkaç dakikanızı alır. Tasarımınızı eleştirmek için 24 dolar alıyoruz - bir danışmanın sitenize bakması için ödeyeceğinizden çok daha az! Daha fazlasını burada bulabilirsiniz.
Hakkında "Arabanıza Servis Yapabiliriz"
“Müşterilerimiz yaptığımız işin merkezinde. Motor ticaretine kötü bir isim veren tüm dumanı ve aynaları kaldırmak için buradayız. Araç servisi değişti ve işimiz araç servisine yeni yaklaşımla tamamen uyumlu. Müşterilerimize paradan tasarruf etmek, mümkün olan en iyi hizmeti sunmak ve söylediklerimize güven vermek için çalışıyoruz. ”
Sitenin ana sayfası:
Bu ilginç bir site ve tartışmak için bize bol bol puan vermelisiniz. Hemen içeri girelim ve siteyi parça parça analiz edelim.
Arka fon
Web sitesinin arka planı bu plan dişli çizimdir. Çoğunlukla içerik tarafından kapsanır, ancak neler olup bittiğini anlamanız için yeterince göz atar.
Arabalar, planları düşündüğümde aklıma gelen ilk şey değil, ancak makinelere referans onu çalıştırıyor. Grafiği bağımsız bir parça olarak seviyorum, ancak görsel karışıklığı önlemek için web sitesinde biraz tonlanabileceğini düşünüyorum. Opaklığı biraz daha azaltmanızı tavsiye ederim, böylece zar zor görülebilir. Biraz ölçeklendirmeyi de düşünebilirsiniz.
Başlık
Başlığa baktığımızda, site boyunca taşıyacak temayı hemen görebiliriz. Alt gölgeler ile yuvarlatılmış köşeler, içine beyaz atılmış mavi tonları ve cesur tipografi.
İlk izlenim navigasyonun büyük göründüğü idi. Bu araba logosuyla bir araya geldiğinde aniden bir çocuk sitesi gibi hissettiriyor. Bununla birlikte, belki de hedef pazarınız artık bir otomobilin kendisinde veya teknoloji olmayan diğer türlerde çalışamayan yaşlı bireyleri içerir. Bu durumda, büyük düğmeler muhtemelen kullanıcılarınız tarafından takdir edilecektir. Bazen kullanılabilirlik estetiği gölgede bırakır. Sadece kimin için tasarlandığınızı düşünün ve ihtiyaçlarına hitap etmeye çalışın.
Araba logosuna geri dön. Konseptten hoşlanıyorum, çok kişiliği var. Ancak, yürütme en iyisi değil. Tamamen yeniden tasarlamadan nasıl düzelteceğinizden emin değilim, ancak logoyu oluşturan kişinin birkaç alternatif eskiz bulmasını sağlayabilirsiniz. Mevcut logoya sadık kalmaya karar verirseniz, kenarları temizlediğinizden emin olun. Şu anda, özellikle ön cam çevresinde biraz pürüzlü ve pikselli.
Hoşgeldiniz
Sayfadaki bir sonraki alan, küçük bir alanda birçok bilgiyi etkili bir şekilde iletir. Mermi noktaları burada hem etkili hem de verimlidir ve alt kısımdaki sürekli kayan otomobil üreticisi isimleri “herhangi bir araba” yönünü güçlendirir.
Tasarımcı vurgulamak için buraya biraz kırmızı getirmeyi seçti. Renk düzenini ihlal eder ve bu nedenle hemen dikkatinizi çeker. Çekme teklifini ve mermi kopyasıyla üstte ve altta nasıl mükemmel bir şekilde hizalandığını seviyorum.
Bu alandaki sorun ve aslında sitenin çoğu görsel hiyerarşidir. Söylediğim gibi, kırmızı doğru noktaları vurgulamaya yardımcı olur, ancak burada her şey açık bir önem tasvirine sahip olmaktan ziyade dikkat için rekabet ediyor.
Örneğin, sitedeki metnin tümü kalın… hepsi. Kalın metin, gereken yere vurgu eklemek için harikadır, ancak çok ileri götürdüğünüzde bir sorun ortaya çıkar: Her şey özelse, hiçbir şey özel değildir. Tipografi seçeneklerinizi yeniden düşünmenizi ve metnin çoğunda ağırlığı azaltmanızı ve yalnızca en önemli kısımları kalın bırakmanızı öneririm.
Ayrıca, hiyerarşi kavramı boyut için de geçerlidir. "Hoş Geldiniz" başlığının, madde imi kopyasıyla aynı boyutta (veya yakın) olduğuna dikkat edin. Yine dikkat çekmek için rekabet eden bir durum görüyoruz. Başlık bölümü tanımladığı ve tanıttığı için mermi noktalarının boyutunu küçültürken boyutunu artırın.
Görsel hiyerarşinin daha iyi kullanımı ile yeniden hayal edilen bu bölümün hızlı ve kirli bir maketi. Bunu tam olarak böyle yapmak zorunda değilsiniz, sadece bilginin nasıl daha temiz bir şekilde bölündüğüne odaklanın.
içerik
İçerik alanı caziptir ve dost canlısı bir fotoğrafçılık getirir, ancak tüm cesur metinlerde aynı sorundan muzdariptir.
Buradaki bir diğer önemli öneri, fotoğrafları ve hemen altındaki metni tek bir görsel birim haline getirmektir. Şu anda birbirleriyle üst üste istiflenmiş iki ayrı görsel elemanınız daha kolay bir şekilde birbirine kolayca bağlanabildiklerinde. Yine, bu hızlı ve kirli ama fikri anladınız.
Alt Bilgi
Son olarak, altbilgiye bir göz atalım. Buradaki içerik oldukça basit ama gerçekte olduğundan çok daha karmaşık ve kafa karıştırıcı görünmesi sağlandı.
Her şeyden önce, kırmızı yukarıdaki beyaz üzerinde çalıştı, ancak kırmızı kesinlikle mavi üzerinde çalışmıyor. Üst üste iki parlak renk kontrast yerine çakışıyor. Dahası, metnin gerçekten biraz çalışmaya ihtiyacı var. Yine, kalınlığı biraz değiştirin, telif hakkı satırının önemini azaltın ve içerdiği kelimeden çok daha uzun olan garip arama düğmesini düzeltin (genişliği azaltın, metni düğmedeki ortalayın).
Kaydırma sırasında telefon numarasını yanınızda tutan yapışkan altbilgi hoş bir dokunuş. Genellikle bir kişi fiziksel bir işletmenin web sitesini ziyaret ettiğinde sadece bir şey ister: telefon numarası. Sitede gezinirken kaçırdığınız neredeyse imkansız hale getiren telefon numarası sizinle birlikte kalır.
Senin sıran!
Artık yorumlarımı okuduğunuza, tasarımcıya biraz daha tavsiyede bulunarak yardım edin ve yardımcı olun. Tasarım hakkında neyin harika olduğunu ve neyin daha güçlü olabileceğini düşündüğünüzü bize bildirin. Her zaman olduğu gibi, sitenin tasarımcısına da saygılı olmanızı ve sert hakaretlerden yoksun açık yapıcı tavsiyeler sunmanızı istiyoruz.
Kendi sitenizi eleştirmek mi istiyorsunuz? Daha fazlasını burada bulabilirsiniz.
