Web Tasarım Kritiği # 9: Wallpapa
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ünün sitesi, ücretsiz masaüstü duvar kağıdı indirmeleri sunan bir site olan Wallpapa'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.
WallPapa
“Yüksek kaliteli görüntüleri ve harika masaüstü duvar kağıtlarını seviyoruz. İnternette bu sorunun çözülmesine yardımcı olabilecek birçok site var, ancak hepsinde bazı eksiklikler var. Onayladığınızı umduğumuz kullanışlı, çok yönlü ve elbette kullanışlı bir hizmet tasarladık ve ürettik. Hedeflerimize ulaşmak için, soruna her iki taraftan da baktık. Çalışmalarını diğer insanlarla paylaşmak ve geri bildirim almak isteyen sanatçıların yanı sıra sorunumuzla ilgilenen kullanıcılardan. ”
İşte sitenin ana sayfası:
İlk izlenimler
Genel olarak, Wallpapa kötü görünümlü bir site değil. Adı akılda kalıcı, temel tasarım güzel ve parlak ve küçük resimlere vurgu yapacak kadar minimal.
Üstbilgideki arama çubuğu ve kategoriler ve altbilgideki etiket bulutu gibi duvar kağıtlarını aramanın birçok belirgin yolu vardır. Renk veya cihaza göre arama gibi daha gelişmiş seçenekler bile var (iPhone, iPad vb.)
hizalanma
Sitenin etrafına bakarken fark ettiğim en önemli hata, uyumsuzluk. Sayfa ortaya hizalanmaya çalışıyor, ancak her şey biraz kapalı. Izgara ana denge merkeziyse, soldan sarkan her şey eşit olarak sağdan sarkmalıdır. Aşağıdaki ekran görüntüsü bunun nasıl olmadığını gösterir.
Yukarıdaki gibi hizalama sorunları sayfanın tamamında görülebilir ve orta hizalamaya uyulacaksa düzeltilmelidir.
Şimdi bununla birlikte, bir sayfadaki tüm içeriği haklı gösteren bir merkeze nadiren katılıyorum. Temel tasarım teorisinde, merkez hizalamalarının en zayıf olduğunu öğrenirsiniz, çünkü çoğunlukla gözlerinizin takip edeceği sert bir kenar yoktur.
Bu, orta hizalamaların asla kullanılmaması gerektiği anlamına gelmez, sadece dikkatli bir şekilde uygulanması gerekir. Bence, ortadaki hizalamalar büyük bir sayfanız olduğunda ve üzerine yerleştirilecek çok az şey olduğunda en iyi sonucu verir. Ancak bu oldukça yoğun bir sayfadır ve biraz daha fazla yapı kullanabilir.
Hizalamayı değiştirirseniz, birini bulun ve ona uyun. Bununla kategorilere, üstbilgi öğelerine, etiketlere, ek altbilgi içeriğine uygulamak; hepsini.
Fareyle Üzerine Gelme Efektleri
Bir küçük resmin üzerine geldiğinizde önizleme karartılır ve size resmi indirmeniz için bir bağlantı verilir. Bu güzel bir efekt, ancak bağlantı tüm resim alanı için değil, yalnızca küçük resmin altındaki küçük snippet için geçerlidir.
Bu biraz kafa karıştırıcı ve kullanılabilirlik için kötü. Kullanıcılar görmek istedikleri görüntünün küçük resmini tıklayabileceklerini, tıklamak için doğru yeri aramak zorunda kaldıklarında farklı bir siteye geçmelerini sağlamanın hızlı bir yoludur.
Büyük resim
Yukarıdaki önerilen değişiklikler oldukça küçüktür, ancak sitedeki içeriğin nasıl sunulduğu konusunda çok daha büyük bir sorun olduğunu düşünüyorum.
Bir kullanıcı bu siteyi ilk kez ziyaret ettiğinde, bir grup küçük resim ve etiket verilir. Sitenin adından ve (birçok kullanıcının kaçırması muhtemel olan) sayfa başlığından, neler olup bittiğini ve ne yapmasını istediğinizi tam olarak yorumlamaları gerekir.
Tasarımcılar olarak, bazı şeylerin söylenmesine gerek olmadığı kadar açık olduğunu düşünüyoruz. Ancak, bakış açımız tamamen önyargılı çünkü siteyi oluşturan bizleriz. Bu durumda, tasarımcı muhtemelen “herhangi bir aptal bunun bir duvar kağıdı sitesi olduğunu görebilir!” Gibi bir şey söyledi. Ama mesele bu değil.
Bir kullanıcının sitenin ne olduğunu anlayabilmesi, zorlanması gerektiği anlamına gelmez. Onlara sade ve basit bir ifade ile vurmak denenmiş ve gerçek bir pazarlama yöntemidir. Ücretsiz duvar kağıdı indirmeleri sunuyorsanız, siteniz yüksek ve gururlu söylemelidir.
Dahası, gördüğünüz ilk şeyin küçük resimler olması ideal değil. Bu bir hoş geldiniz sayfası değil, bir içerik sayfası gibi geliyor. Bu, başlangıçta başlamak yerine bir şeyin ortasına doğru yürüyormuşsunuz gibi hissetmenizi sağlar.
Küçük resimler ayrıca net bir odağı olmayan bir sayfa sağlar. Yine, bu bir içerik sayfası için iyidir, ancak bir hoş geldiniz sayfası için değildir. Kullanıcıların emmesini ve etrafta dolaşmasını istiyorsunuz. Genellikle bir kullanıcıyı sitenizin istediği gibi olduğuna ikna etmek için yalnızca bir saniyeniz vardır. Bu saniye içinde hiçbir şey dikkatlerini çekmezse, bir sonraki açık sekmelerine geçerler.
Çözüm
Bu sitenin ana odağı çekici görüntüler olduğundan, insanların dikkatini çekmek ve ürününüzü aynı anda sergilemek için bir kısmını kullanmak mantıklıdır. Aşağıdaki hızlı ve kirli mockup'u düşünün:
Şimdi net bir odak noktamız var! Sayfanın üst kısmında dikkat çekmek için çığlık atan büyük ve çekici bir resim var. Bunu özellikli indirmeler arasında dolaşan bir jQuery görüntü kaydırıcısı olarak hayal. Bu, nispeten küçük bir alanda çok fazla içerik sergilemenizi sağlar.
Yukarıdaki önerileri de eklediğime dikkat edin. Buradaki her şey, “sonraki” düğmesinin hariç tutulmasıyla, ana şebekenin hizalamasına güçlü bir şekilde yapışır. Daha da önemlisi, insanlara ücretsiz premium içerik verdiğinizi bildiren güzel ve büyük bir mesaj var. Bu, ziyaretçilere onlarla paylaşmak istediğiniz değerli bir şeyiniz olduğunu hemen bildirir.
Tasarladığınız her sayfada her zaman ilk kez gördüğünüzü hayal etmeye çalışın. Sitenin ne olduğunu biliyor musunuz? Etmek ister misin? Etrafınızdaki birkaç kişiden site hakkında bilgi vermeden bir göz atmalarını isteyin ve ardından kullanıcının bakış açısından açık olması gerektiğini düşündüğünüz herhangi bir şey hakkında birkaç soru sorun.
Ayrıca bir değer bildirimi yapıp yapmadığınıza da dikkat edin. İster beğenin ister beğenmeyin, İnternet son derece rekabetçi bir yerdir ve sitenize trafik gelmesini istiyorsanız bir satıcı olmak zorundasınız. Bir tasarımcının işi, siteyi bir saniyenin altında satmaktır. Bu, kelimeler görüntüsü veya her ikisi yoluyla, neredeyse her zaman cesur bir ifade alır.
Senin ifaden ne?
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.
