Özel Web Tasarım Kritiği: Yeni Google+
Dün Google, sosyal ağı Google+ üzerinde büyük bir yeniden tasarım gerçekleştirdi. Sadece birkaç nesnenin etrafında karışmakla kalmadılar, tüm görsel deneyimi tamamen yeniden tanımladılar. Böyle büyük bir yenileme, web tasarım eleştirisi serimizin özel bir sürümünü hak ediyor.
Başkalarının sıkıcı eski özellik listeleri hakkında konuşmasına izin verin, biz atlarken bize katılın ve bir tasarımcının bakış açısından neyin daha iyi ve neyin kötü olduğunu görmek için etrafa bakın. Arayüzün her parçasını ayıracağız ve öğrenilecek bir şey olup olmadığını göreceğiz.
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.
Eski Google+
Yeni tasarıma girmeden önce, aşağıda gösterilen Google + 'nın orijinal sürümüne hızlı bir göz atalım.
Gördüğünüz gibi, çok fazla boşluk ile oldukça seyrek bir deneyim. Düzen, içeriği aramak, fotoğraf eklemek, çevrelerinizi görüntülemek vb. İçin yatay bir çubukla üç sütun halinde düzenler. Buradaki düzen aslında Facebook'un mevcut tasarımını oldukça andırıyor.
Genel duygu temiz ve basit, ama aynı zamanda biraz soğuk ve kişiliksiz. Bu, siteyi herkesin almasını ve kullanmasını kolaylaştırdı, ancak belki de sayfayı kendi kişisel iletişim merkeziniz yapma kavramıyla çok yardımcı olmadı.
Yeni Google+
Yeni Google+, boşluk ve esneklik duygularını büyük ölçüde azaltıyor. Karşılaştırıldığında, arayüz özellikler ve düğmelerle dolu görünüyor. Güçlü beyaz kişiliğini korudular, ancak bunu gri bir gölgeyle tamamladılar.
Bu önemsiz bir değişiklik gibi görünebilir, ancak aslında sayfada güçlü bir görsel hiyerarşi oluşturmak için çok kasıtlı bir girişimdir. Eski sayfanın üstte tek bir gri alanı olan beyaz bir deniz olduğu yerlerde, bu sayfa birincil ve ikincil içerik kısımlarını açıkça ayırt etmek için bu iki rengi kullanır. Gözleriniz sayfanın etrafında yüzecek ve arayüzün daha hafif kısımlarına önemli bir önem verecektir.
Yerleşim
Düzen bu sefer çok daha karmaşık. Eski üç sütun düzeninin değiştirilmiş bir versiyonu ve biraz iç içe yerleştirme. Hala iki dar kenar çubuğu ile çevrili geniş bir ana bölüm var, ancak bu ana bölüm şimdi iki güçlü alt sütuna ayrılmıştır. Sayfadaki tüm içeriğin sabit bir konumu vardır, yalnızca ana içerik alanı kayar.
Her şeyi ortadan kaldırır ve sayfanın kemiklerine bakarsak, oldukça karmaşık bir tel kafes görürüz.
Gerçekleşen en önemli kavramsal değişikliklerden biri, eski mizanpajın çeşitli arkadaş çevrelerinizi sol taraftaki dikey bir şeritte ve üst taraftaki gezinme simgeleriniz içerdiği, yeni mizanpaj ise dikey bir simge şeridine yerleştirdiği sol tarafınızda ve çevreleriniz üstte yatay bir çubukta.
Bu sol taraftaki simge tabanlı gezinme modeli, Mac UI tasarımında son derece popüler hale gelen bir şeydir ve web arayüzlerinde yansıtıldığını görmeye başlıyoruz. Bu formatın en önemli destekçilerinden biri, Reeder, Sparrow ve Raven gibi uygulamalarda bir dizi benzer arabirim oluşturan Mac için Twitter (eski adıyla Tweetie) idi.
Yeni Google+ sayfası öğrenilecek bazı kelimelerle birlikte gelir. Sol taraftaki şerit, çeşitli “uygulamalar” içeren “şerit” tir. Ana içerik kutusu “kart” tır ve yorum, + 1'ler vb. İçeren her bir yazının altındaki slayt alanı “etkinlik çekmecesi” dir.
Hizalama Sorunları
Yeni düzen, Google + 'nın daha zengin özellikli bir uygulama gibi görünmesi için uzun bir yol kat ediyor ve sayfanın önemli bölümlerini vurgulamak için kesinlikle kontrastı iyi kullanıyor. Genel düzen şemasıyla ilgili hiçbir sorunum yok, ancak estetiği düşürdüğümü düşündüğüm bazı hizalama sorunlarına dikkat edemiyorum.
Yeni başlayanlar için, ana içerik kutusu ve Hangout düğmesi üst konturları boyunca mükemmel bir şekilde hizalanmış birkaç piksel dahilindedir. Ne yazık ki, benim gibi bir nitpicker için, birkaç piksel bir mil uzakta hissediyor. Beni neredeyse hizalanmış iki şeyden daha hızlı rahatsız eden birkaç tasarım tuhaflığı var. Bu konu hakkında daha fazla bilgi edinmek için “Tasarımda Neden Neredeyse Kirli Bir Kelime” konusuna bakın.
Bir adım geri çekilip bu alandaki dört öğeye de bakıldığında etki daha da kötüdür. Kullanıcı e-posta adresi, birincil içerik kutusu, Hangout kutusu ve bildirim alanı rastgele uzunluklarda ortaya çıkıyor ve yerleşimlerinin arkasında mantık yok gibi görünüyor.
Bu örnek izole bir olay değildir, nesnelerin dikey veya yatay hizalamayı kaçırdığı birkaç durum daha vardır. Aşağıdaki Google+ logosunun, aşağıdaki gezinme tarafından oluşturulan güçlü dikey çizgiden garip bir şekilde dengelendiğini kontrol edin.
Simge Tasarımı: Basit Olandan Daha Fazlası
Tarihsel olarak, Google her zaman tasarım eksikliğiyle biliniyordu. Ortaya çıkan her ürün, hayal edebileceğiniz neredeyse en basit çözüm gibi görünüyordu. Google marka imajı, içeriğin kendisi için konuşmasına izin vermek adına 2000'lerin başında popüler olan parlak ve şatafatlı web 2.0 görsel stilini takip etmeyi tamamen reddetti.
Son yıllarda, ürünleri ince ama sürekli artan bir karmaşıklık ve tasarım detayı gösterdiğinden Google'ın bu fikirlerden yavaşça uzaklaşmaya başladığını gördük. Yeni Google + 'daki simgeler bu kavramın mükemmel bir örneğidir.
Basit soyut şekillerin ve düz renklerin, ince vuruşlar ve degradeler içeren bir evin daha uyumlu bir görüntüsüne nasıl yol açtığına dikkat edin.
Fareyle Üzerine Gelen Efektlerin Tekrarı
Simgeler konusundayken, sitenin bazı küçük etkileşim özelliklerine, yani fareyle üzerine gelme etkilerine kısaca göz atalım. Buradaki genel tema, simgelerin gri ve arka planla çok az kontrast oluşturmasıdır. Ardından, üzerine gelindiğinde simge tam renkli olur. Bunu kenar çubuğunda çalışırken görebilirsiniz:
Tekrarlama bir tasarımcı olarak en güçlü araçlarınızdan biridir ve Google burada iyi bir şekilde kullanmaktadır. Aynı gri-renk efekti, sayfa boyunca birkaç yerde tekrarlanır.
Ancak, bu etki ile biraz tutarsızlar. Tekrarlamayı ilerletmenin uygun olacağını düşündüğüm birkaç nokta var, ancak başka bir rastgele efektle gitmeyi seçtiler. Aşağıdaki örnekte, simgeler fareyle üzerine gelindiğinde düğme şekillerine dönüşür.
Yeni Kenar Çubuğu
Ana içerik bölümünün sağında, Google + 'dan en iyi şekilde yararlanmanıza yardımcı olmak için tasarlanmış çeşitli özelliklere sahip yeni bir kenar çubuğu bulunur. Burası, vurgulu numarada rengi gördüğümüz başka bir yer olduğunu unutmayın.
Bu alan, her bölüm açıkça düzenlenmiş ve farklı olacak şekilde çok güzel bir şekilde tasarlanmıştır. Google'ın Twitter'dan trend olan konular listesi şeklinde bir fikir aldığını görmek ilginç. Kullanıcıların, geliştiricilerin bu davranışı dikkate alıp almadığına bakılmaksızın davranışlarımızı sosyal ağlarda otomatik olarak nasıl aktardığımızın büyüleyici bir örneği olan hashtag sözdizimini benimsediğini görebilirsiniz.
Kullanıcı tabanınızın davranışını yakından görmek ve gözlemlemek ve bunları değiştirmeye çalışmaktan ziyade çekildikleri eylemlere hitap etmek her zaman önemlidir. Bu, platformunuzun daha sezgisel ve benimsenmesi kolay görünmesini sağlayacaktır.
Profil
Yeni Facebook zaman çizelgesi oynatma kitabından (ve belki de Yol) bir sayfa alarak, yeni Google+ profili sadece ana avatar resmine değil, aynı zamanda bir “kapak resmine” (Facebook tarafından kullanılan aynı terim) de izin verir.
Facebook'tan fark edilir bir kopuş olan kısım, sol yerine sağ tarafta bulunan yadsınamayacak kadar büyük profil resmidir. Aşağıda gerçek boyutunda gösterilen bu görüntüler, 250 piksel x 250 piksel boyutunda görüntülenir ve bu kesinlikle Facebook'un 125 piksel kare profil resimlerini tam olarak iki katına çıkarmaz.
İlginç bulduğum bir şey, kapak görüntüsünün aslında ana içerik kutusundan çıkması. Tasarımcılar kasıtlı olarak böyle beklenmedik bir hile çektiğinde genellikle takdir ediyorum ama dürüst olmak gerekirse, burada oldukça dikkat dağıtıcı buluyorum. Bir profil sayfası yüklenir yüklenmez gözlerim garip örtüşmeye atlar.
Karar Nedir?
Geçen ay itibarıyla Google + 'nın aktif kullanıcılar için 100 milyonu aştığı bildirildi. Özellikle Instagram'ın platformu ve 30 milyondan fazla kullanıcı tabanı için Facebook'tan bir milyar dolar yakaladığı gerçeği göz önüne alındığında, hiç kimse buna küçük bir sayı diyemez.
Ayrıca, Twitter'ın yalnızca 140 milyon aktif kullanıcısı olduğunu düşünüyorsanız, Google + 'nın sosyal medyada iki numaralı alan için hızla ateşlediği görülüyor. Bununla birlikte, bu kesinlikle Facebook'un 800 milyon aralığında yer alan aktif kullanıcı tabanına rakip olmak için yeterli değildir.
Yeni tasarım, Google'ın geçmişte başka pek çokları olduğu gibi bu projeden vazgeçme niyeti olmadığını gösteriyor. Kesinlikle sizi cezbetmek ve geri gelmenizi sağlamak için daha keyifli bir deneyim yaratmaya çalışıyorlar. Soru şu, işe yarayacak mı?
Bunu cevaplamak için, insanların Google + 'yı benimsemekten alıkoyan şey konusunda spekülasyon yapmalıyız. Açık olan cevap, bir Facebook hesabınız olduğunda Google + 'nın biraz fazlalık hissettiğidir, bu da hem Facebook hem de Twitter'da aktifseniz daha da fazladır. Başka bir olasılık, eski Google+ kesinlikle çirkin olmasa da, belki biraz steril ve kişiliksiz hissetti.
Yeni Tasarımın Arkasındaki Olası Hedefler
Buradan, yeniden tasarımın arkasındaki en az iki olası hedef için bir tahmin yapabiliriz. Birincisi, Google + 'yı diğer sosyal ağlardan daha fazla ayırmak olacaktır. Kendi oyunlarında Facebook'tan daha iyi olduklarını iddia etmeye çalışmak en iyi seçenek değil, Google'daki insanlar, insanların neden sitelerine gelmeleri için açıkça benzersiz bir kavramsal temel oluşturmak zorundalar. Örnek olarak Twitter, Facebook'un işlevselliğini çoğaltmaktan ve alternatif olarak değil, kendine özgü bir ürün olarak ayakta durmaktan mükemmel bir iş çıkardı.
İkinci amaç, kısırlığı azaltmak ve Google + 'yı gezinmesi kolay ve hatta kullanımı eğlenceli, samimi ve hoş bir yere dönüştürmeye başlamak olacaktır.
Bu Hedeflere Ulaştılar mı?
Tasarımı bu hedefler açısından analiz edersek, bir başarı olup olmadığını daha iyi ölçebiliriz. Bu egzersiz, neyin işe yarayıp neyin yaramadığını bulmak için karanlıkta körü körüne bıçaklamak yerine karşılaştırmak için net noktalar verir.
İlk hedef olarak, Google bazı alanlarda bazı ilerlemeler kaydetti ve belki diğerlerinde biraz geri çekildi. Genel olarak, yeni düzen Facebook'tan eskisinden çok daha fazla sıçradı. Bir bakışta, ya sadık bir kullanıcı birini diğeriyle asla karıştırmaz, ki bu iyi bir şeydir.
Ayrıca, daire filtrelerini en üste yerleştirmek ve Hangout'lara önem vermeye devam etmek gibi küçük dokunuşlar, Google'ın birkaç yeniliğinin ön ve merkez olmasını sağlar. Bu ilerleme, sosyal ağın aslında daha az değil, bir Facebook klonu gibi hissettiren yeni kapak resmi gibi diğer alanların aksine. Facebook'un yeni formatını ödünç almak yerine bu alanda benzersiz bir düşünce gösterdiklerini görmek isterdim.
İkinci hedef kesinlikle tasarım yenilemesinde temel bir endişe kaynağı gibi görünüyor. Yeni Google+ daha davetkar bir ortam yaratıyor. Belki de eski sürümle karşılaştırıldığında dağınık olmanın eşiğinde olmasına rağmen, ana sayfanızda gerçekleşen tüm şeylerle daha sağlam bir hizmet gibi hissediyor.
Yüzlere daha fazla vurgu var. Büyük yeni profil resminizle başlar ve tanıyabileceğiniz kişiler ve hoşunuza gidebilecek kullanıcılar için önerilerin yanı sıra, arkadaşça yüzlerle dolu büyük bir sohbet kenar çubuğu gördüğünüz ana sayfadan devam eder. Google, arkadaş edinmenizi, gittiğinizde bunu özleyecek kadar deneyime girmenizi istiyor. Daha fazla arkadaş, daha fazla etkileşim anlamına gelir, bu da geri dönmek için daha fazla neden anlamına gelir.
Ne düşünüyorsun?
Google+ bana son aylarda dikkat çekiyor gibiydi. Bununla birlikte, bu algı, gerçekte sessizce ama sürekli olarak etkileyici sayıda aktif günlük kullanıcıyla çizelgeleri tırmanıyormuş gibi kusurluydu. Ne olursa olsun, halkın ilgisini çekmeye başlasalar bile, yeni tasarım tüm web'in bir kez daha onlar hakkında konuşmasını sağlamak için mükemmel bir şekilde zamanlandı. Yenilemenin arkasındaki tek sebep bu olsa bile, muhtemelen ödeyecek.
Ancak, yukarıda açıkladığım gibi, burada daha derin hedefler olduğunu düşünüyorum. Şimdi düşüncelerimi okuduğunuza göre, konuşmaya geçme zamanı. Google'ın yeni tasarımla hangi hedeflere ulaşmaya çalıştığını düşünüyorsunuz? Bu niyetleri etkili bir şekilde çıkardılar mı?
Ayrıca Google+ sonuçta Wave, Buzz ve diğer başarısız sosyal girişimlerin yolunu tutmaya mahkum mu yoksa istikrarlı büyümesine devam edecek ve web'deki en önemli sosyal ağlardan biri olacak mı?
