Facebook přepracován in-hloubkové analýzy nezávislých návrhů

Studium práce jiných designérů se musí hodně naučit. To platí jak pro profesionální projekty, tak i pro návrhy na stávající webové stránky. Velké weby, jako je Facebook, poskytují velmi zvláštní uživatelský zážitek s některými dobrými prvky a dalšími ne-tak dobrými prvky. V tomto příspěvku bych chtěl prozkoumat různé redesign Facebook analyzovat koncepty rozhraní které by mohly zlepšit současnou zkušenost uživatelů.

Vytáhl jsem pár vlastních návrhů FB od uživatelů Dribbble, každý s specifická vylepšení a aktualizované prvky uživatelského rozhraní. Vezměte tyto myšlenky v úvahu, jak vypadají, jak mohou fungovat a jak by mohly ovlivnit použitelnost pokud je implementován živě na Facebooku.

Zjednodušená stránka profilu

Redesign tohoto profilu pochází z Haris Jusovic, designéra z balkánského regionu Evropy.

V tomto designu se více zaměřuje na jednoduchost zvýrazněním vlastníka stránky s více prominentní foto záhlaví a profil pic.

Příspěvky časové osy lze třídit podle “nedávné” nebo “oblíbený” podle vašich preferencí. To je velké pro použitelnost, a to zejména v návaznosti na odezvu Twitteru proti nedávno změněnému algoritmu.

Také mnoho z tlačítek se zvětší extra polstrování a větší typografie. Vzhledem k tomu, že Facebook má být interaktivní, má smysl zvýšit viditelnost položek, jako jsou tlačítka a hypertextové odkazy.

Celkově se tento koncept cítí kompaktní a lehčí v barvě. Bylo by hezké vidět Facebook místo více zaměřené na interaktivní prvky a možná i zvětšit jejich velikost písma.

Časová osa více sloupců

Převrácení směrem k vertikálně sloupovému uspořádání je redesign Alejandra Osoria. Toto rozvržení představuje zobrazení časové osy profilu, které uživatelé Facebooku uvidí, když navštíví stránku profilu uživatele.

Design je zarážející, ale může být off-putting pro některé uživatele. Opírá se o to uspořádat více sloupců stránky odkazy na profil uživatele spolu s časovým pohledem na nedávné příspěvky. Všechny barvy a prvky zůstanou věrné stylům designu Facebooku. Určitě to vypadá jako stránka časové osy Facebook.

Některé prvky postranního panelu se však odráží jako lehce matoucí. Například zelené tlačítko s jedním znaménkem plus vpravo vedle a “následovat” tlačítko. Jeden používá jen symbol, druhý jen text. To je v rozporu se stylem designu a dalšími informacemi o profilu.

Nejvíc se mi líbí jasnou strukturu dat na časové ose. Všechno je organizováno jasně a jsou tam i postranní odkazy, které umožňují přepínat mezi nedávnými příspěvky a oblíbenými příspěvky.

Content-Dense Redesign

Větší webové stránky, jako je Facebook, se zabývají mnohem více dat a uživatelskou bází, která vyžaduje snadný přístup k těmto datům. V redesign domovské stránky MagicVoltage najdete jednu konzistentní vlastnost: spousta obsahu napěchovaná do jedné stránky.

Domovská stránka Facebook je úvodní zobrazení časové osy, které uživatelé uvidí při první návštěvě webu. Zahrnuje nedávné příspěvky od přátel, seznam chatu, hry, reklamy a další relevantní informace, jako jsou nadcházející narozeniny.

Obsazenost tohoto rozložení je to, co z něj dělá velké i potenciálně kontroverzní. S tímto obsahem na jedné stránce to dělá super snadno navigovat - jakmile se naučíte, kde se vše nachází. A odkazy nahoře vlevo jsou dostatečně vágní na to, aby někoho odradily od interakce s nimi.

Ale při obraně tohoto designu velmi dobře zpracovává hustě zabalený obsah. Tady je dostatek mezer mezi prvky a běží brilantně čtyř-sloupcový design.

Objemná navigace

Tento takzvaný redesign Facebook 2.0 vytvořený Marceloem Silvou je opravdu pohledem na pohled. Jeho demo layout zobrazuje aktualizovanou domovskou stránku s časovou osou a částečně skrytými kontakty chatu.

