Web Tasarım Kritiği # 45: Optimize Kablo Şirketi
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 Optimize Edilmiş Kablo Şirketi'nin bulunduğu Optimization-World.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 49 dolar alıyoruz - bir danışmanın sitenize bakması için ödeyeceğinizden çok daha az! Daha fazlasını burada bulabilirsiniz.
Optimize Kablo Şirketi Hakkında
Optimize Cable Company'de satılan her kablonun ömrü garantilidir. Kablonuz arızalanırsa, sorunsuz bir değişim için bize geri gönderin. Çok uygun fiyatlarla yüksek kaliteli kablolar sunmaktan gurur duyuyoruz. Büyük mağazalarda kablolarınız için fazla ödeme yapmayın. Bizden sipariş verin ve ücretsiz gönderim özelliğimizden yararlanın. Seni nikel-n-kuruş yapmıyoruz. Gördüğünüz fiyat ödediğiniz fiyattır.
İşte ana sayfanın bir bölümü:
İlk İzlenim
Burada işte bazı iyi fikirler var, ancak tasarım genel olarak on yıl önce oldukça yaygın olan bir şeyi çok yakından yansıtıyor. Web tasarım trendleri, bir web sitesi tasarlamaya başladığınızda dikkat edilmesi gereken bir şeydir. Başkalarının fikirlerini parçalayamazsınız, ancak nihai ürününüzün modern ve alakalı hissetmesini sağlarsınız.
Tasarımcılar olarak, bir projeye yaklaşma yolunda sıkışıp kalmak bizim için çok kolay. Bunun olumsuz etkisi, biz aynı kalırken dünyanın değişmesidir. Güncel olmayan bir web sitesine sahip olmak, çevrimiçi mağazalar için özellikle tehlikelidir, çünkü doğrudan daha düşük satışlarla ilgilidir. Ziyaretçiler sitenin para harcamak için güvenli bir yer olup olmadığı konusunda durur ve aniden emin olmazlar. Bu, kredi kartı bilgilerimi koruyacak meşru bir şirket mi? Yoksa site güvenliği güncel değil mi? Bu durumda, ürünlerin maliyeti ve kalitesi ne olursa olsun Best Site'ye geçebilirim, çünkü site daha güvenli hissediyor.
Kuşkusuz, modern bir tasarımı modası geçmiş bir tasarımdan tam olarak neyin ayırt ettiğini tam olarak belirlemek zordur, bu yüzden bugün taranacağız ve hangi yönlerin zaman dönemi hakkındaki izlenimlerimizi doğrudan etkilediğini belirleyip belirleyemeyeceğimizi göreceğiz.
Başlık
Burada dikkatimizi çeken ilk şey logo. Web 2.0'ın ilk döneminden gelmiş gibi hissedilen çok parlak bir öğedir. Gloss, düzgün bir şekilde yapılırsa birçok web tasarımında hala çalışabilir, ancak burada bu özel öğe yersizdir. Sayfadaki neredeyse hiçbir şey, eski bir araba reklamından daha fazla bir şey gibi hissettiren (daha fazla zaman dönemi karışıklığı), logo üzerindeki metin de dahil olmak üzere bu görünüm ve hisle eşleşmiyor.
Sonra sarı renk geçişine geçiyoruz. Bu renk gerçekten sitenin geri kalanının şemasını ihlal ediyor. Pazarlamacılar böyle göze çarpıyor çünkü dikkat çekiyor, ancak tasarım açısından her şey yanlış geliyor. Tamamlayıcı renkler, çarpışmadan dikkat çekebilir ve dikkat çekebilir. Ayrıca, sitenin geri kalanına bakılmaksızın, sarı renk geçişi mevcut eğilimleri yansıtmayan başka bir şeydir.
Ne demek istediğimi görmek için, yukarıdaki sitedeki gönderim bandını Staples web sitesindeki aynı öğeyle karşılaştıralım.
Bundan çok şey öğrenebiliriz. İlk olarak, düzen çok daha geniş ve ferah, her şey çok sıkı tıka basa dolu değil. Nispeten zayıf merkez hizalamalarının aksine bazı güçlü sol hizalamalar da görüyoruz. Buradaki anahtarın ustaca olduğuna dikkat edin. Her ikisi de Optimize edilmiş web sitesinde gördüğümüz ince çizgilerden oluşturulan degradeler ve hatta bir doku var. Bununla birlikte, Staples sitesinde, bu elemanlar çok daha bastırılmıştır. Dikkat etmiyorsanız hem degradeleri hem de çizgileri kaçırmak kolaydır, yani dikkat dağılmadan estetiğe eklenirler.
Renkler ve Dokular
Siteyi aşağı doğru hareket ettirdikçe, renklerin ve dokuların bir zaman dilimi izleniminde büyük bir rol oynadığını düşünebiliriz. Aşağıdaki ekran görüntüsünde bunu, onları çevreleyen tek piksel siyah konturlarla sert köşelerin güçlü kullanımı ile birlikte görüyoruz. Bu bana bir müşteri için Plone adında bir CMS'de yaptığım bazı işleri hatırlatan bir kutu hissi yaratıyor.
Yine, bunu büyük bir rakibin sitesinde benzer bir alanda gördüğümüz tedavilerle karşılaştıralım. Aşağıdaki ekran görüntüsü, Radio Shack ana sayfasındaki kenar çubuğunu göstermektedir. Bu şirket tam olarak modern iş uygulamalarının mükemmel bir resmi değil, ancak sitelerinin taze ve alakalı görünmesini sağlamaya çalışıyorlar.
Fotoğraflar ve Metin
Sayfadaki grafik öğelerle birlikte, görüntü tedavilerinizi nasıl yapılandırdığınızı da izlemelisiniz. Aşağıdaki fotoğrafta metin yerleştirmek için iyi bir düz renk alanı yoktur, bu nedenle metne dikkat çekmesine yardımcı olmak için garip bir hayalet gölge tedavisi verildi.
Bazen gerçekten metinle çalışmayan bir fotoğrafınız olur. İkisi basitçe çalışmadığında birbirine yapışmaya çalışmak yerine alternatif bir rota düşünün. Metin ve fotoğrafçılığın çekici ve okunabilir bir şekilde nasıl birleştirileceği konusunda bazı harika püf noktaları paylaşan Fotoğraflarla Tasarım'a adanmış bir makalemiz var.
Metin ve Logolar
Bu sayfanın ele almak istediğim son kısmı aşağıdaki resimde gösterilmektedir. Burada, bazıları tartışmalı bir şekilde gerekli olan logoların bir bütünüyle var ama kesinlikle hepsinin orada olması gerektiğine ikna olmadım. BBB'den akreditasyon iyidir, ancak sitenin ABD Posta Hizmetini kullandığını gerçekten bilmem gerekir mi? Çevrimiçi olarak bir ürün satın alırsam, bir şekilde bana gönderileceği ve çoğumuzun "normal eski posta" anlamına gelen ABD Posta Hizmetini alacağımız hemen hemen belli.
Ayrıca, kredi kartı logoları büyük olasılıkla ödeme sayfasına taşınabilir. Çevrimiçi satın alma işlemi gerçekleştirebilecek kadar rahat olan çoğu tüketici, büyük kredi kartları aldığınızı varsayar.
Son olarak, bir sonraki adım büyük bir muntazam metin bloğudur. Üstbilgiler, simgeler, farklılaştırılmış metin işlemleri (bağlantıların yanı sıra) veya bunu kırmak ve daha okunabilir hale getirmek için kullanılan başka hileler yoktur. Bir bakışta bu metin yığınının ne hakkında olduğunu bile bilmiyorum, neden okumak için birkaç dakika sürebilirim?
Web tasarımında, ziyaretçilerin bunun gibi saf metin yığınlarıyla uğraşmasını bekleyemezsiniz. Her 100 ziyaretçiden biri ilk paragraftan geçebilir, ancak bu iyimser. Bu, bir web sayfasında çok fazla metin bulunamayacağı anlamına mı geliyor? Kesinlikle hayır. Sadece ilgili bilgiler için hızlı bir şekilde göz atılabilen anlamlı ve yönetilebilir parçalara bölmeyi öğrenmelisiniz.
MailChimp'teki tasarımcılar bu konuda yıldızlardır ve bu konuyu tartışırken her zaman çalışmalarına atıfta bulunuyorum. Son sitelerin yeniden tasarlanmasıyla ilgili metinlerle dolu bir özellikler sayfası var, ancak bunları nasıl ele aldıklarını kontrol edin:
Güçlü başlıklar, kısa metin blokları ve içeriğe ipucu veren resimler burada tüm bu içeriği kolayca sindirilebilir hale getirmek için kullanılır.
öneriler
Bu siteyi 2011'e getirmek için, tasarımcıların hem alanlarında hem de dışında diğer web sitelerine sıkı bir şekilde bakmalarını öneriyorum (Tasarım Galerimiz tam olarak bu amaç için oluşturuldu). Optimize edilmiş sitede görülen trendler ve taktikler dışında modern siteleri neyin belirlediğini daha fazla araştırın.
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.
