Facebook prepracoval hĺbkovú analýzu nezávislých vzorov

Je veľa čo sa učiť štúdiom práce iných dizajnérov. Platí to tak pre profesionálne projekty, ako aj pre špecifikácie existujúcich webových stránok. Veľké stránky, ako je Facebook, slúžia veľmi konkrétnemu používateľskému zážitku s niektorými dobrými prvkami a inými nie tak dobrými prvkami. V tomto príspevku by som chcel preskúmať rôzne redizajny Facebook na analýzu koncepcií rozhrania ktoré by mohli zlepšiť aktuálnu používateľskú skúsenosť.

Vybral som si niekoľko vlastných redigovania FB od používateľov Dribbble, z ktorých každý špecifické vylepšenia a aktualizované prvky používateľského rozhrania. Zoberte si tieto nápady do úvahy, ako vyzerajú, ako môžu fungovať, a ako môžu ovplyvniť použiteľnosť ak je implementovaná naživo na Facebooku.

Zjednodušená stránka profilu

Táto redizajn profilovej stránky pochádza od Harisa Jusovića, dizajnéra z balkánskeho regiónu Európy.

V tomto dizajne kladie väčší dôraz na jednoduchosť zvýraznením majiteľa stránky o viac pozoruhodná hlavička fotografie a profil obr.

Príspevky v časovej osi je možné zoradiť podľa “nedávny” alebo “populárne” na základe vašich preferencií. To je veľké pre použiteľnosť, najmä v dôsledku reakcie Twitter na nedávno zmenený algoritmus zmeny.

Tiež veľa tlačidiel zobrazuje väčšiu hodnotu extra výplň a väčšiu typografiu. Vzhľadom k tomu, že Facebook má byť interaktívny, má zmysel len zvýšiť viditeľnosť položiek, ako sú tlačidlá a hypertextové odkazy.

Celkovo tento pojem cíti kompaktný a ľahší pri nadúvaní. Bolo by pekné vidieť, že Facebook kladie väčší dôraz na interaktívne prvky a možno aj zväčšiť ich veľkosť písma.

Viacnásobná časová os

Pri pohľade na vertikálne stĺpové usporiadanie je redizajn Alejandra Osoria. Toto rozloženie predstavuje zobrazenie časovej osi profilu, ktoré používatelia Facebook vidia pri návšteve profilovej stránky používateľa.

Návrh je zarážajúci, ale môže byť pre niektorých používateľov nepríjemný. Spolieha sa na to stĺpce s viacerými stránkami na usporiadanie profilu používateľa, spolu s časovým riadkom zobrazenia posledných príspevkov. Všetky farby a prvky zostávajú v súlade s dizajnovými štýly Facebooku. Určite sa cíti ako stránka časovej osi Facebooku.

Niektoré prvky bočného panela však vypadávajú mierne mätúce. Napríklad zelené tlačidlo s jedným znamienkom plus vedľa a “nasledovať” Tlačidlo. Jeden používa iba symbol, druhý len text. To je v rozpore s dizajnovým štýlom a ďalšími informáciami o profile.

To, čo sa mi najviac páči, je jasnú štruktúru údajov v časovej osi. Všetko je jasne organizované a na prepínanie medzi nedávnymi príspevkami a obľúbenými príspevkami sú dokonca aj odkazy na bočnom paneli.

Obsahovo hustý redesign

Väčšie webové stránky ako Facebook sa zaoberajú oveľa viac dát a užívateľskú základňu, ktorá potrebuje ľahký prístup k týmto údajom. V redizajnovej stránke domovskej stránky MagicVoltage nájdete jednu dôslednú funkciu: veľa obsahu zapracovaných do jedného rozloženia stránky.

Domovská stránka služby Facebook je počiatočný časový rozvrh, ktorý používatelia vidia pri prvej návšteve webových stránok. Obsahuje nedávne príspevky od priateľov, zoznam rozhovorov, hry, reklamy a ďalšie relevantné informácie, ako sú blížiace sa narodeniny.

Zaneprázdnenosť tohto rozloženia je to, čo ho robí skvelým a potenciálne kontroverzným. Mať všetok tento obsah na jednej stránke je super ľahko navigovať - keď sa naučíte, kde sa všetko nachádza. A ľavostranné odkazy na ikony sú dostatočne neurčité, aby odradili niekoho, kto by s nimi mohol komunikovať.

Ale pri obrane tohto dizajnu veľmi dobre spracováva husto zabalený obsah. je tu veľa medzery medzi prvkami a to je brilantne štvorcestný dizajn.

Objemná navigácia

Tento takzvaný redesign Facebook 2.0, ktorý vytvoril Marcelo Silva, je naozaj vidieť. Jeho demo rozloženie zobrazuje aktualizovanú domovskú stránku s časovou osou a čiastočne skrytými konverzáciami pre chat.

