Facebook, Bağımsız Tasarımların Derinlemesine Bir Analizini Yeniden Tasarladı

Diğer tasarımcıların çalışmalarını inceleyerek öğrenilecek çok şey var. Bu, hem profesyonel projeler hem de mevcut web siteleri için özel tasarımlar için geçerlidir. Facebook gibi büyük siteler, bazı iyi öğeler ve diğer iyi olmayan öğelerle çok özel bir kullanıcı deneyimi sunar. Bu yayında ben isterim arayüz kavramlarını analiz etmek için farklı Facebook tasarımlarını incelemek Mevcut kullanıcı deneyimini geliştirebilecek.

Her biri ile birlikte Dribbble kullanıcılarından bir avuç özel FB yeniden tasarımını çektim. belirli geliştirmeler ve güncellenmiş UI öğeleri. Nasıl göründüğü, nasıl işleyebileceği ve kullanılabilirliği nasıl etkileyebilecekleri eğer uygulandıysa Facebook'ta canlı.

Kolaylaştırılmış Profil Sayfası

Bu profil sayfası yeniden tasarımı, Avrupa'nın Balkan bölgesinden bir tasarımcı olan Haris Jusoviç'ten geliyor..

Bu tasarımda, sayfa sahibini daha fazlasıyla vurgulayarak basitliğe daha fazla odaklanır. önde gelen başlık fotoğrafı ve profil pic.

Zaman çizelgesi yayınları “son” veya “popüler” tercihinize göre. Bu, özellikle Twitter'ın yakın zamanda uygulanan algoritma değişikliğine karşı tepkisinin ardından, kullanılabilirlik açısından büyük.

Ayrıca, düğmelerin çoğu, Ekstra dolgu ve daha büyük tipografi. Facebook etkileşimli olması gerektiği için, yalnızca düğmeler ve köprüler gibi öğelerin görünürlüğünü artırmak mantıklı geliyor.

Genel olarak bu kavram hissediyor şişirilmiş kompakt ve hafif. Facebook'un etkileşimli öğelere odaklandığını görmek ve yazı tipi boyutlarını yükseltmek güzel olurdu.

Çok Sütunlu Zaman Çizelgesi

Dikey olarak sütun düzenine doğru yönelmek Alejandro Osorio'nun yeniden tasarımıdır. Bu düzen, Facebook kullanıcılarının bir kullanıcının profil sayfasını ziyaret ettiklerinde gördükleri profil zaman çizelgesi görünümünü temsil eder..

Tasarım çarpıcı, ancak bazı kullanıcılar için vazgeçilmez olabilir. Dayanır düzenlemek için birden fazla sayfa sütunu kullanıcının profil bağlantıları ve son yayınların zaman çizelgesi görünümü. Tüm renkler ve unsurlar Facebook'un tasarım stillerine sadık kalıyor. Kesinlikle bir Facebook zaman çizelgesi sayfası gibi geliyor.

Ancak kenar çubuğu elemanlarından bazıları biraz kafa karıştırıcı olarak ortaya çıkar. Örneğin, yanında bir artı işareti olan yeşil renkli bir düğme “takip et” buton. Biri sadece bir sembol kullanır, diğeri sadece metin. Bu, tasarım stili ve diğer profil bilgileriyle uyumsuz hissediyor.

En çok sevdiğim şey burada Zaman çizelgesindeki verilerin yapısını temizle. Her şey net bir şekilde düzenlenmiştir ve son yazılar ile popüler yazılar arasında geçiş yapmak için kenar çubuğu bağlantıları bile vardır..

İçerik Yoğun Yeniden Tasarım

Facebook gibi daha büyük web siteleri çok daha fazla veriyle ve bu verilere kolay erişmek isteyen bir kullanıcı tabanıyla ilgilenir. MagicVoltage tarafından yeniden tasarlanan ana sayfada tutarlı bir özellik bulacaksınız: çok fazla içerik tek bir sayfa düzeninde sıkıştırılmış.

Facebook'un ana sayfası, kullanıcıların web sitesini ilk ziyaret ederken gördükleri ilk zaman çizelgesi görünümüdür. Arkadaşlardan gelen son gönderileri, sohbet listesini, oyunları, reklamları ve yaklaşan doğum günleri gibi diğer alakalı bilgileri içerir..

Bu yerleşimin yoğunluğu onu hem harika hem de potansiyel olarak tartışmalı kılan şeydir. Tüm bu içeriğin bir sayfada olması onu oluşturuyor gezinmek için süper kolay - Bir zamanlar aslında her şeyin nerede olduğunu öğreniyorsun. Ve sol üst ikon bağlantıları, kimsenin onlarla etkileşime girmesini engellemek için yeterince belirsizdir..

Ancak bu tasarımın savunmasında yoğun paketlenmiş içeriği çok iyi işler. Orada elementler arasındaki boşluk ve dört sütunlu bir tasarımı zekice kullanıyor.

Hacimli Navigasyon

Marcelo Silva tarafından yaratılan bu sözde Facebook 2.0 yeniden tasarımı gerçekten görülmesi gereken bir manzara. Demo düzeni, zaman çizelgesi ve kısmen gizli sohbet rehberi olan güncellenmiş bir ana sayfa görüntüler..

