Spetsiaalne veebikujunduse kriitika: uus Google+
Eile viis Google välja oma sotsiaalse võrgustiku Google+ ulatusliku ümberkujundamise. Nad ei seganud pelgalt mõne objekti ümber, vaid määratlesid kogu visuaalse kogemuse täielikult. Nii suur värskendus väärib meie veebidisaini kriitikasarja eriväljaannet.
Las teised räägivad igavatest vanade funktsioonide loenditest, liitu meiega, kui me sisse hüppame ja vaatame ringi, et näha, mis on disaini seisukohast parem ja mis halvem. Valime liidese iga osa ja vaatame, kas on midagi õppida.
Tutvuge disainiressurssidega
Kui soovite oma veebisaidi edaspidises disainikriitikas kajastada, võtab see vaid paar minutit. Teie kujunduse kritiseerimise eest võtame 49 dollarit - tunduvalt vähem kui maksaksite konsultandil teie saidi vaatamise eest! Lisateavet saate siit.
Vana Google+
Enne kui hakkame uues kujunduses uurima, vaatame lühidalt allpool toodud Google+ algset versiooni.
Nagu näete, on see üsna hõre kogemus, kus on palju tühikuid. Paigutus jagab sisu kolmeks veeruks, mille ülaosas on horisontaalne riba otsimiseks, fotode lisamiseks, oma suhtlusringide vaatamiseks jne. Siin olev paigutus meenutab tegelikult üsna Facebooki praegust kujundust.
Üldine enesetunne on puhas ja lihtne, aga ka pisut külm ja umbisikuline. See tegi saidi kõigile kättesaadavaks ja kasutamiseks hõlpsaks, kuid võib-olla ei aidanud see eriti mõtet muuta leht oma isiklikuks suhtluskeskuseks.
Uus Google+
Uus Google+ vähendab järsult tühimikku ja hõredustunnet. Võrdluseks tundub, et liides sisaldab funktsioone ja nuppe. Nad on hoidnud tugevat valget isiksust, kuid täiendanud seda halli varjundiga.
See võib tunduda tühine muutus, kuid tegelikult on see väga tahtlik katse luua lehel tugev visuaalne hierarhia. Kui vana leht oli valge meri, mille ülaservas oli ainult üks hall ala, siis sellel lehel kasutatakse neid kahte värvi, et eristada sisu esmast ja teisest osa. Teie silmad hõljuvad lehe ümber, andes liidese kergematele osadele olulise tähtsuse.
Paigutus
Paigutus on seekord palju keerulisem. See on vana kolme veeru paigutuse muudetud versioon, millel on natuke pesasid. Seal on endiselt lai põhisektsioon, mille küljes on kaks kitsast külgriba, kuid see põhisektsioon on nüüd jagatud kaheks tugevaks alamveeruks. Kogu lehe sisu on fikseeritud, ainult põhiosa kerib.
Kui me kõik ära riisume ja lihtsalt lehe luid vaatame, näeme üsna keerukat raami.
Üks olulisemaid toimunud kontseptuaalseid muudatusi on see, et vanas paigutuses olid teie erinevad sõbraringid vasakpoolses servas vertikaalses ribas ja navigeerimisikoonid ülaservas, samas kui uus paigutus paigutas navigeerimise vertikaalsele ikooniribale. vasakust servast allapoole ja teie ringid ülaosas horisontaalses ribas.
See vasakpoolsel ikoonil põhinev navigeerimismuster on midagi, mis on muutunud Mac UI kujundamisel eriti populaarseks ja me hakkame seda veebiliidestes peegeldama. Selle formaadi üks olulisemaid pooldajaid oli Twitter for Mac (endine Tweetie), mis on tekitanud hulga sarnaseid liideseid sellistesse rakendustesse nagu Reeder, Sparrow ja Raven.
Uuel Google+ lehel on õpitavat sõnavara. Vasakpoolses servas olev riba on lint, mis sisaldab mitmesuguseid rakendusi. Peamine sisukast on „kaart” ja iga postituse all olev välja libistatav ala koos kommentaaride, + 1-dega jms on tegevuse sahtel.
Joondamise probleemid
Uue paigutuse abil on võimalik muuta teenus Google+ funktsioonirikkamaks rakenduseks ja kindlasti kasutab see kontrasti, et esile tõsta lehe olulisi osi. Mul pole üldise paigutusskeemiga tegelikult probleeme, kuid ei saa jätta tähelepanuta mõningaid joondamisprobleeme, mis minu arvates vähendavad esteetikat.
Alustuseks on peamine sisukast ja hangouti nupp paari piksli raadiuses, kuni need on ülalt alla joondatud. Minusugusele nitrickerile tundub paar pikslit kahjuks miil ära. On vähe disainilahendusi, mis häirivad mind kiiremini kui kaks asja, mis on peaaegu joondatud. Selle teema kohta lisateabe saamiseks lugege jaotist “Miks peaaegu on disainis räpane sõna”.
Mõju on veelgi halvem, kui astuda samm tagasi ja vaadata kõiki selle valdkonna nelja elementi. Kasutaja e-posti aadress, esmane sisukast, hangouti kast ja teavitusala ulatuvad välja juhuslikult ja näivad, et nende paigutuse taga pole loogikat.
See näide ei ole üksikjuhtum, on veel mõned juhtumid, kus objektid jäävad lihtsalt mööda vertikaalset või horisontaalset joondamist. Vaadake, kuidas allpool olev Google+ logo on ebamugavalt tasakaalus allpool oleva navigeerimisega loodud tugeva vertikaalse joonega.
Ikooni kujundus: kaugemale lihtsast
Ajalooliselt on Google olnud alati tuntud disaini täieliku puuduse tõttu. Iga valtsitud toode tundus olevat peaaegu kõige lihtsam lahendus, mida võite ette kujutada. Google'i kaubamärgipilt kujutas endast täielikku keeldumist järgida 2000. aastate alguses populaarset läikivat ja hämarat web 2.0 visuaalset stiili, lastes sisul enda eest rääkida.
Viimastel aastatel oleme näinud, et Google hakkab nendest ideedest tasapisi eemalduma, kuna selle tooted näitavad peent, kuid aina suurenevat keerukust ja disaini üksikasju. Uues Google+ ikoonid on selle idee suurepärane näide.
Pange tähele, kuidas lihtsad abstraktsed kujundid ja kindlad värvid on andnud viis maja ühtsemale kujutisele, mis sisaldab peent lööki ja kaldeid.
Hover-efektide kordamine
Kui käsitleme ikoone, siis vaatame lühidalt saidi mõningaid väiksemaid interaktsiooni aspekte, nimelt hõljumisefekte. Üldine teema on selles, et ikoonid on hallid ja on taustal väga vähe kontrastset. Seejärel muutub ikoon hõljukil täisvärviliseks. Seda näete külgribal toimides:
Kordamine on teie kujundajana üks tugevamaid tööriistu ja Google kasutab seda siin hästi. Sama halli värvi efekti korratakse veel paaris kohas kogu lehel.
Kuid nad on selle efektiga pisut vastuolus. On mõned kohad, kus minu arvates oleks olnud asjakohane korrata, kuid nad otsustasid valida veel ühe juhusliku efekti. Allolevas näites muutuvad ikoonid hõljumisel nupu kujunditeks.
Uus külgriba
Põhisisu sektsioonist paremal on uus külgriba, mis sisaldab erinevaid funktsioone, mis aitavad teil teenust Google+ maksimaalselt ära kasutada. Pange tähele, et see on veel üks koht, kus näeme hõljumisvärvi värvi.
See ala on väga kenasti kujundatud, kusjuures iga sektsioon on selgelt korraldatud ja eristuv. Huvitav on näha, kuidas Google valib Twitterist idee trendide teemade loendi kujul. Näete, et kasutajad on juba kasutusele võtnud hashtagi süntaksi - põnev näide sellest, kuidas me oma käitumist automaatselt sotsiaalvõrgustikes üle kanname, olenemata sellest, kas arendajad võtavad seda käitumist arvesse või mitte.
Alati on oluline nii oma kasutajabaasi käitumist tähelepanelikult ette näha kui ka tähelepanelikult jälgida ning reageerida toimingutele, mille poole nad näivad pigem suunavat, mitte ei ürita neid muuta. See muudab teie platvormi palju intuitiivsemaks ja hõlpsamini kasutusele võetavaks.
Profiil
Võttes lehe uuest Facebooki ajajoone mänguraamatust (ja võib-olla ka teelt), võimaldab uus Google+ profiil lisaks avatari põhipildile ka kaanepilti (sama terminit kasutab Facebook).
See osa, mis on Facebookist märgatavalt eemaldunud, on vaieldamatult tohutu profiilipilt, mis asub vasakul paremal. Allpool näidatud tegeliku suuruse korral kuvatakse nendes piltides hiiglaslik 250xx25xx, mis pole kindlasti juhuslikult täpselt topelt Facebooki 125px ruudukujulise profiiliga pilte.
Üks asi, mis minu jaoks huvitav on, on see, et kaanepilt puhkeb tegelikult põhisisu kastist välja. Ma hindan seda tavaliselt siis, kui disainerid tõmbavad tahtlikult välja sellise ootamatu triki, kuid kui aus olla, leian, et see on siin üsna segav. Niipea kui profiilileht laaditakse, hüppavad mu silmad paremale ebamugavale kattumisele.
Mis on kohtuotsus?
Eelmise kuu seisuga ületas Google+ aktiivsete kasutajate 100 miljoni piiri. Keegi ei saa seda väikeseks numbriks nimetada, eriti arvestades tõsiasja, et Instagram just napsas Facebookilt oma platvormi ja 30 miljoni kasutajaga baasi eest miljard dollarit.
Samuti, kui arvestada, et Twitteril on ainult 140 miljonit aktiivset kasutajat, näib, et Google+ proovib kiiresti muutuda sotsiaalmeedias. Kuid sellest kindlasti ei piisa, et läheneda konkureerivale Facebooki aktiivsele kasutajabaasile, mis on kuskil 800 miljoni vahemikus.
Uus kujundus näitab, et Google ei kavatse sellest projektist loobuda, nagu neil on varem olnud nii palju teisi. Nad proovivad kindlasti luua mõnusama kogemuse, et meelitada teid sisse ja hoida teid tagasi. Küsimus on, kas see töötab?
Sellele vastamiseks peame spekuleerima, mis takistab inimesi Google+ kasutuselevõtust. Ilmne vastus on see, et Google+ tunneb end mõnevõrra üleliigsena, kui teil juba on Facebooki konto, veelgi enam, kui olete aktiivne nii Facebookis kui ka Twitteris. Teine võimalus on see, et kuigi vana Google+ polnud kindlasti kole, tundis see end võib-olla pisut steriilsena ja isiksusetu.
Uue kujunduse võimalikud eesmärgid
Selle põhjal saame arvata vähemalt kahe võimaliku eesmärgi kujundamise taga. Esimene oleks Google+ veelgi eristada teistest sotsiaalsetest võrgustikest. Proovin väita, et nad on oma mängus lihtsalt paremad kui Facebook, ei ole parim valik, peavad Google'i inimesed looma selgelt unikaalse kontseptuaalse nurgakivi, miks inimesed peaksid nende saidile tulema. Näitena on Twitter teinud suurepärase töö, hoides eemale Facebooki funktsioonide kopeerimisest ja seismast mitte alternatiivina, vaid omaette tootena.
Teine eesmärk oleks vähendada steriilsust ja hakata muutma teenust Google+ sõbralikuks ja sõbralikuks kohaks, mida on lihtne navigeerida ja mis on isegi mõnus kasutada.
Kas nad täitsid neid eesmärke?
Kui analüüsime disaini nende eesmärkide järgi, saame paremini hinnata, kas see oli edukas või mitte. See harjutus annab meile selged punktid, mida võrrelda, selle asemel, et pimedas pimesi torkida, et leida, mis töötab ja mis mitte.
Esimese eesmärgi osas on Google mõnes valdkonnas edusamme teinud ja teistes võib-olla pisut taganenud. Üldiselt on uus kujundus Facebookist palju kaugem hüpe kui vana. Lühidalt - kummagi truu kasutaja ei eksita kunagi üksteise eest, mis on hea asi.
Lisaks tagavad väikesed puudutused, näiteks ringifiltrite ülaossa asetamine ja hangoutide esiletõstmine, et Google'i vähesed uuendused on ees ja keskel. See edusamm on vastupidine muudele valdkondadele, näiteks uus kaanepilt, mis tegelikult panevad sotsiaalvõrgustiku tundma pigem Facebooki klooni kui mitte vähem. Oleksin tahtnud, et oleksin näinud, et nad näeksid selles valdkonnas mingit ainulaadset mõtet, selle asemel et lihtsalt Facebooki uut formaati laenata.
Tundub, et teine eesmärk on olnud disaini värskendamisel peamine mure. Uus Google+ loob kutsuvama keskkonna. Ehkki see on võib-olla sassis, eriti kui võrrelda seda vana versiooniga, tundub see kõigi teie kodulehel toimuvaga võrreldes kindlama teenusena.
Nägudele on palju suuremat rõhku pandud. See algab teie uue tohutu profiilipildiga ja kulgeb edasi avalehe kaudu, kus näete suurt vestluse külgriba, mis on täis sõbralikke nägusid, lisaks soovitusi inimestele, keda võite tunda, ja kasutajatele, kes teile võiksid meeldida. Google soovib, et teeksite sõpru ja kasutataksite piisavalt kogemusi, et kaduda, kui olete ära läinud. Rohkem sõpru tähendab rohkem suhtlemist, mis tähendab rohkem naasmise põhjuseid.
Mida sa arvad?
Mulle tundus, et Google+ on viimastel kuudel tähelepanu keskpunktis olnud. See ettekujutus oli siiski ilmselt vigane, kuna tegelikult ronisid nad vaikselt, kuid kindlalt edetabelitesse koos muljetavaldava arvu aktiivsete igapäevaste kasutajatega. Vaatamata sellele, isegi kui nad hakkasid avalikes huvides jälitama, oli uus kujundus ajastatud suurepäraselt, et kogu veeb neist uuesti rääkida saaks. Isegi kui see oli värskendamise ainus põhjus, tasub see tõenäoliselt ära.
Nagu ma juba eespool selgitasin, olid minu arvates siin siiski mõned sügavamad eesmärgid. Nüüd, kui olete mu mõtteid lugenud, on teil aeg vestlusele asuda. Milliseid eesmärke teie arvates püüdis Google uue kujundusega saavutada? Kas nad tõmbasid need kavatsused tõhusalt maha?
Samuti, kas Google+ on lõppkokkuvõttes määratud minema laine, Buzzi ja muude ebaõnnestunud sotsiaalsete katsete teed või jätkab see oma pidevat kasvu ja saab veebis üheks olulisemaks sotsiaalseks võrgustikuks?
