Web Tasarım Kriteri # 21: Billy.com
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, çevrimiçi bir tasarruf kulübü olan Billy.com.
Tasarım Kaynaklarını 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.
Billy.com hakkında
“Lütfen kendimi tanıtmama izin ver. Benim adım Billy, ve Web'in En Akıllı Tasarruf Kulübünün arkasındaki adamım. Para biriktirmek sadece benim tutkum değil, amacım. Benim işim arkadaşlarımın bir daha asla tam ücret ödememesini sağlamak. Fantastik ailemin yardımıyla arkadaşlarım adına perakendeciler ve servis sağlayıcılarla büyük anlaşmalar yapıyorum. İnanmak zor olabilir, ama benim engin görünümümün ve sağlam güzel görünümümün arkasında bir güç müzakerecisi yatıyor! Ayrıca, farklı satıcıların tekliflerini ve tekliflerini karşılaştırırım, böylece arkadaşlarım en uygun ürünü veya hizmeti bulabilir ve yine de kazandıkları parayı mümkün olduğunca koruyabilirler. ”
İşte ana sayfanın bir ekran görüntüsü:
Şimdi tasarımın çeşitli yönlerini yıkacağız ve neyin işe yarayıp neyin yaramadığını tartışacağız.
Genel tasarım
Hemen yarasa, benim tasarım biraz tarihli hissediyordu. Burada alınan kararlardan bazıları, neredeyse on yıl önce tipik olan web tasarım stillerini yansıtmaktadır. Bu, başlığın, kullanılan yazı tiplerinin ve renklerin ve hatta bir ölçüde Pazar sabahı kağıt komik illüstrasyon stilini içerir (bunları daha ayrıntılı olarak tartışacağız).
Bununla birlikte, genel düzen oldukça işlevseldir. Kenar çubuğu iyi bir genişliktir ve güzel bir şekilde düzenlenmiştir ve ana içerik mantıklı bir şekilde akar.
Mesajlaşma
Sitenin çivi düşündüğüm şeylerden biri mesajlaşma. “Tasarruf kulübü” terimi oldukça belirsizdir ve bir tuzak gibi görünebilir, ancak metin yazarı kulübün tamamen ücretsiz olduğunu açıkça belirtti. Aynı derecede önemli olan, sadece 30 saniye sürdüğüne dair güven verici bir ifadeyle harekete geçirici mesaj “Become My Friend”.
Bazen bir web hizmetine kaydolmak kolay görünür, ancak kullanıcıların umutsuzca kaçınmak istedikleri sürece dahil olur. 30 saniyelik ifade güçlü bir teşviktir ve şüphesiz birçok kullanıcının kaydolmasının arkasındaki temel nedendir.
Bu alanın altında popüler tasarrufların bir listesi olduğunu da beğeniyorum. Bu sadece sitenin ne için olduğunu ve ne tür fırsatlar almak için bekleyebilirsiniz temizler başka bir adımdır.
matbaacılık
Bu biraz sert gelecektir, ama bana güvenin, bu basit adımları takip etmek tasarımlarınızı büyük ölçüde geliştirecektir. Tasarımın ilk kuralı “Asla Comic Sans kullanma” dır. Billy.com testi bu cepheden geçer, ancak çok benzer ve daha az bilinen bir kural “Asla Hobo kullanma” dır.
Bunu söylemenin güzel bir yolu yok, Hobo çirkin bir yazı tipi. Belirli öğeler üzerinde eğlenceli bir yazı tipi kullanmak istiyorsanız, kesinlikle biraz daha stil ve sınıfa sahip olanları arayın. FontSquirrel aramanızı başlatmak için harika bir yerdir. Sitenin yanında durup neredeyse rastgele bir şey seçerek aşağıdaki görüntüyü buldum (yazı tipine Japonya denir). Eminim aramaya gerçek zaman ve çaba harcarsanız çok daha iyisini yapabilirsiniz.
cop
Bir dakika Billy hakkında konuşalım. Siteyi ilk yüklediğinizde, Billy hiçbir yerde görülmez. Sonra uçurumdan ayak sesleri duyuyor ve yukarı yürüyor Billy sallıyor, başını sallıyor, işaretleri tutuyor ve işine giderken çok sayıda karikatür ses efekti yapıyor.
Beni yanlış anlamayın, o eğlenceli bir karakter. Nerdy ve dostça görünüyor ve siteye kişisel bir unsur getiriyor. Fare ile üzerine gelip gülümsediğini ve dalgalandığını görmek eğlencelidir. Ancak, sanırım biraz yanlış kullanılmış.
Neredeyse her zaman ses efektlerine sahip herhangi bir sitenin kullanıcılara bunları kapatmanın bir yolunu önerdiğini düşünüyorum. Sesleri tamamen öldüren ya da daha iyisi bir yere bir düğme ekleyin, kullanıcıları sesleri açmak için düğmeye basmalarını sağlayın (varsayılan olarak kapalı bırakır).
Ben de Billy'nin kötü konumlandığını düşünüyorum. Siteden bahsetmek ve dikkatinizi çekmek için işaretler tuttuğundan, aslında kenar çubuğundaki içeriği kapsar, bu içeriği gerçekten okumaya veya etkileşime girmeye çalışıyorsanız oldukça zayıf bir kullanılabilirlik sağlar.
BIlly'ı sayfanın sağ tarafına taşımanızı öneririm. Ana kutudaki içerik oldukça solda olduğundan, sitenin işlevselliği için hayati önem taşıyan hiçbir şeyi kapsamaz.
Modern Tasarım Revizyonu
Birisinin sitenizi yeniden tasarlamanızı önerdiğini duymak hiç eğlenceli değildir. Ve dürüst olmak gerekirse, Billy.com olduğu gibi işlevseldir ve yukarıdaki basit önerilerle çok şey geliştirebilir. Ancak, siteye yakın bir zamanda görsel bir revizyon vermeye karar verirseniz, bugün web'deki bazı karakter odaklı sitelere göz atmanızı öneririm.
Tüm siteler harika renk şemaları, çizimler, dokular, vb ile güzel modern web tasarım stilleri kullanın. Bu sitelerin herhangi birini sökmek değil, daha çok Billy.com getirmek için önerilerimi nasıl yorumlamak için ilham olarak sunmak değil görsel olarak güncel.
Benim için
Zenginleştirme
gümüş sırtlı
Bir kutuda defter tutma
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.