Facebook pārveidoja neatkarīgu dizainu padziļinātu analīzi

Ir daudz ko mācīties, pētot citu dizaineru darbu. Tas attiecas gan uz profesionāliem projektiem, gan uz esošajām tīmekļa vietnēm. Lielām vietnēm, piemēram, Facebook, ir ļoti īpaša lietotāja pieredze ar dažiem labiem elementiem un citiem ne tik labiem elementiem. Šajā ziņojumā es gribētu izpētīt dažādus Facebook pārveidojumus, lai analizētu saskarnes koncepcijas kas varētu uzlabot pašreizējo lietotāju pieredzi.

Esmu izvilkusi nedaudzus pielāgotus FB pārveidojumus no Dribbble lietotājiem, katrs ar īpašus uzlabojumus un atjauninātus UI elementus. Ņemiet vērā šīs idejas, kā tās izskatās, kā tās varētu darboties, un kā tās varētu ietekmēt lietojamību ja to īsteno tiešraidē Facebook.

Racionalizēta profila lapa

Šis profila lapas pārveidojums nāk no Balkānu reģiona dizainera Harisa Jusoviča.

Šajā dizainā viņš pievērš lielāku uzmanību vienkāršībai, izceļot lapas īpašnieku ar vairāk redzamā galvenes fotoattēls un profila attēls.

Laika līnijas ziņas var sakārtot pēc “nesen” vai “populārs” pamatojoties uz jūsu vēlmēm. Tas ir liels lietojamības dēļ, jo īpaši čivinātā pretrunā ar nesen pilnvaroto algoritmu maiņu.

Arī daudzas pogas ir lielākas ar papildus polsterējums un lielāka tipogrāfija. Tā kā Facebook ir paredzēts būt interaktīvam, ir jēga tikai palielināt vienumu, piemēram, pogas un hipersaites, redzamību.

Kopumā šī koncepcija jūtas kompakts un vieglāks uzpūsties. Būtu jauki redzēt Facebook vairāk koncentrēties uz interaktīviem elementiem un, iespējams, arī palielināt to fontu izmērus.

Multi-Column Timeline

Alejandro Osorio pārkārtojums ir vertikāli kolumāls izkārtojums. Šis izkārtojums atspoguļo profila laika skatu, ko Facebook lietotāji redz, kad viņi apmeklē lietotāja profila lapu.

Dizains ir pārsteidzošs, bet dažiem lietotājiem tas var būt neiespējams. Tā balstās uz organizēt vairākas lapas lietotāja profila saites, kā arī pēdējo ierakstu laika skatu. Visas krāsas un elementi paliek uzticīgi Facebook dizaina stilam. Tas noteikti jūtas kā Facebook laika skala.

Bet daži no sānjoslas elementiem izpaužas kā nedaudz mulsinoši. Piemēram, zaļa poga ar vienu plus zīmi ir blakus a “sekot” poga. Viens izmanto tikai simbolu, otru taisnīgu tekstu. Tas ir nesaderīgs ar dizaina stilu un citu profila informāciju.

Tas, kas man visvairāk patīk, ir skaidrs datu grafiks grafikā. Viss ir organizēts skaidri un ir pat sānjoslas saites, lai pārslēgtos starp pēdējām ziņām un populārām ziņām.

Saturs-blīvs pārprojektēšana

Lielākas tīmekļa vietnes, piemēram, Facebook, nodarbojas ar daudz vairāk datu un lietotāju bāzi, kas vēlas viegli piekļūt šiem datiem. Mājaslapas pārprojektēšanā ar MagicVoltage jūs atradīsiet vienu konsekventu funkciju: daudz satura ir ievietots vienā lapas izkārtojumā.

Facebook mājas lapa ir sākotnējais laika skats, ko lietotāji redz, apmeklējot tīmekļa vietni. Tas ietver jaunākās ziņas no draugiem, tērzēšanas sarakstu, spēles, reklāmas un citu atbilstošu informāciju, piemēram, gaidāmās dzimšanas dienas.

Šī izkārtojuma aizņemšanās ir tā, kas padara to par lielu un potenciāli pretrunīgu. Tas viss ir padarīts vienā lapā ir ļoti viegli orientēties - kad jūs faktiski uzzināsiet, kur viss atrodas. Un augšējās kreisās ikonas saites ir pietiekami neskaidras, lai atturētu ikvienu no mijiedarbības ar viņiem.

Bet, aizstāvot šo dizainu, tas ļoti labi apstrādā blīvi iepakotu saturu. Tur ir daudz vietas starp elementiem un tas ir izcili četru kolonnu dizains.

Plaša navigācija

Šis tā sauktais Facebook 2.0 pārveidojums, ko radījis Marcelo Silva, tiešām ir redzi. Viņa demonstrācijas izkārtojums parāda atjauninātu sākumlapu ar laika skalu un daļēji slēptiem tērzēšanas kontaktiem.