Veľký kus tohto dizajnu je stupňovitý navigačný systém. Páči sa mi, ako je primárna navigácia s odkazmi na ikony, ktoré zobrazujú sekundárne odkazy. Vo vyššie uvedenej snímke si používateľ vyberie ikonu profilu, ktorá má prepojenia prehľadávať nedávnu históriu a upravovať profil.

Na rozdiel od tradičných štvorcových fotografií Facebooku, Marcelo redesign zvolí kruhovú fotografiu. Tento štýl je všadeprítomný v časovej osi aj v zozname rozhovorov.

M asistent a posledný zoznam aktivít

Existuje veľa čo povedať o prepracovaní FB Stevena McCabeho. V skutočnosti boli mnohé oblasti, ako sú hry a nedávne aktivity, úplne prepracované s pôsobivým faceliftom.

Stevenov dizajn je oveľa tmavšia ako súčasná farebná schéma Facebooku. Páči sa mi to, pretože vytvára väčší kontrast medzi bočnými panelmi a obsahom primárnej stránky. Aktuálna domovská stránka Facebooku má väčšinu tohto obsahu, ale v priebehu času sa môže miešať do pozadia.

Hlavička stále používa červené bubliny na označenie upozornení. K dispozícii sú aj trendové príspevky a novinky s možnosťou zoradiť nedávnu aktivitu od priateľov v pravom bočnom paneli.

Na samom spodku si všimnete malú schránku pre Facebook M, ekvivalent Siri pre používateľov Facebooku.

Táto funkcia nemá veľkú pozornosť v redizajnoch, ale Steven naozaj šiel úplne von, aby jeho koncept skutočne reprezentoval moderné technológie Facebooku.

Rozloženie časovej osi v štyroch stĺpcoch

Tu je ďalší redesign štvorcovej stránky, ktorú vytvoril japonský dizajnér Sho Kameya. Všetky tieto stĺpce rozložiť celú stránku, ako šírka, tak aj výška.

Na ľavom bočnom paneli sa kladie veľký dôraz na tradičné odkazy Facebooku na hry, aplikácie, stránky, zdroje a ďalšie podobné položky. Nasledujúci stĺpec obsahu je najrozmanitejším zo všetkých redizajníc. Toto neudržuje tradičné odkazy na stav aktualizácie / pridať fotografiu, ale použije a minimalistický prístup so skrytými možnosťami.

Dve pravé bočné panely obsahujú všetko ostatné s viacerými fotografiami, ako sú avatary používateľov a herné ikony. Tento dizajn stále zachováva všetky aktualizácie, ako napríklad narodeniny, rozhovory a odporúčania pre priateľov.

Tento dizajn je veľmi rozmanitý, ale zostáva verný jadru funkcií Facebooku. Možno to nie je dokonalý redesign, ale to zobrazuje možnosti rozloženia štyroch stĺpcov.

Zjednodušené používateľské rozhranie s temným zoznamom rozhovorov

Cieľom redesignu Ben Hartley je jednoduchosť a jemnosť. Usporiadanie používa kombináciu koncepcií plochého dizajnu s niekoľkými stínovými kvapkami na väčších prvkoch stránky.

Mnoho značkových položiek zostáva rovnaké a spolieha sa na tradičné modré / šedé farebné schémy Facebooku. Ale všimnete si, že niektoré ikony boli prepracované buď menšie alebo jednoduchšie (alebo obaja).

Toto rozloženie sa tiež opiera kruhové avatary a poskytuje dostatok priestoru na zdieľanie obrázkov s príspevkami. Veľmi sa mi páči jeho aktualizovaný zoznam rozhovorov s tmavšou farebnou schémou a menších stavových ikon.

Zatiaľ čo Ben's redesign stále cíti trochu preplnený, cíti sa oveľa jednoduchšie. Toto by bolo náročné riešenie, ktoré by umožnilo posúdiť skúsenosti používateľov bez štúdií UX v prehliadači. Ale na prvý pohľad to vyzerá ľahšie prehľadávanie a poskytuje väčší priestor na konzumáciu obsahu časovej osi.

Zabaliť

Hoci sa tieto príklady zameriavajú predovšetkým na Facebook, získané skúsenosti sa môžu uplatniť na akýchkoľvek webových stránkach. Skvelý dizajn skúseností používateľov presahuje všetky jazykové bariéry a je to dôležitý kus digitálneho kreatívneho procesu.

Neváhajte si vypožičať nápady z tejto analýzy a dokonca implementujte podobné nápady vo svojej vlastnej projektovej práci. Tiež, ak nájdete nejaké relatívne redesigny Facebook, neváhajte a zdieľajte komentáre s vlastnou analýzou.