Spesiell webdesignkritikk: Det nye Google+
I går rullet Google ut en massiv redesign av det sosiale nettverket Google+. De blandet seg ikke bare rundt noen få objekter, de omdefinerte hele den visuelle opplevelsen fullstendig. En slik stor oppfriskning fortjener en spesiell utgave av kritiseringsserien vår for webdesign.
La andre snakke om kjedelige gamle funksjonslister, bli med oss når vi hopper inn og se deg rundt for å se hva som er bedre og hva som er verre fra designers perspektiv. Vi plukker ut hvert stykke av grensesnittet og ser om det er noe å lære.
Utforsk designressurser
Hvis du ønsker å sende inn nettstedet ditt for å bli vist i en fremtidig designkritikk, tar det bare noen få minutter. Vi belaster 49 dollar for kritikk av designen din - betydelig mindre enn du betaler for en konsulent for å se på nettstedet ditt! Du kan finne ut mer her.
Den gamle Google+
La oss ta en rask titt på den opprinnelige versjonen av Google+, som vises nedenfor, før vi går inn i det nye designet.
Som du kan se, er det en ganske sparsom opplevelse med mye hvitrom. Oppsettet organiserer innholdet i tre kolonner med en horisontal bjelke øverst for å søke, legge til bilder, se på kretsene dine, etc. Oppsettet her minner faktisk ganske mye om Facebooks nåværende design.
Den generelle følelsen er ren og enkel, men også litt kald og upersonlig. Dette gjorde nettstedet enkelt for alle å plukke opp og bruke, men hjalp kanskje ikke så mye med konseptet om å gjøre siden til ditt eget personlige knutepunkt for kommunikasjon.
Det nye Google+
Den nye Google+ kaster drastisk ned hvitområdet og følelser av sparsomhet. Til sammenligning virker grensesnittet lastet med funksjoner og knapper. De har beholdt den sterke hvite personligheten, men komplementerte dette med en grå nyanse.
Dette kan virke som en bagatellmessig forandring, men det er faktisk et veldig forsettlig forsøk på å skape et sterkt visuelt hierarki på siden. Der den gamle siden var et hav av hvitt med et enkelt grått område øverst, bruker denne siden disse to fargene for å tydelig skille primære og sekundære deler av innholdet. Øynene dine flyter rundt på siden, og gir nøkkel betydning for de lysere delene av grensesnittet.
Oppsett
Oppsettet er mye mer komplisert denne gangen. Det er en modifisert versjon av den gamle tre kolonnes utformingen med litt hekkende på plass. Det er fortsatt et bredt hovedsnitt flankert av to smale sidefelt, men hoveddelen er nå delt inn i to sterke underkolonner. Alt innholdet på siden har en fast plassering, bare hovedinnholdsområdet ruller.
Hvis vi striper alt ut og bare ser på beinene på siden, ser vi en ganske sammensatt wireframe.
En av de mest vesentlige konseptuelle endringene som har skjedd, er at den gamle utformingen inneholdt de forskjellige vennekretsene dine i en vertikal stripe nede på venstre side og navigasjonsikonene dine på toppen, mens den nye layouten plasserer navigasjonen i en vertikal stripe av ikoner ned på venstre side og sirklene dine i en horisontal stolpe over toppen.
Dette ikonbaserte navigasjonsmønsteret fra venstre side er noe som har blitt ekstremt populært i Mac UI-design, og vi begynner å se det speilet i nettgrensesnitt. En av de mest betydningsfulle talsmennene for dette formatet var Twitter for Mac (tidligere Tweetie), som har gitt en rekke lignende grensesnitt i apper som Reeder, Sparrow og Raven.
Den nye Google + -siden har noen ordforråd å lære. Remsen nede på venstre side er "båndet", som inneholder forskjellige "applikasjoner." Hovedinnholdsboksen er "kortet" og utglidningsområdet under hvert innlegg med kommentarer, + 1er, etc. er "aktivitetsskuffen."
Problemer med justering
Den nye layouten går langt i retning av å få Google+ til å virke som en mer funksjonsrik applikasjon, og den bruker definitivt god kontrast for å fremheve de viktige delene av siden. Jeg har egentlig ingen problemer med det generelle oppsettskjemaet, men jeg kan ikke la være å legge merke til noen justeringsproblemer som jeg tror bringer ned det estetiske.
For det første er hovedinnholdsboksen og hangout-knappen innenfor et par piksler for å være perfekt justert langs topplinjene. Dessverre, for en nitpicker som meg, føles et par piksler en kilometer unna. Det er få designkvister som irriterer meg raskere enn to ting som er nesten på linje. For å lære mer om dette emnet, sjekk ut "Hvorfor nesten er et skittent ord i design."
Effekten er enda verre hvis du tar et skritt tilbake og ser på alle fire elementene i dette området. Brukerens e-postadresse, primærinnholdsboks, hangoutboks og varslingsområde slutter alle på vilkårlige lengder og ser ikke ut til å ha noen logikk bak deres plassering.
Dette eksemplet er ikke en isolert hendelse, det er noen få andre tilfeller der objekter bare går glipp av en vertikal eller horisontal justering. Sjekk hvordan Google+-logoen nedenfor er vanskelig forskjøvet fra den sterke vertikale linjen som er etablert av navigasjonen nedenfor.
Ikon Design: Videre fra enkel
Historisk sett har Google alltid vært kjent for sin fullstendige mangel på design. Hvert produkt som rullet ut så ut til å være nesten den enkleste løsningen du kunne forestille deg. Google-merkevarebildet representerte et fullstendig avslag på å følge den blanke og glorete web 2.0-visuelle stilen populær på begynnelsen av 2000-tallet til fordel for å la innholdet tale for seg.
De siste årene har vi sett Google begynne å sakte distansere seg fra disse ideene, ettersom produktene viser en subtil, men stadig økende mengde kompleksitet og designdetaljer. Ikonene i det nye Google+ fungerer som et perfekt eksempel på denne forestillingen.
Legg merke til hvordan de enkle abstrakte formene og solide farger har gitt vei til et mer sammenhengende bilde av et hus, som inneholder subtile streker og gradueringer.
Gjentagelse av sveveeffekter
Mens vi er inne på ikoner, la oss ta en rask titt på noen av de mindre interaksjonsaspektene på nettstedet, nemlig sveveeffektene. Det generelle temaet her er at ikoner er grå og kontrasterer veldig lite med bakgrunnen. Når du holder musepekeren, blir ikonet i full farge. Du kan se dette i handling på sidefeltet:
Gjentagelse er et av de sterkeste verktøyene dine som designer, og Google bruker det godt her. Den samme grå-til-farge-effekten gjentas et par flere steder på hele siden.
Imidlertid er de litt inkonsekvente med denne effekten. Det er noen få flekker der jeg tror det hadde vært aktuelt å videreføre gjentakelsen, men de valgte å gå med en annen tilfeldig effekt. I eksemplet nedenfor blir ikonene til knappeformer på svevet.
Ny sidefelt
Til høyre for hovedinnholdet er det en ny sidefelt med forskjellige funksjoner designet for å hjelpe deg med å få mest mulig ut av Google+. Legg merke til at dette er et annet sted der vi ser fargen på hover trick.
Dette området er veldig pent designet med hver seksjon tydelig organisert og distinkt. Det er interessant å se Google plukke opp en idé fra Twitter i form av en liste over populære temaer. Du kan se at brukere allerede har tatt i bruk hashtag-syntaks, et fascinerende eksempel på hvordan vi automatisk overfører atferden vår over sosiale nettverk uansett om utviklere står for den oppførselen eller ikke.
Det er alltid viktig å både forutse og observere atferden til brukerbasen din nøye og imøtekomme handlinger som de ser ut til å trekke seg fremfor å prøve å endre dem. Dette vil gjøre at plattformen din virker mye mer intuitiv og enkel å adoptere.
Profil
Ved å ta en side fra den nye Facebook-tidslinjelekboken (og kanskje banen), tillater den nye Google + -profilen ikke bare et hovedavatarbilde, men et "forsidebilde" (samme begrep som Facebook bruker).
Delen som er et merkbart avbrekk fra Facebook er det unektelig enorme profilbildet, som ligger på høyre side i stedet for på venstre side. Disse bildene vises i faktisk størrelse, og viser hele 250px med 250px, noe som absolutt ikke er tilfeldig nøyaktig doble Facebooks bilder på 125px firkantede profiler.
En ting som jeg synes er interessant er det faktum at forsidebildet faktisk bryter ut av hovedinnholdsboksen. Jeg setter vanligvis pris på det når designere med vilje trekker frem et uventet triks som dette, men for å være ærlig synes jeg det er ganske distraherende her. Så snart en profilside lastes inn, hopper øynene mine rett til den vanskelige overlappingen.
Hva er dommen?
Fra forrige måned krysset Google+ angivelig 100 millioner mark for aktive brukere. Ingen kan kalle dette et lite antall, spesielt gitt det faktum at Instagram nettopp snappet en milliard dollar fra Facebook for sin plattform og 30 millioner + brukerbase.
Hvis du vurderer at Twitter bare har 140 millioner aktive brukere, ser det ut til at Google+ raskt skyter inn på nummer to i sosiale medier. Imidlertid er dette definitivt ikke nok til å komme i nærheten av å konkurrere med Facebooks aktive brukerbase, som ligger et sted i 800 millioner rekkevidde.
Den nye designen viser at Google ikke har noen intensjon om å forlate dette prosjektet som de har så mange andre tidligere. De prøver definitivt å lage en morsommere opplevelse for å lokke deg inn og holde deg tilbake. Spørsmålet er, vil det fungere?
For å svare på det, må vi spekulere i hva som holder folk tilbake fra å adoptere Google+. Det åpenbare svaret er at Google+ føles noe overflødig når du allerede har en Facebook-konto, enda mer hvis du er aktiv på både Facebook og Twitter. En annen mulighet er at selv om den gamle Google+ absolutt ikke var stygg, føltes den kanskje litt steril og tom for personlighet.
Mulige mål bak den nye designen
Fra dette kan vi våge en gjetning for minst to mulige mål bak redesignet. Det første vil være å differensiere Google+ ytterligere fra andre sosiale nettverk. Å prøve å hevde at de rett og slett er bedre enn Facebook i sitt eget spill, er ikke det beste alternativet, folkene på Google må etablere en tydelig unik konseptuell hjørnestein for hvorfor folk bør komme til siden deres. For eksempel har Twitter gjort en utmerket jobb med å holde seg unna replikering av Facebooks funksjonalitet og ikke stå som et alternativ, men som sitt eget distinkte produkt.
Det andre målet ville være å redusere steriliteten og begynne å forvandle Google+ til et vennlig, innbydende sted som er lett å navigere og til og med morsomt å bruke.
Møtte de disse målene?
Hvis vi analyserer designet med tanke på disse målene, kan vi bedre måle om det var en suksess eller ikke. Denne øvelsen gir oss klare punkter å sammenligne med snarere enn å blindt knivstikke i mørket i et forsøk på å finne hva som fungerer og hva som ikke gjør det.
Så langt som det første målet har Google gjort noen fremskritt på noen områder og kanskje trukket seg litt tilbake i andre. Totalt sett er den nye utformingen et mye lengre sprang fra Facebook enn den gamle. På et øyeblikk vil en trofast bruker av begge aldri ta feil av det ene for det andre, noe som er en god ting.
Liten berøring som å plassere sirkelfiltrene på toppen og fortsette å gi Hangouts fremtredende, sørger for at Googles få nyvinninger er foran og i sentrum. Denne fremgangen er i motsetning til andre områder som det nye forsidebildet, som faktisk får det sosiale nettverket til å føles mer som en Facebook-klone, ikke mindre. Jeg skulle gjerne ha sett dem vise noen unike tanker på dette området fremfor å bare låne Facebooks nye format.
Det andre målet ser ut til å ha vært et hovedanliggende i designoppdateringen. Det nye Google+ skaper et mer innbydende miljø. Selv om det kanskje er på grensen til å bli rot, spesielt sammenlignet med den gamle versjonen, føles det som en mer robust tjeneste med alt det som skjer på hjemmesiden din.
Det er mye økt vekt på ansikter. Det starter med det enorme nye profilbildet ditt og fortsetter gjennom hjemmesiden der du ser en stor chat-sidefelt full av vennlige ansikter i tillegg til forslag til folk du kanskje kjenner og brukere som du kanskje vil like. Google vil at du skal få venner, for å bli dratt inn i opplevelsen nok til å savne den når du er borte. Flere venner betyr flere samspill, noe som betyr flere grunner til å komme tilbake.
Hva tror du?
Google+ virket som om jeg var på vei ut av søkelyset de siste månedene. Imidlertid var denne oppfatningen tilsynelatende feil da de i virkeligheten rolig men jevnlig klatret opp i hitlistene med et imponerende antall aktive daglige brukere. Uansett, selv om de begynte å spore av offentlighetens interesse, var det nye designet tidsriktig for å få hele nettet til å snakke om dem igjen. Selv om dette var den eneste grunnen til oppdateringen, vil det sannsynligvis lønne seg.
Som jeg forklarte ovenfor, tror jeg imidlertid at noen dypere mål var å jobbe her. Nå som du har lest tankene mine, er det på tide at du hopper inn i samtalen. Hvilke mål tror du Google prøvde å oppnå med det nye designet? Trekkte de effektivt av disse intensjonene?
Er Google+ til slutt dømt til å gå veien for Wave, Buzz og andre mislykkede sosiale forsøk, eller vil det fortsette sin jevn vekst og bli et av de viktigste sosiale nettverkene på nettet?
