Web Tasarım Kritiği # 54: BDQWorks
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 BDQWorks bir Drupal / WordPress tema tasarım ve geliştirme şirketidir.
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 34 dolar alıyoruz - sitenize göz atmak için bir danışman için ödeyeceğinizden çok daha az! Daha fazlasını burada bulabilirsiniz.
BDQWorks Hakkında
BDQWorks, Toronto, Ontario, Kanada'dan Jason Saeho Lee'nin küçük bir web tasarım ve programlama stüdyosudur. BDQWorks esas olarak Kanada'dan Kudos Home & Design gibi orta ölçekli işletmeler ve Clara C gibi çeşitli YouTube hisleri için çalışır.
İşte ana sayfanın bir ekran görüntüsü:
İlk İzlenim
BDW Works bir tasarım ajansıdır, bu yüzden sitelerinin çirkin olduğunu düşünürsem beni garip bir duruma sokardı, neyse ki yapmıyorum. Özellikle heyecan duymadığım birkaç şey var, ama çoğu tercih edilebiliyor.
Genel olarak, site, tıpkı BDQWorks'ün günlük olarak yaptığı çalışmalar gibi çok iyi kullanılabilir ve tasarlanmıştır. Ne bulduğumuzu görmek için bazı parçaları parçalayalım.
Gezinme Menüsü
Bu eleştirileri haftalık olarak takip ederseniz, bir sitede her zaman kontrol ettiğim ilk şeylerden birinin navigasyon menüsü olduğunu bilirsiniz. Bu, kullanıcıların gitmek istedikleri yere ulaşmaları için önemli bir bileşendir ve bu öğenin bir web sitesini başarılı bir şekilde aramak için yerinde olması gerektiğine inanıyorum.
BDQWorks menüsü aslında oldukça benzersiz ve diğer sitelerde gördüğümden çok farklı bir yapıya sahip. İşte bir önizleme:
Gördüğünüz gibi, açılır menüler sadece bir bağlantı listesi değil, aynı zamanda küçük bir bilgi snippet'i içerir. Bu aslında oldukça güzel ve o bağlantıyı takip ederseniz ne bekleyebileceğiniz konusunda size bir fikir verir.
Bunun dezavantajı o kadar farklı hissettiriyor ki, neler olduğunu fark etmem bir saniye sürdü, özellikle çeşitli açılanlar size hizalamaları değiştirdiğinden, bir sonraki seçeneğin üzerine geldiğinizde ne bekleyeceğinizi bilmiyorsunuz.
Bu sarsıntı değişikliğini önlemek için, tüm açılır listelere aynı hizalamayı vermenizi tavsiye ederim, böylece bağlantıların listesi ve açıklama asla taraf değiştirmez. Ayrıca, fareyle üzerine gelme efektini metnin arkasında gerçek bir renk çubuğuna değiştirmeyi düşünebilirsiniz, böylece metnin rengini değiştirmekten daha açıktır. Büyük menü içerikle dolu olduğunda, bu, kullanıcının tıklaması gereken seçeneklere yönlendirilmesine yardımcı olur.
Çizimleri
Sitenin kişiselleştirilmiş teması, çeşitli yerlerde ortaya çıkan bu küçük resimli insanlar gibi görünüyor. Kasıtlı olarak kabaca çizilirler ve siteye dostça, antropomorfik bir dokunuş sağlarlar.
Dürüst olmak gerekirse, illüstrasyon tarzı için deli değilim. Bu nihayetinde bir tercih tarzına iner, ancak aslında sitenin genel estetiğini düşürmeye hizmet ettiklerini düşünüyorum.
Siteyi görüntüledikten birkaç saniye sonra bu karakterlerin yerine geçen müşteri fotoğrafı çok daha ilgi çekici ve çekici. Çizimlerde olduğu gibi bu düşünceye karşı koymak yerine yüksek kaliteli işler ürettiğiniz fikrine katkıda bulunur.
İkincil Gezinme
Sayfanın yaklaşık yarısında, ikincil gezinme olarak anlatacağım yatay bir görüntü ve bağlantı satırı var. Bunların her biri, BDQWorks'ün sunduğu ve Mac dostu bir masaüstünün görüntüsünü gösteren bir hizmeti gösterir.
Bunun sonunda sadece “Temalar” yazan küçük bir kutu var. Bu dokunuşu hem seviyorum hem de beğenmedim. Sevdiğim şey onun arkasındaki fikir ve niyet. Bu bölgeye diğerlerinden farklı görünmesini sağlamak için özel bir ilgi göstermek istediniz. Fotoğraf temasını, diğerleri tarafından kurulan tek biçimli boyutu ve yazı tipi seçimini bozar.
Sorun, tamamlayıcı olmadan diğerlerinin görünümünü ihlal etmesidir. İki rengin birbiriyle çatışabileceği veya birbirini tamamlayabileceği gibi, iki görsel nesne de çatışabilir veya uyum bulabilir. Bu son küçük kutu, neredeyse tamamen farklı bir tasarımcı onu sonradan düşünülmüş gibi sıkışmış gibi görünüyor.
Benim tavsiyem bu alanı yeniden düşünmektir. İlk olarak, alanı beş eşit boyutta kutuya bölün. Ardından, “Temalar” kutusunu ortaya yerleştirin. Dikkat çekmek istiyorsanız, bu iyi bir yer. Son olarak, renk ve yazı tipi boyutunu yalnızca farklılaştırmak için kullanın. Bence bir kara kutu garip olmadan diğerleriyle güzel bir tezat oluşturuyor. Belki de iMac temasıyla (iMac ekranındaki logoları yapıştırın) ve başka yerlerde kullanılan yazı tipleriyle biraz geniş veya kalın olsa da kalabilirsin.
Katı Mesajlaşma
BDQ'nun gerçekten harika bir iş çıkardığını düşündüğüm bir yer, sayfadaki iletişimi ele almak. Baktığım her yerde, bunun Drupal ve WordPress konusunda uzmanlaşmış bir web tasarım firması olduğunu hatırlattım. Sadece özleyemezsin! Bu, sitenin amacını ve şirketin kimliğini hemen netleştirdiği için ilk kez ziyaretçiler için harika bir şey.
Yukarıdaki görüntüden de görebileceğiniz gibi, sayfada gördüğünüz ilk şeylerden biri şirketin kim olduğunun açıklaması ve sundukları hizmetlerin bir listesidir.
Bu konsept, BDQWorks'ü tanıtan, çalışmalarından bazılarını gösteren ve şirketin övgülerini imzalayan gerçek müşteri röportajları içeren ana sayfanın sol tarafındaki tanıtım videosu ile daha da ileri götürülmektedir. Bu video çok iyi bir şekilde üretildi ve bana bunun birinci sınıf, profesyonel bir şirket olduğuna ve hem ürettikleri işin kalitesine hem de sunacakları müşteri hizmetine güvenebileceğime dair güven veriyor.
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.
