Web Tasarım Kritiği # 78: Katy Cain
Her hafta yeni bir web sitesine bakıp tasarımı analiz ediyoruz. Bazı işleri kullanabilen alanlara ek olarak iyi yapılmış alanlara dikkat çekeceğiz. Son olarak, kendi geri bildiriminizi vermenizi isteyerek bitireceğiz.
Bugünün sitesi Chandlers Ford'un düğün fotoğrafçısı Katy Cain'in portföyüdür. İçeri girelim ve ne düşündüğümüzü görelim!
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 49 dolar alıyoruz - bir danışmanın sitenize bakması için ödeyeceğinizden çok daha az! Daha fazlasını burada bulabilirsiniz.
Katy Cain Hakkında
“Chandlers Ford'da yaşayan bir Hampshire düğün ve portre fotoğrafçısıyım. Hampshire ve Oxfordshire, Wiltshire, Surrey, Sussex ve Dorset gibi çevre ilçelerde yaygın olarak seyahat ediyorum. Lütfen işime bir göz atın ve eğer gününüze mükemmel bir şekilde uyacağımı düşünüyorsanız sizden haber almak isterim. ”
İşte ana sayfasının bir ekran görüntüsü:
İlk izlenim
Katy'nin sitesi hakkında ilk fark ettiğim şey temiz ve minimal olması. Bu özel tasarım stili, fotoğrafçı siteleri için iyi çalışır çünkü fotoğrafların sayfadaki en önemli öğeler olarak açıkça öne çıkmasına izin verir. Fotoğraflar işletmenin tümüyle ilgili olduğu için, bu mükemmel bir stratejidir.
Bunun bir Flash sitesi olmadığını da fark ettim. Genel olarak fotoğrafçılar% 100 Flash tabanlı sitelere aşırı bağımlıdır ve her zaman daha standart dostu bir yaklaşım benimsemiş kişileri görmekten memnuniyet duyarım.
Sonuçta, site gerçekten güçlü bir başlangıç yapıyor. Çok basit ama etkilidir. Ancak, bir veya iki değişiklik düşününce önerebileceğim birkaç alan var. İçeri girip siteyi nasıl geliştirebileceğimizi görelim.
Biraz Daha Vay
Onlarla elde ettiğiniz tüm olumsuz yönler için, Flash sitelerinin kendileri için güçlü bir şeyleri vardır: oldukça ilgi çekici olma eğilimindedirler. Sık sık ilgi çekici olma girişimi, sinir bozucu ve dikkat dağıtıcı hale gelen, ancak en azından işleri ilginç hale getirme girişimidir.
Bu site belki de diğer yönde çok ilerliyor: aslında oldukça sıkıcı görünüyor. Tasarımla ilgili her şey, cesur olarak kabul edilebilecek her şeyden uzak kalan “güvenli” bir yaklaşım önerir. Ana görüntü iyi bir boyut, ancak çok büyük değil, metin oldukça homojen sans-serif türüdür, sayfa tamamen statiktir; Sadece daha ilginç hale getirmek için güzel bir destek vermeliyiz.
Yeni başlayanlar için, ana resmi üç ila beş fotoğraf arasında değişen bir JavaScript slayt gösterisi haline getirmenizi öneririm. Bir fotoğrafçının sayfasına geldiğimde ilk ve çoğu zaman görmek istediğim tek şey ne tür fotoğraflar çektikleridir ve bunun için ana sayfadan daha büyük bir tat almak isterim.
Mümkünse içerik genişliğinin en az 100 piksel uzatıldığını görmek istiyorum. Bu ana fotoğrafın büyük, cesur ve yüzünüzde olmasını istiyorum.
Logo
Logo için tipografi benim favorim değil. İnce yazı tipi kabul edilebilir, çünkü kadınsı bir çekicilik öneriyor ve Katy gerçekten bir kadın olduğu için bu fikir işe yarıyor. Ancak, görüntünün çözünürlüğü veya gerçek yazı tipinin oluşturulma şekli ile ilgili bir şey olup olmadığından emin değilim, ancak eğriler güzel ve pürüzsüz yerine pürüzlü ve pikselli olarak çıkıyor. Gözüm sürekli olarak dikkat dağınıklığına çekiliyor ve ben de buna hitap etmeye çalışıyorum.
Ayrıca, logonun ikinci satırı oldukça küçük ve okunması zor. Hemen ne dediğini biliyorum, ama gerçekten bakarsam, gözlerimi biraz incitir. “Profesyonel” kelimesini bırakmanızı öneririm, burada buna gerek yok. İşin onlara profesyonel olduğunu söylemesine izin verin, sözlü olarak ısrarla, bir ironik olarak sizi yeni başlayan gibi seslendirir. Bu sözcüğün kaldırılması, kalan kısımların biraz daha geniş olması için biraz yatay alan açacaktır.
navigasyon
İnce tasarım dokunuşlarını iyice takdir ediyorum, ancak bu küçük minik ev simgesi (yukarıda gerçek boyutta gösterilen) itiyor. O kadar inanılmaz derecede küçük ki, muhtemelen sayfanın estetiğini herhangi bir düzeyde geliştiren bir şeyden daha dikkat dağıtıcı. Ciddi şimdiye kadar gördüğüm en ufak bir simge.
Bunun yanı sıra, navigasyonun iyi çalıştığını düşünüyorum. Sağdaki birkaç pikselin üzerinde çarpmayı öneriyorum, bu yüzden altındaki görüntü ile mükemmel bir şekilde aynı hizada. Neredeyse orada, ama pek değil. “Neredeyse” nin tasarımcılar için nasıl kirli bir kelime olduğuna dair bir makalem var.
Düzeni Yeniden Düşünelim
Mevcut düzeni biraz garip buluyorum, özellikle de bu tiple ilgili. Ana fotoğrafın altındaki merkezle hizalanmış metnin büyük kısmı kesinlikle biraz çalışmaya ihtiyaç duyar. Her şeyden önce, merkeze hizalanmış metnin geniş sütunları okunabilirliğin ölümcül düşmanıdır, ne pahasına olursa olsun onlardan kaçının. Sola hizalanmış paragraflar, bunun gibi bir duruma geçmenin ve sayfanın bir bütün olarak gerekçelendirilmiş hizalamasının kendisine mükemmel bir şekilde uyum sağlaması için kullanılan yoldur.
Ayrıca, bu birincil karşılama mesajınızdır, ancak hiçbir şekilde göze çarpmaz. Sadece orada; belirgin bir şekilde farklılaşmamış sade eski sıkıcı metin.
Tüm sayfanın düzenini yenilemenizi öneriyorum. Büyük bir girişim olmayacak, sadece birkaç vardiya ve değişiklik olacak. Genel estetik de korunacaktır. Ancak, bu ince ayarlar kişiliği ile patlayan ve davetkar bir atmosfer tarafından yepyeni bir site gibi hissettirecek.
O büyük paragrafla başlayalım. Burada ihtiyacımız olan şey hem boyutta hem de cesurlukta biraz kontrast. Bir monoton paragraftan çok daha çekici olan üç katmanlı bir çözüm oluşturdum.
Gördüğünüz gibi, büyük, cesur bir “Merhaba” ile başlar. Daha sonra, başlık olacak kadar büyük, ancak ilk merhaba mesajıyla rekabet edecek kadar büyük olmayan bir ana giriş paragrafına geçer. Son olarak, destekleyici metnin geri kalanı daha küçük bir paragrafa atılır.
Bunu genel düzenin yeniden biçimlendirilmesiyle birleştirdim, böylece sol tarafa çok daha fazla tutturulur. Bu, web'de gezinirken birçok okuyucunun takip etme eğiliminde olduğu “F” deseninden yararlanır. İşte büyük resim:
Bu yeni düzen temiz, modern ve profesyoneldir, yine de Katy'i çalışmaktan heyecan duyacağınız samimi bir insan gibi görünmesini sağlar.
Diğer Sayfalar
Sitedeki diğer sayfalar benzer bir revizyon kullanabilir. Bazıları, ana sayfadaki paragrafla aynı sorunların bulunduğu saf metinlerdir. İşleri ilginç tutmak için bu sayfaların bazılarını güzel, büyük bir fotoğrafla kapatmanızı öneririz.
Ayrıca, metin farklılaştırma dersini yukarıdan alın ve şu destekleyici sayfalara uygulayın: İletinin en önemli yönlerine vurgu yapan daha büyük, daha cesur başlıklar ve açıkça katmanlı iletişim.
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 bir şekilde yapıcı tavsiyeler vermenizi rica ediyoruz.
