Web Tasarım Kritiği # 57: Tamam Geek
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 Okay Geek, harika bir gadget ve teknoloji blogu.
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.
Okay Geek Hakkında
Daha önce “T3ch H3lp” olarak bilinen Okay Geek, teknoloji tutkusu olan insanlar için geeky orijinal içerik getirmeye çalışan yeniden düşünülmüş bir teknoloji blogudur. Okay Geek'i Squarespace ve kendi özel araçlarımızı kullanarak sıfırdan inşa ettik. Okay Geek'in hızlı, iyi tasarlanmış ve kullanımı kolay bir web sitesi olmasını istiyoruz ve bunu çok iyi yaptığımıza inanıyoruz.
İşte ana sayfanın bir ekran görüntüsü:
İlk İzlenim
Bu eleştirilerin neredeyse altmışını yazdım. İlk başta oldukça kolaydı, harika, ancak iyileştirilmesi gereken bazı sağlam alanlar vardı. Son zamanlarda, gönderenler benim için bu kadar kolay olmamıştı. Tamam Geek bu sitelerden biri.
Çirkin bir siteyi eleştirmek oldukça kolay, ama bu muhteşem. Biraz şablon-y tarafında olmasına rağmen, teknoloji blogları gittikçe, bu kesinlikle bir süredir gördüğüm daha çekici olanlardan biri. Yani, son zamanlarda Gizmodo'yu gördün mü? Ama konuya giriyorum…
Alt satırda, Okay Geek gerçekten ilginç bulduğum içeriğe sahip harika görünümlü bir site. Bu incelemeyi okuduktan sonra, incelemek için siteye uğrayın.
Olumsuz yorumlar yolunda çok fazla şey olmamasının ışığında, Tamam Geek hakkında sevdiğim birkaç şeye bakalım.
Boşluk Sayısı
Boşluk, düzgün bir şekilde kullanılması zor bir yaratıktır. Birçok tasarımcı bundan korkuyor gibi görünüyor ve sayfadaki her şeyi birbirine çok yakın sıkıştırıyor. Diğerleri, bir CSS çerçevesinde her zaman önceden belirlenmiş bir oluk genişliği kullanma tuzağına düşer ve öğelerin nefes almak için gerçekten daha fazla alana ihtiyaç olup olmadığını asla analiz etmez.
Whitespace, tasarım temelinde analiz etmeniz gereken bir şeydir, her site için en iyi sonucu verecek sihirli bir formül yoktur. Tamam Geek, geleneksel Envato benzeri blog düzenini gerçekten açtı ve her sütuna çok fazla alan verdi. Sonuç, her bir parçaya içeriğin geri kalanından öne çıkması için gereken vurguyu veren hoş, havadar bir his.
Küçük bir not, yukarıdaki resimde sağdaki kutu biraz fazla yüksek. Sol sütunla aynı hizaya getirmek için birkaç piksel aşağı doğru çarpın.
Uyarlanabilir Boşluk
Belki de daha da önemlisi, beyaz alanın farklı boyuttaki tarayıcı pencerelerine gerçekten iyi yanıt vermesidir. Pencere küçüldükçe veya büyüdükçe, düzen her şeyi güzel ve okunabilir tutarken düzeni daha küçük bir alana sıkıştıran küçük ayarlamalar yapar.
Öneri: Medya Sorguları
Muhtemelen çok şey yapmaya başladığımı göreceğiniz bir öneri, sitenin önceden ayarlanmış birkaç genel boyutta daha iyi görünmesini sağlamak için medya sorgularının birleştirilmesidir. Tamam Geek zaten akıllı telefonlar için olağanüstü bir mobil siteye sahip, ancak medya sorguları ve özel stiller, aradaki tablet boyutundaki düzenlerin tasarımını sıkılaştırmaya yardımcı olabilir.
Kaygan Bir Başlık
Ben iyi görünen bir başlık için enayi. Bu tür siteler için, kitabı gerçekten yargıladığınız kapak görevi görürler. Burada başlık güzel ve büyük, gerekli arama ve gezinme öğelerini tam olarak beklediğiniz yerde kaplayın ve güzel animasyonlu vurgulu efektlere sahip üç büyük özellikli makale resmine sahip.
Bu özellik makalelerini doğrudan başlığa yerleştirmek, kullanıcıları hemen emmek için harika bir yoldur. Zelda Efsanesi hakkında bir hikaye görürsem, bir tıklamaya dayanamayacağımı biliyorum!
Nice Post Önizleme
Gerçekten sevdiğim bir diğer şey de post önizlemelerin genel tasarımı. Onlar teaser içeriği ile güzel ve büyük. Özellikle sizi çeken bu büyük görüntüleri çok seviyorum (sitenin onlar için bir performans isabeti alabileceğini düşünmeme rağmen).
Bu sitenin yaptığı kadar büyük görünmesi için çok fazla düşünce ve çaba harcadığını söyleyebilirim. Bir gönderi önizlemesinin üzerine geldiğinizde, en ufak bir gölge gölgesi efektinin ortaya çıkması gibi uzun bir yol kat eden birçok küçük dokunuş vardır. Gerçekten hoş bir dokunuş!
Öneri: Metin Hizalama ve Kaydet Düğmesi
Bu alanla ilgili iki küçük endişem var. Birincisi, alttaki paragraf metni sola çok uzak. Kutudaki diğer içerikle aynı kenar boşluklarına sahip olmalı, ancak bunlardan kurtulup garip bir şekilde kenara yaklaşıyor gibi görünüyor.
Ayrıca, ana sayfadan Instapaper entegrasyonunu seviyorum. Bununla ilgili tek sorunum, gerçekten kaydet düğmesinin Instapaper'a bir bağlantı olduğunu söylemenin hiçbir yolu yok. “Save This” biraz belirsiz ve blog bağlamında aşina olduğumuz bir terim değil. Belki de “Instapaper'a Kaydet” düğmesi daha uygun olabilir.
Yararlı Bir Kenar Çubuğu
Okay Geek'in genel iki sütunlu düzeni oldukça popülerdir, ancak sağ sütun genellikle kimsenin bakmak istemediği dağınıklık ve gereksiz çöplerle doludur. Ancak, Tamam Geek kenar çubuğunu oldukça ilginç buldum. Bu bölüm için gerçekten alakalı materyaller oluşturmak için ekstra yol kat etmek, alanı bir reklam alıcısı yapmaktan ziyade kullanıcılarınıza haklı çıkarmanıza yardımcı olur. Bu aynı zamanda reklamverenlerinize bazı görüşler kazandırır!
Ciddi Sosyal
Tamam Geek, içeriğini arkadaşlarınızla paylaşmanızı sağlamak için hiçbir çaba sarf etmiyor. Bu girişim, özellikle siteye dağılmış çeşitli sosyal bağlantılar ve düğmelerle kolayca üst sıralarda ortaya çıkabilir.
Bununla birlikte, her küçük sosyal alan, blog temasına tam uyacak şekilde özel olarak tasarlanmıştır, böylece sonuç dağınık olmaktan çok uzaktır. Bloglar sosyal medya tarafından yaşar ve ölür, böylece sağlam entegrasyonlar şart!
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.