Bu tasarım için büyük bir parça katmanlı navigasyon sistemi. İkincil bağlantıları görüntüleyen simge bağlantılarına sahip bir birincil nav'un ​​olmasını seviyorum. Yukarıdaki ekran görüntüsünde, kullanıcı için bağlantıların bulunduğu profil simgesini seçiyor. yakın geçmişe göz atma ve profili düzenleme.

Facebook'un geleneksel kare fotoğraflarından farklı olarak Marcelo'nun yeniden tasarımı dairesel fotoğrafa doğru karar verir. Bu stil hem zaman çizelgesinde hem de sohbet listesinde her yerde bulunur.

M Yardımcısı ve Son Faaliyet Listesi

Steven McCabe'nin FB yeniden tasarımı hakkında söylenecek çok şey var. Aslında, oyunlar ve son etkinlikler gibi pek çok alan etkileyici bir facelift ile tamamen yeniden tasarlandı..

Steven'ın tasarımı Facebook'un şu anki renk düzeninden çok daha koyu. Bunu seviyorum, çünkü kenar çubukları ve ana sayfa içeriği arasında daha fazla kontrast oluşturuyor. Facebook'un güncel anasayfası bu içeriğin çoğuna sahiptir, ancak zamanla arka plana karıştırabilir.

Başlık, bildirimleri belirtmek için hala kırmızı kabarcıklar kullanıyor. Ayrıca sağ kenar çubuğundaki arkadaşlardan gelen son etkinlikleri sıralamak için yetenekli yayınlar ve bir haber kaynağı var..

En altta Facebook'un M'si için küçük bir kutu göreceksiniz. Siri'nin eşdeğeri Facebook kullanıcıları için.

Bu özellik yeniden tasarımlarda çok fazla dikkat çekmiyor ancak Steven, konseptinin modern Facebook teknolojisini gerçekten temsil etmesi için gerçekten çok işe yaradı.

Dört Sütunlu Zaman Çizelgesi Düzeni

İşte Japon tasarımcı Sho Kameya tarafından yapılan 4-col ana sayfanın yeniden tasarımı. Bu sütunların tümü sayfanın tamamını yay, hem genişlik hem de yükseklik.

En soldaki kenar çubuğu oyunlar, uygulamalar, sayfalar, geliştirme kaynakları ve diğer benzer öğeler için geleneksel Facebook bağlantılarına yoğun bir şekilde odaklanır. Sonraki tüm yeniden tasarımları arasında en çeşitli olan içerik sütunu. Bu, güncelleme durumu için geleneksel bağlantıları korumaz / fotoğraf ekler ancak bunun yerine Gizli seçeneklerle minimalist yaklaşım.

Sağ taraftaki iki kenar çubuğu, kullanıcı avatarları ve oyun simgeleri gibi daha fazla fotoğraf içeren her şeyi içerir. Bu tasarım hala doğum günleri, sohbetler ve arkadaş önerileri gibi tüm güncellemeleri tutar..

Bu tasarım çok çeşitlidir ancak Facebook'un özelliklerine sadık kalır. Mükemmel yeniden tasarım olmayabilir ama dört sütunlu bir düzenin olasılıklarını gösterir.

Karanlık Sohbet Listesi ile Basitleştirilmiş Kullanıcı Arayüzü

Ben Hartley'in yeniden tasarlanmasının amacı basitlik ve inceliktir. Düzen, daha büyük sayfa öğeleri üzerinde birkaç gölge içeren düz tasarım konseptlerinin bir kombinasyonunu kullanır.

Birçok markalı ürün aynı kalır ve Facebook'un geleneksel mavi / gri renk şemasına güvenir. Ancak bazı ikonların yeniden tasarlandığını göreceksiniz daha küçük veya daha basit (ya da her ikisi de).

Bu düzen ayrıca dayanır dairesel avatarlar ve paylaşılan görüntüler için bolca yer sağlar mesajlarla. Gerçekten çok hoşuma gidiyor koyu renk şeması ve daha küçük durum simgeleriyle güncellenmiş sohbet listesi.

Ben'in yeniden tasarımı hala biraz dağınık hissediyor olsa da, çok daha basit hissettiriyor. Bu, bir tarayıcıda UX çalışmaları olmadan kullanıcı deneyimini ölçmek için zor bir tasarım olacaktır. Ama bir bakışta görünüyor göz atması daha kolay ve zaman çizelgesi içeriği tüketmek için daha fazla yer sağlar.

Sarmak

Bu örnekler öncelikle Facebook'a odaklansa da, öğrenilen dersler herhangi bir web sitesine uygulanabilir. Mükemmel kullanıcı deneyimi tasarımı tüm dil engellerini aşar ve dijital yaratıcı sürecin hayati bir parçasıdır.

Bu analizden fikir almaktan çekinmeyin ve hatta kendi projelerinizde benzer fikirleri uygulayın. Ayrıca herhangi bir sevilen Facebook yeniden tasarımını bulursanız, yorumlarınızı kendi analizlerinizle paylaşmaktan çekinmeyin.