„Facebook“ pertvarkė nepriklausomų dizainų analizę

Yra daug ką išmokti studijuojant kitų dizainerių darbą. Tai pasakytina ir apie profesionalius projektus, ir esamų svetainių specifikacijas. Didelės svetainės, pvz., „Facebook“, turi labai ypatingą vartotojo patirtį su kai kuriais gerais elementais ir kitais ne taip gerais elementais. Šiame pranešime norėčiau išnagrinėti skirtingus „Facebook“ pertvarkymus, kad būtų galima analizuoti sąsajų koncepcijas kuri gali pagerinti esamą vartotojo patirtį.

Aš ištraukiau keletą pasirinktinių FB pertvarkymų iš „Dribbble“ naudotojų konkrečius patobulinimus ir atnaujintus UI elementus. Atsižvelkite į šias idėjas, kaip jie atrodo, kaip jie gali veikti, ir kaip jie galėtų paveikti naudojimąsi jei jos įgyvendinamos „Facebook“.

Supaprastintas profilio puslapis

Šis profilio puslapio redizavimas atliekamas iš Europos Balkanų regiono dizainerio Hario Jusovičiaus.

Šiame projekte jis daugiau dėmesio skiria paprastumui, pabrėždamas puslapio savininką daugiau žymi antraštės nuotrauka ir profilio paveikslėlis.

Laiko juostos įrašai gali būti rūšiuojami pagal “neseniai” arba “populiarus” pagal jūsų pageidavimus. Tai labai naudinga, ypač po „Twitter“ atsilikimo prieš neseniai nurodytą algoritmo keitimą.

Be to, daugelis mygtukų rodomi didesni papildomas paminkštinimas ir didesnė tipografija. Kadangi „Facebook“ turi būti interaktyvi, tik prasminga padidinti elementų, pvz., Mygtukų ir hipersaitų, matomumą.

Apskritai ši koncepcija jaučiasi kompaktiškas ir lengvesnis. Būtų malonu matyti „Facebook“ daugiau dėmesio interaktyviems elementams ir galbūt padidinti jų šrifto dydžius.

Multi-Column Timeline

„Alejandro Osorio“ pertvarkymas - vertikalios spalvos išdėstymas. Šis išdėstymas atspindi profilio laiko juostos vaizdą, kurį „Facebook“ naudotojai mato apsilankę vartotojo profilio puslapyje.

Dizainas yra ryškus, tačiau kai kuriems vartotojams jis gali būti pritaikytas. Jis remiasi tvarkyti kelis puslapių stulpelius naudotojo profilio nuorodos, taip pat naujausių pranešimų laiko grafikas. Visos spalvos ir elementai tinka „Facebook“ dizaino stiliams. Tai tikrai jaučiasi „Facebook“ laiko juostos puslapis.

Tačiau kai kurie šoninės juostos elementai yra šiek tiek painūs. Pavyzdžiui, žalias mygtukas su vienu pliuso ženklu šalia a “sekti” mygtukas. Vienas naudojamas tik simbolis, kitas teisingas tekstas. Tai jaučiasi nesuderinama su dizaino stiliaus ir kito profilio informacija.

Man labiausiai patinka čia aiški laiko grafiko duomenų struktūra. Viskas yra organizuota aiškiai ir yra net šoninės juostos nuorodos, kad galėtumėte persijungti iš paskutinių pranešimų į populiarius pranešimus.

„Content-Dense Redesign“

Didesnės svetainės, pvz., „Facebook“, susijusios su daug daugiau duomenų ir vartotojo bazės, kuri nori lengvai pasiekti šiuos duomenis. Pradiniame puslapyje redaguoti „MagicVoltage“ rasite vieną nuoseklią funkciją: daug turinio, įterpto į vieno puslapio išdėstymą.

„Facebook“ pagrindinis puslapis yra pradinis laiko matas, kurį vartotojai pirmą kartą mato apsilankydami svetainėje. Ji apima naujausius draugų įrašus, pokalbių sąrašą, žaidimus, skelbimus ir kitą susijusią informaciją, pvz., Artėjančius gimtadienius.

Šio išdėstymo užimtas dalykas yra tai, kad jis yra didelis ir galbūt prieštaringas. Tai padarys visas turinys viename puslapyje labai lengva naršyti - kai iš tikrųjų sužinosite, kur viskas yra. Ir viršutinės kairiosios piktogramos nuorodos yra pakankamai neapibrėžtos, kad įtikintų visus su jais bendrauti.

Tačiau ginant šį dizainą, jis labai gerai tvarko tankiai supakuotą turinį. Yra daug tarpų tarp elementų ir puikiai veikia keturių stulpelių dizainas.

Plati navigacija

Šis „Marcelo Silva“ sukurtas vadinamasis „Facebook 2.0“ pertvarkymas yra akyse matomas. Jo demo išdėstymas rodo atnaujintą pagrindinį puslapį su laiko juosta ir iš dalies paslėptais pokalbių adresatais.