Liels gabals šim dizainam ir daudzpakāpju navigācijas sistēma. Man patīk, kā tur ir primārais navigācijas līdzeklis ar ikonas saitēm, kas parāda sekundāras saites. Iepriekšējā ekrānā lietotājs izvēlas profila ikonu, kurai ir saites pārlūkojot neseno vēsturi un rediģējot profilu.

Atšķirībā no Facebook tradicionālajiem kvadrāta fotoattēliem, Marcelo pārprojektēšana izvēlas apļveida fotoattēlu. Šis stils ir visuresošs gan laika, gan tērzēšanas sarakstā.

M palīgs un jaunākais darbības saraksts

Ir daudz ko teikt par Steven McCabe FB pārprojektēšanu. Patiesībā daudzas jomas, piemēram, spēles un nesenās aktivitātes, ir pilnībā pārveidotas ar iespaidīgu sejas ātrumu.

Stīvena dizains ir daudz tumšāka nekā Facebook pašreizējā krāsu shēma. Man tas patīk, jo tas veido lielāku kontrastu starp sānjoslām un primāro lapas saturu. Facebook pašreizējā mājas lapa satur lielāko daļu šī satura, bet laika gaitā tā var saplūst ar fonu.

Virsrakstā joprojām tiek izmantoti sarkani burbuļi, lai norādītu paziņojumus. Pastāv arī tendenču ziņas un ziņu avots ar spēju kārtot jaunāko darbību no draugiem labajā sānjoslā.

Tajā pašā apakšā jūs pamanīsiet nelielu lodziņu Facebook M, the ekvivalents Siri Facebook lietotājiem.

Šī funkcija nesniedz lielu uzmanību pārprojektēšanā, bet Stīvens patiešām aizgāja, lai viņa koncepcija patiesi pārstāvētu moderno Facebook tehnoloģiju.

Četru kolonnu laika skalas izkārtojums

Šeit ir vēl viens četrkrāsu mājaslaps, ko pārveidojis japāņu dizainers Sho Kameya. Visas šīs slejas aptver visu lapu, gan platums, gan augstums.

Tālā kreisā sānjosla pievērš lielu uzmanību tradicionālajām Facebook saitēm spēlēm, lietotnēm, lapām, dev resursiem un citiem līdzīgiem elementiem. Nākamais ir satura kolonna, kas ir visdažādākā no visiem pārprojektēšanas projektiem. Tas neuztur tradicionālās saites atjaunināšanas statusam / pievieno fotoattēlu, bet izmanto a minimālisma pieeja ar slēptajām iespējām.

Divas labās puses sānjoslas ietver visu pārējo ar vairākām fotogrāfijām, piemēram, lietotāja avatāriem un spēļu ikonām. Šis dizains saglabā visus atjauninājumus, piemēram, dzimšanas dienas, tērzēšanas un draugu ieteikumus.

Šis dizains ir ļoti daudzveidīgs, bet paliek uzticīgs Facebook iezīmēm. Tas var nebūt ideāls pārveidojums, bet tas ir parāda četru kolonnu izkārtojuma iespējas.

Vienkāršots lietotāja interfeiss ar tumšo tērzēšanas sarakstu

Ben Hartley pārprojektēšanas mērķis ir vienkāršība un smalkums. Izkārtojumā tiek izmantota plakanu dizaina koncepciju kombinācija ar dažām pilienveida ēnām uz lielākiem lapas elementiem.

Daudzas firmas preces paliek nemainīgas, un viņš paļaujas uz Facebook tradicionālo zilo / pelēko krāsu shēmu. Bet jūs pamanīsiet, ka dažas no ikonām ir pārveidotas vai nu mazāks vai vienkāršāks (vai abi).

Šis izkārtojums ir atkarīgs arī no tā apļveida avatāri un sniedz daudz vietas kopīgotiem attēliem ar amatu. Man tiešām patīk viņa atjaunināts tērzēšanas saraksts ar tumšāku krāsu shēmu un mazākām statusa ikonām.

Lai gan Ben's redizains joprojām jūtas mazliet pārblīvēts, tas jūtas daudz vienkāršāk. Tas būtu grūts dizains, lai novērtētu lietotāja pieredzi bez UX pētījumiem pārlūkprogrammā. Bet īsumā šķiet vieglāk pārlūkot un dod vairāk vietas, lai patērētu laika skalu.

Satīt

Lai gan šie piemēri galvenokārt attiecas uz Facebook, gūtās mācības var izmantot jebkurā tīmekļa vietnē. Lieliska lietotāja pieredzes dizains pārsniedz visus valodas barjeras, un tas ir svarīgs digitālā radošā procesa elements.

Jūtieties brīvi aizņemties idejas no šīs analīzes un pat īstenot līdzīgas idejas savā projekta darbā. Arī tad, ja atradīsiet relatable Facebook pārprojektēšanu, nekautrējieties dalīties komentāros ar savu analīzi.