Facebook redizajnirao dubinsku analizu neovisnih dizajna
Mnogo toga treba naučiti proučavanjem rada drugih dizajnera. To vrijedi i za profesionalne projekte i dizajne za postojeće web-lokacije. Velika mjesta kao što je Facebook služe vrlo specifično korisničko iskustvo s nekim dobrim elementima i drugim ne tako dobrim elementima. U ovom postu, želio bih proučite različite redizajn na Facebooku kako biste analizirali koncepte sučelja koji bi mogli poboljšati trenutačno korisničko iskustvo.
Napravio sam pregršt prilagođenih FB redizajna od Dribbble korisnika, svaki sa specifična poboljšanja i ažurirani elementi korisničkog sučelja. Uzmite u obzir ove ideje kako izgledaju, kako funkcioniraju i kako bi mogli utjecati na upotrebljivost ako se provodi uživo na Facebooku.
Uređena stranica profila
Redizajn ove stranice profila dolazi od Harisa Jusovića, dizajnera iz balkanske regije Europe.
U ovom dizajnu više se usredotočuje na jednostavnost isticanjem vlasnika stranice s više istaknutu fotografiju zaglavlja i profil slike.
Postovi vremenske linije mogu se razvrstati po “nedavni” ili “popularan” na temelju vaših želja. Ovo je veliko za upotrebljivost, posebno u svjetlu Twitter-ove reakcije protiv nedavno izmijenjene algoritamske promjene.
Također, mnogi gumbi prikazuju se s većim brojem dodatna obloga i veća tipografija. Budući da Facebook treba biti interaktivan, ima smisla samo povećati vidljivost stavki kao što su gumbi i hiperveze.
Sveukupno, ovaj koncept se osjeća kompaktan i lakši u nadimanju. Bilo bi lijepo vidjeti Facebook mjesto više fokusirati na interaktivne elemente i možda povećati njihovu veličinu fonta, previše.
Vremenski tijek s više stupaca
Redizajniranje Alejandra Osoria u smjeru vertikalno postavljenog rasporeda. Ovaj raspored predstavlja prikaz vremenske linije profila koji korisnici Facebooka vide kada posjećuju stranicu profila korisnika.
Dizajn je upečatljiv, ali može biti odvratan za neke korisnike. Ona se oslanja na više stupaca stranice za organiziranje veze profila korisnika, zajedno s prikazom vremenske linije nedavnih postova. Sve boje i elementi ostaju vjerni stilovima dizajna Facebooka. Sigurno se osjeća kao stranica vremenske linije za Facebook.
Ali neki od elemenata bočne trake postaju malo zbunjujući. Na primjer, zeleni gumb s jednim znakom plus desno pokraj a “slijediti” dugme. Jedan koristi samo simbol, drugi samo tekst. To se čini neusklađenim sa stilom dizajna i drugim informacijama o profilu.
Ono što mi se ovdje najviše sviđa je jasna struktura podataka u vremenskoj liniji. Sve je jasno organizirano i postoje čak i linkovi za bočnu traku za prebacivanje između nedavnih postova i popularnih postova.
Redizajn sadržaja
Veće web-lokacije poput Facebooka imaju mnogo više podataka i korisničku bazu koja želi jednostavan pristup tim podacima. Na redizajnu početne stranice tvrtke MagicVoltage pronaći ćete jednu dosljednu značajku: mnogo sadržaja ugrađeno u izgled stranice.
Početna stranica Facebooka je početni prikaz vremenske linije koji korisnici vide kada prvi put posjete web-lokaciju. To uključuje nedavne postove prijatelja, popis za chat, igre, oglase i druge relevantne informacije kao što su nadolazeći rođendani.
Zauzetost ovog rasporeda je ono što ga čini velikim i potencijalno kontroverznim. Uspostavljanjem cijelog tog sadržaja na jednoj stranici super jednostavan za navigaciju - kada zapravo saznate gdje se sve nalazi. Veze s gornje lijeve ikone dovoljno su nejasne da bi bilo koga odvratile od interakcije s njima.
No, u obrani ovog dizajna, on vrlo dobro obrađuje sadržaj gusto pakiranog. tu je obilje razmaka između elemenata i izvrsno radi dizajn od četiri stupca.
Voluminozna navigacija
Ovaj takozvani redizajn Facebook 2.0 koji je osmislio Marcelo Silva zaista je prizor. Njegov demo izgled prikazuje ažuriranu početnu stranicu s vremenskom crtom i djelomično skrivenim chat kontaktima.
Veliki dio ovog dizajna je navigacijski sustav. Sviđa mi se kako postoji primarna navigacija s linkovima ikona koji prikazuju sekundarne veze. U gornjoj snimci zaslona korisnik odabire ikonu profila za koju ima veze pregledavanje nedavne povijesti i uređivanje profila.
Za razliku od tradicionalnih kvadratnih fotografija na Facebooku, Marcelov redizajn odabire kružnu fotografiju. Taj je stil sveprisutan i na vremenskoj traci i na popisu za chat.
M Popis pomoćnika i nedavne aktivnosti
Puno toga se može reći o redizajnu FB-a Stevena McCabea. Zapravo, mnoga područja kao što su igre i nedavne aktivnosti potpuno su redizajnirana s impresivnim izgledom lica.
Stevenov dizajn je mnogo tamnije od trenutne sheme boja Facebooka. Sviđa mi se to jer gradi više kontrasta između bočnih traka i sadržaja primarne stranice. Facebookova trenutna početna stranica ima većinu ovog sadržaja, ali s vremenom se može uklopiti u pozadinu.
Zaglavlje još uvijek koristi crvene mjehuriće za označavanje obavijesti. Tu su i postovi u trendu i novosti s mogućnošću razvrstavanja kroz nedavne aktivnosti prijatelja na desnoj bočnoj traci.
Na samom dnu ćete primijetiti malu kutiju za Facebook M, the ekvivalent Siri za korisnike Facebooka.
Ova značajka ne dobiva mnogo pozornosti u redizajnu, ali Steven je zaista izašao kako bi njegov koncept doista predstavio modernu Facebook tehnologiju.
Izgled vremenske linije s četiri stupca
Evo još jednog redizajna početne stranice 4-cola koji je izradio japanski dizajner Sho Kameya. Svi ovi stupci obuhvaća cijelu stranicu, i širinu i visinu.
Lijeva strana bočne trake fokusira se na tradicionalne Facebook veze za igre, aplikacije, stranice, dev resurse i druge slične stavke. Sljedeća je kolona sadržaja koja je najrazličitija među svim redizajnima. To ne zadržava tradicionalne veze za status ažuriranja / dodavanje fotografije, nego umjesto toga koristi a minimalistički pristup sa skrivenim opcijama.
Dvije desne bočne trake uključuju sve ostalo s više fotografija poput korisničkih avatara i ikona igara. Ovaj dizajn i dalje čuva sva ažuriranja kao što su rođendani, razgovori i preporuke prijatelja.
Ovaj dizajn je vrlo raznolik, ali ostaje vjerna suštini značajki Facebooka. Možda nije savršen redizajn, ali to nije prikazuje mogućnosti rasporeda od četiri stupca.
Pojednostavnjeni sučelje s Dark Listom Chat
Cilj redizajna Bena Hartleyja je jednostavnost i suptilnost. Raspored koristi kombinaciju ravnih koncepata dizajna s nekoliko sjena na većim elementima stranice.
Mnoge stavke s markom ostaju iste i on se oslanja na tradicionalnu shemu boja plave / sive boje Facebooka. Primijetit ćete da su neke od ikona redizajnirane manji ili jednostavniji (ili oboje).
Ovaj raspored također se oslanja na kružni avatari i daje dovoljno mjesta za dijeljene slike s postovima. Stvarno uživam u njegovom ažurirani popis chatova s tamnijom shemom boja i manjim ikonama statusa.
Iako se Benov redizajn još uvijek osjeća pomalo prenatrpan, čini se mnogo jednostavnijim. To bi bio težak dizajn za mjerenje korisničkog iskustva bez UX studija u pregledniku. Ali na prvi pogled izgleda lakše pregledavati i daje više prostora za konzumiranje sadržaja vremenske linije.
Zamotati
Iako su ti primjeri prvenstveno usmjereni na Facebook, naučene lekcije mogu se primijeniti na bilo koju web stranicu. Izvrstan dizajn korisničkog iskustva nadilazi sve jezične barijere i ključan je dio digitalnog kreativnog procesa.
Slobodno posudite ideje iz ove analize i čak implementirajte slične ideje u svoj projektni rad. Također, ako nađete bilo koji relatable Facebook redesigns slobodno podijeliti u komentarima s vlastitim analizom.