Didelė šio dizaino dalis yra pakopos navigacijos sistema. Man patinka, kaip yra pagrindinė navigacija su piktogramų nuorodomis, rodančiomis antrines nuorodas. Minėtoje ekrano dalyje vartotojas pasirenka profilio piktogramą, kurioje yra nuorodos naršyti naujausią istoriją ir redaguoti profilį.

Skirtingai nuo „Facebook“ tradicinių kvadratinių nuotraukų, Marcelo pertvarkė pasirenka žiedinę nuotrauką. Šis stilius yra visur ir laiko juostoje, ir pokalbių sąraše.

M asistentas ir naujausias veiklos sąrašas

Yra daug ką pasakyti apie Steven McCabe FB pertvarkymą. Iš tiesų, daugelyje sričių, pavyzdžiui, žaidimų ir naujausių veiklų, buvo visiškai pertvarkytas įspūdingas veidrodis.

Steveno dizainas yra daug tamsesnis nei dabartinė „Facebook“ spalvų schema. Man tai patinka, nes ji sukuria daugiau kontrasto tarp šoninių juostų ir pagrindinio puslapio turinio. „Facebook“ dabartiniame puslapyje yra daugiausiai šio turinio, tačiau laikui bėgant jis gali susilieti į foną.

Antraštė vis dar naudoja raudonus burbulus pranešimams nurodyti. Taip pat yra tendencijų ir naujienų šaltinis, galintis surūšiuoti per pastarųjų metų draugų veiklą dešinėje šoninėje juostoje.

Pačioje apačioje pastebėsite mažą langelį „Facebook“ M, the Siri „Facebook“ naudotojams.

Ši funkcija nereiškia daug dėmesio perprojektuojant, tačiau „Steven“ iš tikrųjų nuėjo, kad jo koncepcija tikrai atspindėtų modernią „Facebook“ technologiją.

Keturių stulpelių laiko juostos išdėstymas

Štai dar vienas 4 colių tinklapis, kurį sukūrė japonų dizaineris Sho Kameya. Visi šie stulpeliai visas puslapis, tiek plotis, tiek aukštis.

Tolimoje kairėje šoninėje juostoje daug dėmesio skiriama tradicinėms „Facebook“ nuorodoms, skirtoms žaidimams, programoms, puslapiams, „dev“ ištekliams ir kitiems panašiems elementams. Kitas yra turinio stulpelis, kuris yra labiausiai įvairus tarp visų pakeitimų. Tai neužtikrina tradicinių atnaujinimo būsenos nuorodų / pridėkite nuotrauką, bet naudoja a minimalistinis požiūris su paslėptomis galimybėmis.

Dviejose dešinėje pusėse yra visa kita, su daugiau nuotraukų, pavyzdžiui, naudotojų avatarai ir žaidimų piktogramos. Šis dizainas vis dar palaiko visus naujinimus, pvz., Gimtadienius, pokalbius ir draugų rekomendacijas.

Šis dizainas yra labai įvairus, tačiau išlieka patikimas „Facebook“ funkcijų pagrindui. Tai gali būti ne tobula perprojektavimas, bet tai rodo keturių stulpelių išdėstymo galimybes.

Supaprastinta vartotojo sąsaja su „Dark Chat List“

Ben Hartley pertvarkymo tikslas yra paprastumas ir subtilumas. Išdėstymas apima plokščių dizaino koncepcijų derinį su keliais lašų šešėliais didesniuose puslapių elementuose.

Daugelis firminių elementų lieka nepakitę ir jis remiasi „Facebook“ tradicine mėlyna / pilka spalva. Tačiau pastebėsite, kad kai kurios piktogramos buvo pertvarkytos mažesnis arba paprastesnis (arba abu).

Šis išdėstymas taip pat priklauso nuo apvalūs avatarai ir suteikia daug vietos bendrinamiems vaizdams su įrašais. Aš tikrai mėgstu jo atnaujintas pokalbių sąrašas su tamsesnės spalvos schema ir mažesnėmis būsenos piktogramomis.

Nors Beno pertvarkymas vis dar jaučiasi šiek tiek nepatogus, jis jaučiasi daug paprastesnis. Tai būtų sudėtingas dizainas, kad būtų galima įvertinti naudotojo patirtį be UX studijų naršyklėje. Bet iš pirmo žvilgsnio atrodo lengviau naršyti ir suteikia daugiau galimybių vartoti laiko juostos turinį.

Apvyniojimas

Nors šie pavyzdžiai pirmiausia yra susiję su „Facebook“, įgyta patirtis gali būti taikoma bet kuriai interneto svetainei. Puikus vartotojo patirties dizainas peržengia visas kalbos kliūtis ir yra gyvybiškai svarbus skaitmeninio kūrybinio proceso elementas.

Nedvejodami pasiskolinkite idėjas iš šios analizės ir net įgyvendinkite panašias idėjas savo projekto darbe. Taip pat, jei rasite kokių nors reliatyvių „Facebook“ pertvarkymų, nedvejodami galite pasidalinti komentarais su savo analize.