Web Tasarım Kritiği # 4: Marşı Tasarım Grubu
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 Marşı Tasarım Grubu. Anthem, Atlanta, Georgia ABD'de bulunan küçük bir ödüllü yaratıcı ve interaktif tasarım ajansıdır.
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.
Marş
“Harika web siteleri, uygulamalar, oyunlar ve sanat yapmayı seven süper yüksek standartlara sahip, samimi ve çalışkan bir yaratıcı ve teknik insan grubuyuz. İşimiz ödüllü, çekici ve özenle hazırlanmış. Her büyüklükteki işletme ile çalışmayı seviyoruz ve çeşitli ve fantastik müşteri grubumuzla gurur duyuyoruz. ”
İşte web sitelerinin ana sayfası:
Üç ana sütun artı bir kenar çubuğu (temel olarak dört sütun) ile oldukça güçlü bir tasarım. Üstteki büyük görüntü, temel solma geçişine sahip bir görüntü kaydırıcısıdır.
Bu tasarım hakkında gerçekten güzel olan birkaç şeyi inceleyelim.
Gezinmesi Kolay
Burada tek bir sayfa için çok şey oluyor, ancak çoğunlukla mantıklı bir şekilde düzenleniyor ve sıralanması kolaydır. Ana sayfa, sitede bulacağınız her şeye güzel bir genel bakış sunuyor. Gezinme yoluyla erişilebilen sayfaların birçoğu burada biraz içerikle sayfada temsil edilmektedir.
Büyük bir sitenin ana sayfasını nasıl dolduracağınız konusunda herhangi bir fikriniz olmadığında, sitenin genellikle diğer her şeye giriş kapısı olması gerektiğini unutmayın. Buradaki sitenin geri kalanının ısırık boyutunda önizlemeleri eklemek, kullanıcının sunduğunuz ürünle hızlı bir şekilde tanışmasını sağlar ve ayrıca belirli içerik bulma işlemine yardımcı olur.
Çizgileri Kırmak
Bu site, her şeyi temiz ve düzenli tutmak için iyi olan oldukça sıkı hizalamalara ve muhafaza cihazlarına sahiptir. Ancak, altbilgide böyle bir tasarım almanın ve birkaç yerde kırmanın genellikle iyi olduğunu görüyoruz.
Burada, altbilgi ve içerik ayrımı tarafından yapılan sert çizgiler kurulumunu ihlal eden bir kutuya yerleştirilmiş logo ve iletişim bilgilerini görüyoruz. Sayfanın üst kısmında, tasarımın sağlamlığını hafifletmek için bu fikri aldığını görmek istiyorum.
Geliştirilecek Alanlar
Şimdi eleştiriye bakalım. Aşağıda, tasarımla ilgili kişisel olarak ele alınması gerektiğine inandığım birkaç konu bulunmaktadır.
Etkileşimli?
Sayfanın çeşitli yerlerinde Anthem'in ne yaptığına ilişkin olarak “etkileşimli” kelimesini görüyorum, ancak görüntü kaydırıcısının yanı sıra site çok etkileşimli hissetmiyor. Acı çektiğini düşündüğüm kilit alanlardan biri, bağlantı vurgulu efektler veya bunların eksikliğidir.
Gezinmede, fareyle üzerine gelme ve fareyle üzerine gelme durumlarındaki bağlantının rengindeki fark biraz fazla belirsiz ve renk körü kullanıcıların bu kadar küçük metinlerde bile fark etmesi imkansız. Ayrıca, kenar çubuğundakiler dışında, sayfadaki diğer tüm bağlantıların neredeyse hiç fareyle üzerine gelme etkisi yoktur. Tarayıcınızın imleci bağlantılar için otomatik olarak değişmediyse, kullanıcılar muhtemelen sayfada herhangi bir hediye olduğunu bile bilmezlerdi.
Yine, bu “interaktif” kavramıyla yakından bağlantılıdır. Sayfanın çeşitli noktalarında etkileşimle değişen öğeler eklemek, sitenin çok daha canlı ve aktif olmasını sağlayacaktır. Bu öğelerin kullanıcılarınıza bağırması gerekmez, ancak en azından gizlenmemeleri gerekir.
Bağlantı Ekleme
Şimdiki yaşam bağlantılarını getirmekle aynı damar boyunca, sanırım birkaç tane daha eklenmelidir. Daha önce söylediğim gibi, ana sayfa içeriğinin ve gezinmenin nasıl birbirine bağlandığını seviyorum. Örneğin, gezinme bölümünde bir hizmetler bağlantısı ve sayfada bir hizmetler bölümü vardır. Ancak, içerik bölümünde “Hizmetler ve Yetenekler” yazan metin, “Hizmetler ve Yetenekler” sayfasına bir bağlantı olarak etkinleştirilmez.
Kullanıcılarınızda işleri her zaman gülünç bir şekilde kolaylaştırmaya çalışın. Gitmek istedikleri yere uygun bir başlık görürlerse, doğru bağlantı için etrafta avlanmak yerine oraya gitmek için tıklayabilirler.
aralığı
Sayfada, içeriği kendi başlıklarına sahip üç sütuna ayıran birkaç yer vardır. Sorun şu ki, başlık ve sütun birbirinden aralıklı, bir araya geldikleri hemen belli değil.
Kullanıcılar bu iki alanın tek bir birim olarak yorumlanması gerektiğini anında anlayabilmeleri için buradaki boşluğun yaklaşık yarısını kaldırmanızı öneririm.
Hizalama ve Taşma
Küçük öğelerin düzgün sıralanmadığı sorunları tespit ettiğim iki önemli alan var. Birincisi kenar çubuğunda. Buradaki Twitter yayını, sınırlama kutusundan taşmış gibi görünüyor.
İkincisi, altbilgideki yasal kopya ve gezinme bağlantılarıdır. Gerçekten herhangi bir hizalamayı paylaşmazlar ve uzayda rastgele yüzüyorlar gibi görünürler. Onlara hem güçlü bir sol hizalama vermenizi hem de soldaki logo alanının yakınına itmenizi öneririm.
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.
