Web Tasarım Kritiği # 3: Ateşböceği
Web tasarım eleştirilerimiz hem müşteriler hem de yorumcular için çok etkilendi. Kaliteli fikir ve öneriler sunan harika çalışmalara devam edin!
Bugünün sitesi, İngiltere merkezli bir sosyal hizmet işe alım ajansının ana sayfası olan Firefly'dir.
Envato Elements'i keşfedin
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.
ateş böceği
Kendi tanımlarına göre, “Firefly, sosyal hizmet uzmanlarının Londra ve komşu ilçelerinde kamu ve özel sektör rollerine kaynak sağlama, yerleştirme ve yönetme konusunda uzmanlaşmış bir işe alım danışmanlığıdır. İşe alım yaklaşımımız kişisel ve danışma niteliğindedir. ”
İşte web sitelerinin ana sayfası:
Genel olarak, site tasarımı gerçekten güzel ve ben bu konuda söylenecek çok şey var. Bunlardan birkaçına derinlemesine bakalım.
Renk uyumu
Her şeyden önce, işteki renk paletini gerçekten seviyorum. Gözleri kolay ve birlikte güzel görünen tüm açık renkleri kullanır.
Buradaki en cesur renk yeşildir ve tasarımcı onu mükemmel miktarlarda kullanmıştır. Sitenin üst kısmına oldukça yoğun bir şekilde dağılmış, sadece içerik boyunca önemli yerlere ve altbilginin ana rengi olarak büyük bir görünüm kazandırıyor (üç varyasyonda!).
Detaylara dikkat
Sadece hoş dokunuşlar sayfa boyunca dağınık tasarım küçük bit bir sürü vardır. Tasarımcı, sadece yayınlanmış bir şeyi almak için acele etmek yerine yavaş gitmek ve arayüzü doğru bir şekilde almak için zaman ayırdığını gösteriyor.
Tekrarlama
Tekrarlama, bir tasarımın ve bir çok web tasarımcısı tarafından yanlış anlaşılan veya tamamen bilinmeyen bir ilkenin temel yönlerinden biridir. Bu tasarımcı, ustaca sadece yukarıda belirtildiği gibi yeşilin tekrarlanmasıyla değil, aynı zamanda logodan daire elemanının kullanılmasıyla da kullandı.
Bir öğeyi böyle bir sayfada tekrarlamak tasarımın daha uyumlu görünmesini sağlar. Ayrıca göze, sayfaya göz atarken gözle görülür bir şey verir.
Yerleşim
Tasarımcı üç sütun düzeni uygulamayı seçti ve sitenin tüm uzunluğu boyunca ona yapıştı. Hizalamalar güçlüdür ve sütunlar çok iyi yürütülür. En sağ sütunun daha koyu bir arka plan rengi kullanarak görsel olarak ayrılması, ana içeriği vurgulamaya ve büyük bir beyaz sayfanın monotonluğunu parçalamaya yardımcı olduğu için mükemmel bir dokunuş.
Geliştirilecek Şeyler
Genel olarak, tasarım henüz bir eleştiri için gördüğümüz en güçlülerden biridir. Ancak, yapılabilecek birkaç küçük ayar vardır.
Görüntü çözünürlüğü
Basılı bir arka planım olduğu için bir karar nazi olma eğilimindeyim. Sol üstteki logo sadece şirketin markasını temsil etmekle kalmaz, aynı zamanda bir kullanıcının sayfaya inerken gördüğü ilk şeylerden biridir. Bu nedenle, güzel bir gevrek olduğundan emin olmak istersiniz.
Ne demek istediğimi göstermek için logoyu biraz havaya uçurdum. Bu kuşkusuz sorunu daha da kötüleştirir, ancak görüntüleri kaydederken daha küçük bir seviyede nelerin aranacağının iyi bir örneğidir.
Görüntü artefakt ve bozulmalarını yakından izleyin. Bu logo oldukça küçüktür ve daha yüksek bir çözünürlükte kaydedilecekse siteye bataklık yapmamalıdır.
Metin Ağır
Belki de bu sayfadaki en kötü görsel sorun, metinlerin çok ağır olmasıdır. Sitenize ilk geldiğinde birine atmak çok fazla bilgi. Bu kadar çok okuma zaman alıcı ve göz korkutucu olabilir ve aslında kullanıcının metni tamamen görmezden gelmesine yol açabilir.
Bunu çıplak ihtiyaçlara göre düzeltmeyi ve önemli olmayan bilgileri burada öne çıkarmak yerine destekleyici bir sayfaya yerleştirmeyi düşünürüm.
Kullanılabilirlik
Sayfadaki metnin bazılarında hafif bir kullanılabilirlik sorunu var. Neye neden olduğundan emin değilim, ancak Safari'de Hoş Geldiniz sütunundaki metin seçilemez.
Kulağa seçici geldiğini biliyorum ama canlı metne sahip olmanın tüm amacı, sayfada temiz, net ve tamamen seçilebilir (ve bu nedenle kopyala yapıştır) kopyasına sahip olmanız.
Bu hataya neyin sebep olduğunu görmek için kodunuza göz atmanızı öneririz.
İki ataç
Yukarıda belirttiğim gibi, tekrarlama tasarımda iyi bir şeydir. Ancak, işaret ettiğim gibi, genellikle yanlış anlaşılır veya yanlış kullanılır. Ataç güzel bir grafik elemanıdır ve sayfada başka bir yerde tekrarlamak harika olurdu, ancak ikisini birbirine yakın koymak bu bölümün bir Photoshop klon sendromundan muzdarip olmasını sağlar.
Bence burada sadece bir ataç kullanmak daha güçlü bir açıklama yapar. Eğer gerçekten ikisine bağlı kalmak istiyorsanız, bunların aynı olmadığından emin olun. Küçük bir varyasyon sağlamak için birini döndürün veya ters çevirin.
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.
