Facebook preoblikoval globoko analizo neodvisnih modelov
Veliko se lahko naučimo s preučevanjem dela drugih oblikovalcev. To velja tako za profesionalne projekte kot za oblikovalske projekte za obstoječe spletne strani. Velika spletna mesta, kot je Facebook, imajo posebno uporabniško izkušnjo z nekaterimi dobrimi elementi in drugimi ne tako dobrimi elementi. V tej objavi bi rad preučite različne preoblikovanja Facebooka, da analizirate koncepte vmesnikov ki bi lahko izboljšala trenutno uporabniško izkušnjo.
Izbral sem nekaj preoblikovanj FB po meri od uporabnikov Dribbble, vsak z posebne izboljšave in posodobljene elemente uporabniškega vmesnika. Upoštevajte te ideje, kako izgledajo, kako lahko delujejo in kako lahko vplivajo na uporabnost če se izvaja v živo na Facebooku.
Prilagojena stran profila
Preoblikovanje te profilne strani prihaja iz Harisa Jusoviča, oblikovalca iz balkanske regije v Evropi.
V tem dizajnu se bolj osredotoča na preprostost, tako da lastnika strani osvetli z več vidna glava fotografij in profil pic.
Objave časovnih vrstic lahko razvrstite po “nedavno” ali “priljubljen” glede na vaše želje. To je veliko za uporabnost, še posebej po vznemirjenosti Twitterja pred nedavno podano spremembo algoritma.
Veliko gumbov se prikaže z večjimi dodatna podloga in večja tipografija. Ker je Facebook namenjen interaktivnosti, je smiselno povečati vidnost elementov, kot so gumbi in hiperpovezave.
Na splošno ta koncept čuti kompakten in lažji v bloat. Lepo bi bilo videti, da je Facebook bolj osredotočen na interaktivne elemente in morda tudi na njihovo velikost pisave.
Časovni trak z več stolpci
Preusmeritev v vertikalno kolumno postavitev je prenova Alejandra Osoria. Ta postavitev predstavlja prikaz časovne premice profila, ki ga uporabniki Facebooka vidijo, ko obiščejo stran profila uporabnika.
Zasnova je presenetljiva, vendar je lahko za nekatere uporabnike neprimerna. Zanaša se na več stolpcev strani za organizacijo povezave uporabnika profila, skupaj s prikazom časovne premice nedavnih objav. Vse barve in elementi ostanejo v skladu z oblikovalskimi stili Facebooka. Vsekakor se počuti kot stran s časovnico na Facebooku.
Toda nekateri elementi stranske vrstice se zdijo nekoliko zmedeni. Na primer zeleni gumb z enim znakom plus desno ob a “sledite” gumb. Ena uporablja samo simbol, drugo samo besedilo. To je neprimerno s stilom oblikovanja in drugimi informacijami o profilu.
Najbolj mi je všeč tukaj jasna struktura podatkov v časovni premici. Vse je jasno organizirano in obstajajo celo povezave s stransko vrstico, ki omogočajo preklapljanje med zadnjimi objavami in priljubljenimi objavami.
Preoblikovanje vsebine
Večje spletne strani, kot je Facebook, obravnavajo veliko več podatkov in uporabniško bazo, ki želi enostaven dostop do teh podatkov. Na redesignu domače strani z MagicVoltage boste našli eno skladno funkcijo: veliko vsebine, prepletene v eno postavitev strani.
Domača stran Facebooka je začetni časovni prikaz, ki ga uporabniki vidijo ob prvem obisku spletnega mesta. Vključuje nedavne objave prijateljev, seznam klepetov, igre, oglase in druge ustrezne informacije, kot so prihajajoči rojstni dnevi.
Zasedenost te postavitve je tisto, zaradi česar je velika in potencialno sporna. To pomeni, da ima vsa ta vsebina na eni strani super preprosta navigacija - ko boste dejansko izvedeli, kje se nahaja vse. Povezave zgornje leve ikone so dovolj nejasne, da nikogar ne odvrnejo od interakcije z njimi.
Toda v obrambo te zasnove se zelo dobro ukvarja z gosto vsebino. Obstaja veliko presledkov med elementi in s štirimi stolpci je odlično.
Voluminous Navigation
To tako imenovano preoblikovanje Facebook 2.0, ki ga je ustvaril Marcelo Silva, je res pogled. Njegova demo postavitev prikaže posodobljeno domačo stran s časovnico in delno skrite kontakte za klepet.
Velik del tega modela je navigacijski sistem. Všeč mi je, kako je primarna navigacija s povezavami ikon, ki prikazujejo sekundarne povezave. Na zgornji sliki zaslona uporabnik izbere ikono profila, ki ima povezave za brskanje po nedavni zgodovini in urejanje profila.
Za razliko od tradicionalnih Facebookovih fotografij na Facebooku, je Marcelo preoblikoval izbere krožno fotografijo. Ta slog je povsod prisoten tako na časovni premici kot na seznamu klepetov.
M Seznam pomočnikov in nedavnih dejavnosti
Veliko je treba povedati o preoblikovanju FB Stevena McCabeja. Pravzaprav so bila številna področja, kot so igre in nedavne dejavnosti, popolnoma preoblikovana z impresivno prenovo.
Stevenova zasnova je temnejša od trenutne barvne sheme Facebooka. To mi je všeč, ker gradi več kontrasta med stranskimi vrsticami in vsebino primarne strani. Trenutna spletna stran Facebooka ima večino te vsebine, vendar se lahko sčasoma zlije v ozadje.
Glava še vedno uporablja rdeče mehurčke, ki označujejo obvestila. Obstajajo tudi trendne objave in novice z možnostjo razvrščanja po nedavnih aktivnostih od prijateljev na desni stranski vrstici.
Na dnu boste opazili majhno škatlo za Facebookovo M, the enakovredna Siriju za uporabnike Facebooka.
Ta funkcija v redizajnih ne pritegne veliko pozornosti, vendar je Steven resnično naredil vse, da bi njegov koncept resnično predstavljal sodobno tehnologijo Facebook.
Časovni razpored s štirimi stolpci
Tukaj je še ena preureditev domače strani, ki jo je izdelal japonski oblikovalec Sho Kameya. Vsi ti stolpci zajema celotno stran, širino in višino.
Leva stranska vrstica se osredotoča na tradicionalne povezave Facebook za igre, aplikacije, strani, devove vire in druge podobne elemente. Naprej je vsebinski stolpec, ki je najbolj raznolik med vsemi preoblikovanji. To ne ohranja tradicionalnih povezav za stanje posodobitve / dodajanje fotografije, temveč uporablja a minimalističen pristop s skritimi možnostmi.
Dve desni stranski vrstici vsebujeta vse ostalo z več fotografijami, kot so uporabniški avatarji in ikone iger. Ta oblika še vedno ohranja vse posodobitve, kot so rojstni dnevi, klepeti in priporočila prijateljem.
Ta zasnova je zelo raznolika, vendar ostaja v središču funkcij Facebooka. Morda ni popolna prenova, ampak je prikazuje možnosti postavitve v štirih stolpcih.
Poenostavljeni uporabniški vmesnik s temnim seznamom pogovorov
Cilj prenove podjetja Ben Hartley je preprostost in subtilnost. Postavitev uporablja kombinacijo ravnih oblikovnih konceptov in nekaj padajočih senc na večjih elementih strani.
Mnogi izdelki z blagovnimi znamkami ostajajo enaki in se zanaša na tradicionalno barvno shemo, ki jo uporablja Facebook. Vendar boste opazili, da so bile nekatere ikone preoblikovane manjši ali enostavnejši (ali oboje).
Ta postavitev je odvisna tudi od tega krožni avatarji in ponuja dovolj prostora za slike, ki si jih delijo z objavami. Res uživam v njegovem posodobljen seznam klepetov s temnejšo barvno shemo in manjšimi ikonami stanja.
Medtem ko se Benova prenova še vedno počuti malo prenatrpana, se počuti veliko enostavnejše. To bi bila težka zasnova za merjenje uporabniške izkušnje brez študij UX v brskalniku. Toda na prvi pogled se zdi lažje brskanje in daje več prostora za porabo časovne vsebine.
Zaviti
Čeprav se ti primeri osredotočajo predvsem na Facebook, se lahko pridobljene izkušnje uporabijo na katerem koli spletnem mestu. Odlično oblikovanje uporabniške izkušnje presega vse jezikovne ovire in je ključni del digitalnega ustvarjalnega procesa.
Prosto si lahko izposodite ideje iz te analize in celo izvedete podobne ideje v svojem projektnem delu. Tudi če ugotovite, da so vse preoblikovane povezave s Facebookom, lahko v komentarjih delite z lastno analizo.