Velký kus k tomuto designu je stupňovitého navigačního systému. Líbí se mi, jak tam je primární nav s ikonami odkazy, které zobrazují sekundární odkazy. Ve výše uvedeném obrázku uživatel vybere ikonu profilu, která obsahuje odkazy procházení nedávné historie a úpravy profilu.

Na rozdíl od tradičních čtvercových fotografií Facebooku je redesign Marcelo zvolí směrem ke kruhové fotografii. Tento styl je všudypřítomný jak v časové ose, tak v seznamu chatu.

M Seznam asistentů a seznam posledních činností

O redesign FB Stevena McCabeho je toho mnoho. Ve skutečnosti, mnoho oblastí, jako jsou hry a nedávné aktivity byly zcela přepracovány s působivou facelift.

Stevenův design je mnohem tmavší než současné barevné schéma Facebooku. Líbí se mi to, protože staví více kontrastu mezi postranními panely a obsahem primární stránky. Aktuální domovská stránka Facebooku má většinu tohoto obsahu, ale časem se může prolnout do pozadí.

Záhlaví stále používá červené bubliny k označení oznámení. K dispozici je také trendy příspěvky a novinky se schopností třídit nedávné aktivity od přátel v pravém bočním panelu.

Na samém dně si všimnete malé krabičky pro Facebook, M ekvivalent Siriho pro uživatele Facebooku.

Tato funkce nedostane velkou pozornost v redesigns, ale Steven opravdu šel all-out, aby se jeho koncept skutečně představují moderní Facebook technologie.

Rozložení časové osy čtyř sloupců

Zde je další 4-col redesign stránky od japonského návrháře Sho Kameya. Všechny tyto sloupce celé stránky, šířku i výšku.

Odlehlý postranní panel umístí těžké zaměření na tradiční odkazy na Facebook pro hry, aplikace, stránky, zdroje dev a další podobné položky. Další je obsahový sloupec, který je nejrozmanitější ze všech redesignů. To neudržuje tradiční odkazy na stav aktualizace / přidávání fotografií, ale místo toho používá minimalistický přístup se skrytými možnostmi.

Dva pravé postranní panely obsahují vše ostatní s více fotografiemi, jako jsou uživatelské avatary a herní ikony. Tento design stále udržuje všechny aktualizace, jako jsou narozeniny, chaty a doporučení pro přátele.

Tento design je velmi různorodý, ale zůstává věrný jádru rysů Facebooku. Nemusí to být perfektní redesign, ale to ukazuje možnosti uspořádání čtyř sloupců.

Zjednodušené uživatelské rozhraní s Dark Chat List

Cílem redesign Ben Hartley je jednoduchost a jemnost. Rozložení používá kombinaci konceptů plochého designu s několika stíny na větších prvcích stránky.

Mnoho značkových výrobků zůstává stejné a spoléhá se na tradiční Facebookské modré / šedé barevné schéma. Ale všimnete si, že některé ikony byly přepracovány menší nebo jednodušší (nebo oboje).

Toto uspořádání také spoléhá na kruhové avatary a poskytuje dostatek místa pro sdílené snímky s příspěvky. Opravdu si ho užívám aktualizovaný seznam chatu s tmavším barevným schématem a menšími stavovými ikonami.

Zatímco Benův redesign se stále cítí trochu přeplněný, cítí se mnohem jednodušší. To by byl náročný design, který by umožnil měřit uživatelské prostředí bez studia UX v prohlížeči. Ale na první pohled to vypadá snadněji procházet a poskytuje více prostoru ke spotřebě obsahu časové osy.

Zabalit

I když se tyto příklady zaměřují především na Facebook, získané zkušenosti lze aplikovat na jakoukoliv webovou stránku. Skvělý design uživatelských zkušeností překonává všechny jazykové bariéry a je to důležitý kus digitálního tvůrčího procesu.

Neváhejte si zapůjčit nápady z této analýzy a realizovat podobné nápady ve vlastní projektové práci. Také pokud zjistíte, jakýkoliv redesign Facebook relatable, neváhejte se podělit o komentáře s vlastní analýzou.