Web Tasarım Eleştirisi # 66: Matthew Coughlin
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ünkü site fotoğrafçı Matthew Coughlin'in portföyüdür.
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.
Matthew Coughlin Hakkında
Matthew Coughlin, Pensacola, Florida'dan yaratıcı bir portre fotoğrafçısı. Çalışmaları, doğal ortamlarda stüdyo aydınlatmasını ağır ve oldukça muhteşem bir şekilde kullanıyor. Sonuç, tipik olarak etkileyici bir dinamik aralığa ve çok dramatik bir görünüme sahip olan çok farklı bir stildir. Özellikle konusunun kişiliğini gerçekten yakalama yeteneğini seviyorum. Her fotoğraf çok tanımlanmış bir hikayeyi çok ilgi çekici bir şekilde anlatır.
İşte ana sayfanın bir ekran görüntüsü:
Bak anne, flaş yok
Kısa bir süre önce, giriş yapanların sitelerinin URL'siyle bize bir tweet atmasını gerektiren bir eleştiri için küçük bir hediye verdik. Katılımcılara baktıktan sonra, hem fotoğrafçı olarak hem de web geliştiricisi olarak Matthew'un sitesine anında çekildim.
Gerçekten ferahlatıcı olduğunu düşündüğüm ilk şey Flash'ın olmamasıydı. Bunu Flash-bashing oturumuna dönüştürmek istemiyorum, ancak fotoğraf endüstrisinde Flash'a aşırı bağımlılık olduğuna inanıyorum. Bulabileceğiniz hemen hemen her fotoğrafçı sitesi neredeyse tamamen Flash üzerine inşa edilmiştir.
Adil olmak gerekirse, bu eğilimin hem artıları hem de eksileri vardır. Tersine, fotoğrafçı siteleri inanılmaz derecede dinamik ve etkileşimli olma eğilimindedir, bu da fotoğrafları görüntülemek için çok çekici bir yol olabilir. Bu, oldukça statik bir sayfa olduğu için Matthew'un sitesinde kesinlikle eksik olan bir öğedir. Daha sonra bakacağımız bazı etkileşimler var, ancak çoğunlukla sadece standart bir CSS resim galerisi.
Negatif tarafta, Flash'ın çok fazla bagajı var. İşlemci yoğun, kesinlikle çok sayıda tarayıcı çökmesine neden olarak belirtilebilir, ancak en önemlisi, çok mobil dostu değildir. iOS, Flash'ı tamamen engelliyor, ancak bunu destekleyen mobil platformlar bile% 100 büyük Flash fotoğrafçı siteleri tarafından oldukça tartılıyor.
Tüm bunları söylemek gerekirse, kesinlikle endüstri standardı olan şeye karşı karar vermeye ve daha geniş uyumlu bir site yaklaşımı kullanmaya karar veren ara sıra fotoğrafçıları görmeyi seviyorum.
Duyarlı Düzen
Bu site hakkında hemen takdir ettiğim başka bir şey, düzenin oldukça duyarlı olmasıdır. Bu nedenle, bu sitenin Flash kullanmaması açısından yalnızca mobil uyumlu olmadığını, aynı zamanda daha küçük ekran boyutlarına göre son derece iyi ölçeklendiğini görüyoruz. Verilen, tasarım bunun büyük bir başarı olmadığı kadar basit ama kesinlikle kötü bir şey değil!
Duyarlı / hissedilebilir düzen, yalnızca tek bir medya sorgusu ve çok sayıda yüzde tabanlı değerle çok basit bir şekilde gerçekleştirilir. Düzen değiştikçe hiçbir şey gerçekten yeniden boyutlandırılmaz, sayfa yalnızca yeniden düzenlenir. Akıcı görüntülere biraz dikkat etmenin mobil görünümü daha güzel hale getirebileceğini düşünüyorum.
Tüm Duyarlı Değil
Beni biraz şaşırtan bir şey, duyarlı tasarımın ana sayfada durmasıdır. Ana sayfadakine çok benzer bir ızgara olan blog düzeni, aynı teknik için mükemmel bir şekilde uygundur ve yine de kesinlikle sağlam değildir.
İlginçtir ki, blog sayfası iPhone'umda aslında masaüstümden daha iyi görünüyor, belki de tasarımcının mobil önce bir strateji aldığını gösteriyor. Bununla birlikte, yukarıdaki resimde görebileceğiniz gibi, sağ tarafta büyük miktarda boş alan olduğu için düzen bir masaüstünde oldukça garip.
etkileşim
Ana sayfaya geri dönelim, bir görüntüye tıkladığınızda ne olduğuna bir bakalım. Burada görüntüleri daha odaklanmış bir ortamda gösteren bu güzel, büyük jQuery kaydırıcısını aldığınızı görüyorsunuz.
Bunu çok beğendim ve sitenin kesinlikle buna ihtiyacı olduğunu düşünüyorum, ancak daha iyi yapmak için birkaç öneri var. Yeni başlayanlar için, ileri / geri kontrolleri biraz yoldan çıktı ve belki de onları nerede olduklarını sevdiğim için koymanın kötü bir yolu, ama zaten olanlara ek olarak çok daha kullanışlı olacağını düşünüyorum büyük resmi tıklayarak slayt gösterisini ilerletti. Bu işlevsellik sezgisel, ana görüntü alanını tıkladığımda yeni bir görüntü almayı bekliyorum, ama istemiyorum.
Ayrıca, resimler arasında otomatik olarak dolaşan küçük bir “Oynat” düğmesine basmanın iyi olacağını düşünüyorum. İnsanların fotoğraf sitelerinde slayt gösterileri görüntülemeye alışık olduklarını anlayamazsınız, bir grup resim çekmek için harika bir yoldur ve kullanıcının sıfır iş yapmasını gerektirir. JavaScript / jQuery alanında kalırken burada bu işlevsellik atmak genel deneyim izlenimini artıracağını düşünüyorum.
Sonuç
Özetle, sitenin temel fotoğraf merkezli tasarımını gerçekten çok seviyorum. Sitenin birçok fotoğraf portföyü olduğu için Flash tabanlı olmadığını ve ana sayfayı biraz duyarlı hale getirmek için yapılan ekstra çalışmaları takdir ediyorum.
Bahsettiğim gibi, kesinlikle blog sayfasının düzenini yeniden düşünür ve ana sayfadaki kaydırıcıya bazı işlevler eklerim. Son bir öneri olarak, ana sayfada öne çıkan bir resme veya slayt gösterisine sahip olmak güzel olabilir. Izgara mükemmel bir şekilde çekici ancak biraz sıkıcı ve üniform olarak algılanabilir. Diğerlerinden daha büyük bir resim ile tasarımı biraz parçalamak, varyasyon ekleyecek ve mizanpajdaki fazlalığı azaltacaktır.
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.