Web Tasarım Kritiği # 82: Paul O'Rely
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 Brezilya'dan tasarımcı Paul O'Rely'nin kişisel portföyüdür. İçeri girelim ve ne düşündüğümüzü görelim!
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.
Paul O'Rely Hakkında
Kendini tanımlayan interaktif bir tasarımcı ve web girişimcisi olan Paul şu anda 28 yaşında, Brezilya'da yaşıyor ve “yaratıcı, basit ve şaşırtıcı şeyler hakkında tutkulu”.
İşte web sitesinin bir ekran görüntüsü
İlk izlenim
O yarasadan hemen Paul'un sitesini çok sevdiğimi söyleyeceğim. Oldukça benzersiz, bakmak ve etkileşim kurmak için birçok ilginç şey var ve mesaj çok net: İşte bu kişi kim, ne yapıyor ve onunla nasıl iletişim kuracak. Bunlar dürüstçe bir tasarımcının kişisel portföyünün en önemli yönleridir ve bence Paul hepsini çiviledi (küçük bir kopya düzenleme sırayla olabilir, aksi takdirde harika bir iş olabilir).
Bir çeşit genel şikayette bulunmak zorunda kalsaydım, muhtemelen başlıkta önemli bir “vay” faktörünün olmaması olurdu. Site bir bütün olarak harika (altbilgide bazı akıllı voodoo var), ama sayfanın üst kısmını yüklediğimde, beni yakalayan ve daha fazla bakmaya davet eden hiçbir şey yok. Bahsettiğim gibi, bizi siteye ve kendisine tanıtmak için mükemmel bir iş yapmaya odaklanıyor ve bundan uzaklaşmak istemem, ancak yine de ziyaretçileri etkilemek için bu noktada daha fazla şey yapılabilir gibi hissediyorum.
Şimdi siteyi bir bütün olarak tartıştığımıza göre, zar atıp tasarımın çeşitli özel yönleri hakkında konuşalım. Söylemek zorunda olduğum şeylerin çoğu olumludur, bu yüzden bu, kötü olanlardan daha iyi bir örnek olarak hizmet verecek sitelerden biridir.
Sadece Bir Sayfa!
İnsanların tek sayfa sitelerini bash duydum, ama onları kazıyorum. Paul aslında bu tek tuvalle biraz yaptı ve yine de boşlukla düpedüz taşmayı başardı.
Sitenin nispeten basit amacı göz önüne alındığında, bu içeriği ayrı sayfalara ayırma ihtiyacını gerçekten görmüyorum. Akış mantıklı ve takip edilmesi kolaydır: Yukarıdan Paul'le tanışırsınız ve ne yaptığını öğrenirsiniz, sonra iş örneklerini görürsünüz, gördüklerinizi beğenirseniz onunla iletişime geçme şansınız olur.
Tek sayfalık paradigmanın istisnası elbette blog'udur, ancak bu gerçekten bu sitenin bir uzantısı yerine tamamen ayrı bir varlık gibi hissettirir.
matbaacılık
Paul, sitesinde Typekit'in izniyle sunulan harika görünümlü özel yazı tiplerine sahiptir. Başlıktaki kalın levha serifine, her yerde gördüğünüz tipik ChunkFive'dan hoş bir değişiklik olan Adelle denir.
Paul'un Adelle ile ne eşleştirileceği konusundaki seçimini de çok seviyorum: Museo Sans. Museo Ailesi aslında slab serifidir, ancak bir sans serif versiyonuna sahiptirler. Bu gerçekten akıllı bir seçim çünkü Museo Sans, slab serif yazı tiplerinin yanında iyi görünecek şekilde özel olarak tasarlandı.
Paul ilk iki yazı tipi seçimlerinde başarılı olmasına rağmen, maalesef üçüncünün büyük bir özledim.
Gördüğünüz gibi iletişim formu Lobster kullanıyor. Bu seçimi özellikle sevmememin üç nedeni var. Yeni başlayanlar için, Lobster çok yaygın olduğu için klişe bölgesine hızla yaklaşıyor. Popüler yazı karakterlerini kullanamayacağınızı söylememek için, bunu dikkatli ve incelikli yapmanız yeterlidir.
Daha da önemlisi, sayfa için büyük, cesur, benzersiz yazı tipinizi zaten seçtiniz ve sadece iletişim formu için bundan sapmak biraz sarsıcı. İkisi birleştirilebilir, ancak aralarında keyfi olarak geçiş yapmak yerine aşağıdaki örnek gibi açık bir hiyerarşiyle entegre bir şekilde olmalıdır.
Son olarak, neredeyse çok fazla metniniz olduğunda, bir komut dosyası yazı tipi, okunabilirlik açısından oldukça zayıf bir seçim olacaktır. Basit gerçek şu ki, gözleriniz ve beyniniz için döngüsel, bağlantılı bir senaryoda yazılmış bir paragrafın tamamını sıralamak ve deşifre etmek çok daha fazla iştir.
Bunun bir iletişim formu olduğu göz önüne alındığında, müşterilerin Paul'e uzun bir adımla yaklaşmaları mümkündür. Beni Lobster'da yazmaya zorlamak, iletişim formunuzu asla kullanmamam için harika bir yoldur.
Renkler
Paul'un sitesi temel bir beş parçalı renk şeması kullanıyor. İşte sayfada göreceğiniz renklerin hızlı bir tablosu:
Gördüğünüz gibi, bu dikkatinizi çekmek için tasarlanmış çok cesur bir renk şemasıdır. Çoğunlukla, kömür, krem ve mavi arasında bir denge kullanır, ilk ikisi maviyi gerçekten öne çıkaracak kadar hafiftir. Yeşil, durum öğesini yalnızca dikkatinizi o noktaya çeken normal akışın ihlali olarak kullanır.
Yeterince sert bakarsanız, orada da kırmızı sıçramalar bulacaksınız. Bence bu tutarsız ve gereksiz görünüyor. Tekrardan faydalanmak ve bunu yeşili kullanmak için başka bir fırsat olarak almak daha iyi olurdu (ya da sadece yeşil olmadan kırmızıyı kullanmak).
Katılım ve Etkileşim
Paul'un gerçekten iyi yaptığı bir başka şey de siteyle etkileşimde bulunmanızı ve etkileşimde bulunmanızı sağlamaktır. Örneğin, üstbilgi, yeteneklerinin, tıklatılabilen ve düzgün bir animasyonla genişletilebilen farklı kategorileri olan bir çeşit çubuk grafiği gösterir.
Sayfayı daha aşağı kaydırın ve çalışmasını gösteren etkileşimli bir dikey görüntü kaydırıcısı bulun. Bir kez daha, geçişlerin ve tıklama etkinliklerinin mükemmel kullanımını ve bazı güzel hareket hızlandırma çalışmalarını görüyoruz.
Altbilgiye indiğinizde bir yüzme balığı gölü bulursunuz. Bu kısım gerçekten çok etkileyici! Bu konuda hiçbir şey sıkıcı, tek tip, ilmekli bir animasyon gibi hissettirmiyor. Balıkların ve kabarcıkların paterni rastgele hissedilir (gerçekten olup olmadığı neredeyse alakasızdır).
Balıkların hızlarını gerçekçi bir şekilde nasıl değiştirdiğini de çok seviyorum. Yavaş yüzüyorlar, sonra kıpırdamak ve ateş etmek için neredeyse duruyorlar. Burada biraz animasyon çalışması için Paul'e şapka çıkar!
özet
Özetle, siteyi seviyorum. Gerçekten çok iyi ve Paul'un üzerine döktüğünü ve çok çaba harcadığını söyleyebilirim. Sitedeki hemen hemen her şey, mizanpaj ve yazı tiplerinden renklere ve çizimlere kadar harika görünüyor. En büyük şikayetim, Lobster'ın iletişim formunda kullanılması ve ikincil endişem, siteye gerçekten girdiğinizde elde ettiğiniz “vay” faktörünün bazılarını çekmek için başlığı yeniden düşünmek.
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.