Posebna kritika web dizajna: Novi Google+
Jučer je Google predstavio golemi redizajn svoje društvene mreže Google+. Oni se nisu samo prebacili oko nekoliko objekata, već su potpuno redefinirali cjelokupni vizualni doživljaj. Takvo veliko osvježenje zaslužuje posebno izdanje naše serije kritika za web dizajn.
Pustite druge da pričaju o dosadnim popisima značajki, pridružite nam se dok uskačemo i razgledamo kako bismo vidjeli što je bolje, a što je gore iz dizajnerske perspektive. Mi ćemo izdvojiti svaki dio sučelja i vidjet ćemo ima li što naučiti.
Istražite dizajnerske resurse
Ako želite poslati svoju web stranicu kako bi je predstavili u budućoj dizajnerskoj kritici, potrebno je samo nekoliko minuta. Naplaćujemo 49 USD za kritiku vašeg dizajna - znatno manje nego što biste platili za savjetnika da pogleda vašu stranicu! Više možete saznati ovdje.
Stari Google+
Prije nego što uđemo u novi dizajn, pogledajmo izvornu verziju usluge Google+, prikazanu u nastavku.
Kao što vidite, prilično je rijetko iskustvo s puno razmaka. Izgled sadržaj organizira u tri stupca s vodoravnom trakom na vrhu za pretraživanje, dodavanje fotografija, pregled krugova itd. Izgled ovdje zapravo podseća na trenutni dizajn Facebooka.
Ukupni osjećaj je čist i jednostavan, ali i pomalo hladan i bezličan. To je web mjesto olakšalo svima za preuzimanje i korištenje, ali možda nije puno pomoglo u konceptu stvaranja stranice vlastitim osobnim središtem komunikacije.
Novi Google+
Novi Google+ drastično smanjuje bjelinu i osjećaj oskudnosti. Za usporedbu, čini se da je sučelje opterećeno značajkama i tipkama. Zadržali su snažnu bijelu osobnost, ali su je upotpunili nijansom sive.
To se može činiti kao trivijalna promjena, ali zapravo je vrlo namjeran pokušaj stvaranja snažne vizualne hijerarhije na stranici. Tamo gdje je stara stranica bila more bijelog s jednim dijelom sive boje na vrhu, ova se stranica koristi ovim bojama za jasno razlikovanje primarnog i sekundarnog dijela sadržaja. Oči će vam lebdjeti oko stranice, dajući ključan značaj svjetlijim dijelovima sučelja.
raspored
Izgled je ovaj put znatno složeniji. Radi se o modificiranoj verziji starog izgleda s tri stupaca, na kojem je malo gniježđenja. Još je uvijek široki glavni dio s dva uska bočna traka, ali taj je glavni dio sada podijeljen u dva snažna pot kolona. Sav sadržaj na stranici ima fiksni položaj, pomiče se samo glavno područje sadržaja.
Ako uklonimo sve i samo pogledamo kosti stranice, vidjet ćemo prilično složen žičan okvir.
Jedna od najznačajnijih konceptualnih promjena koja se dogodila je da su stari izgled sadržavali različite krugove prijatelja u okomitoj traci niz lijevu stranu i navigacijske ikone na vrhu, dok novi izgled navigaciju postavlja u okomiti trak ikona dolje s lijeve strane i krugovi u vodoravnoj traci preko vrha.
Ovaj navigacijski uzorak temeljen na ikoni s lijeve strane nešto je što je postalo izuzetno popularno u dizajnu Mac UI-ja i počinjemo ga vidjeti zrcalo na web sučeljima. Jedan od najznačajnijih zagovornika ovog formata bio je Twitter za Mac (ranije Tweetie), koji je stvorio mnoštvo sličnih sučelja u aplikacijama kao što su Reeder, Sparrow i Raven.
Nova Google+ stranica sadrži vokabular za učenje. Traka na lijevoj strani je "vrpca", koja sadrži razne "aplikacije". Glavni sadržajni okvir je "kartica", a mjesto podvlačenja ispod svakog posta s komentarima, oznakama +1 i sl. Je "ladica aktivnosti".
Pitanja usklađivanja
Novi izgled ide dosta na način da se Google+ čini kao više bogata aplikacija i definitivno dobro koristi kontrast kako bi istaknuo važne dijelove stranice. Zapravo nemam problema s cjelokupnom shemom izgleda, ali ne mogu si ne zamijetiti neke poteškoće s usklađivanjem za koje mislim da snose estetsko.
Za početak, glavni sadržajni okvir i gumb hangouta nalaze se unutar nekoliko piksela kako bi bili savršeno poravnjeni duž njihovih gornjih poteza. Nažalost, do nitkerice poput mene, nekoliko piksela osjeća se milju daleko. Malo je dizajnerskih nazora koji me nerviraju brže od dvije stvari koje su gotovo usklađene. Da biste saznali više o ovoj temi, pogledajte "Zašto je gotovo prljava riječ u dizajnu."
Učinak je još gori ako odmaknete se i pogledate sva četiri elementa u ovom području. Korisnička adresa e-pošte, okvir primarnog sadržaja, okvir za hangout i područje obavijesti prikazuju se nasumičnim duljinama i čini se da nemaju logike iza njihovog položaja.
Ovaj primjer nije izolirani incident, postoji nekoliko drugih slučajeva u kojima objekti nedostaju okomito ili vodoravno poravnanje. Provjerite kako se Google+ logotip dolje nespretno odmiče od snažne okomite linije uspostavljene navigacijom u nastavku.
Dizajn ikona: Dalje od jednostavnog
Povijesno, Google je oduvijek bio poznat po krajnjem nedostatku dizajna. Svaki se proizvod koji se pokazao činio gotovo jednostavnim mogućim rješenjem koje možete zamisliti. Slika Googleove robne marke predstavljala je potpuno odbijanje slijeđenja sjajnog i prozračnog vizualnog stila web 2.0 popularnog ranih 2000-ih u korist ostavljanja sadržaja da govori sama za sebe.
Posljednjih godina Google je vidio kako se polako distancira od tih ideja jer njeni proizvodi pokazuju suptilnu, ali sve veću količinu složenosti i detalja u dizajnu. Ikone u novom Google+ služe kao savršen primjer ovog pojma.
Primijetite kako su jednostavni apstraktni oblici i čvrste boje ustupili mjesto kohezivnoj slici kuće koja sadrži suptilne poteze i gradijente.
Ponavljanje lebdećih efekata
Dok smo na temu ikona, pogledajmo neke manje aspekte interakcije web mjesta, naime efekte lebdenja. Općenita tema ovdje je da su ikone sive i kontrastiraju vrlo malo s pozadinom. Zatim, kada lebdite iznad kursa, ikona postaje pune boje. To možete vidjeti u radnji na bočnoj traci:
Ponavljanje je jedan od vaših najjačih alata kao dizajnera i Google ga ovdje dobro drži. Isti efekt sive boje ponavlja se na još nekoliko mjesta na cijeloj stranici.
Međutim, pomalo su u neskladu s tim učinkom. Postoji nekoliko mjesta na kojima mislim da bi bilo prikladno produžiti ponavljanje, ali odlučili su ići s drugim slučajnim učinkom. U primjeru u nastavku, ikone se lebde u obliku gumba.
Nova bočna traka
Desno od odjeljka s glavnim sadržajem nalazi se nova bočna traka s raznim značajkama dizajniranima kako bi što bolje iskoristili Google+. Imajte na umu da je ovo drugo mjesto na kojem vidimo boju na lebdećem triku.
To je područje vrlo lijepo dizajnirano sa svakim odjeljkom jasno organiziranim i jasnim. Zanimljivo je vidjeti kako Google hvata ideju s Twittera u obliku popisa trendnih tema. Možete vidjeti da su korisnici već usvojili sintaksu hashtag-a, fascinantan primjer kako automatski prenosimo svoje ponašanje na društvenim mrežama bez obzira na to da li programeri uzimaju u obzir to ponašanje ili ne.
Uvijek je važno usko predvidjeti i promatrati ponašanje vaše korisničke baze i voditi računa o radnjama za koje oni izgleda gravitiraju, a ne pokušavati ih mijenjati. To će učiniti vašu platformu mnogo intuitivnijom i jednostavnijom za usvajanje.
Profil
Uzimajući stranicu iz nove Facebook knjižice vremenskih traka (i možda Path), novi Google+ profil omogućuje ne samo glavnu sliku avatara već i „naslovnu sliku“ (isti izraz koji koristi Facebook).
Dio koji je vidljiv odmak od Facebooka nesumnjivo je ogroman profil slike, koji se nalazi na desnoj, umjesto na lijevoj strani. Prikazane dolje u stvarnoj veličini, ove se slike prikazuju s nevjerojatnih 250 piksela za 250 piksela, što sigurno nije slučajno točno dvostruko Facebook slike veličine 125 px kvadratnog profila.
Jedna stvar koja mi se čini zanimljiva je činjenica da se naslovna slika zapravo izbija iz okvira glavnog sadržaja. Obično to cijenim kada dizajneri namjerno povuku takav neočekivani trik, ali da budem iskren, ovdje me prilično smeta. Čim se učita stranica profila, moje oči skoče pravo u nespretno preklapanje.
Kakva je presuda?
Od prošlog mjeseca Google+ je navodno prešao 100 milijuna marki za aktivne korisnike. Nitko to ne može nazvati malim brojem, pogotovo s obzirom na činjenicu da je Instagram samo uzeo milijardu dolara iz Facebooka za svoju platformu i 30 milijuna + korisničku bazu.
Također, ako uzmete u obzir da Twitter ima samo 140 milijuna aktivnih korisnika, čini se da se Google+ ubrzano zalaže za mjesto dva na društvenim mrežama. Međutim, to definitivno nije dovoljno da se približi Facebook aktivnoj korisničkoj bazi, koja je negdje u rasponu od 800 milijuna.
Novi dizajn pokazuje da Google nema namjeru napustiti ovaj projekt kao što je to bio slučaj u prošlosti. Oni definitivno pokušavaju izraditi ugodnije iskustvo kako bi vas namamili i nastavili vraćati. Pitanje je, hoće li uspjeti?
Da bismo odgovorili na to, moramo nagađati što sprečava ljude da usvoje Google+. Očigledan odgovor je da se Google+ osjeća pomalo suvišnim kada već imate Facebook račun, još više ako ste aktivni i na Facebooku i na Twitteru. Druga je mogućnost da, iako stari Google+ sigurno nije bio ružan, osjećao se možda pomalo sterilno i bezveze osobnosti.
Mogući ciljevi iza novog dizajna
Iz ovoga možemo izvući pogodak za barem dva moguća cilja iza redizajna. Prvo bi bilo dodatno razlikovati Google+ od ostalih društvenih mreža. Pokušavajući tvrditi da su oni jednostavno bolji od Facebooka u vlastitoj igri nije najbolja opcija, ljudi u Googleu moraju uspostaviti jasno jedinstven konceptualni kamen temeljac zašto bi ljudi trebali doći na njihovu stranicu. Kao primjer, Twitter je odradio izvrstan posao jer se nije držao daleko od ponovnog ponavljanja Facebookove funkcionalnosti i nije mu alternativa, već kao vlastiti zaseban proizvod.
Drugi bi cilj bio smanjiti sterilnost i započeti pretvaranje usluge Google+ u prijateljsko i dobrodošlo mjesto koje je lako za navigaciju, pa čak i zabavno za korištenje.
Jesu li se upoznali s tim ciljevima?
Ako analiziramo dizajn u smislu tih ciljeva, možemo bolje procijeniti je li uspjeh ili ne. Ova vježba daje nam jasne točke za uspoređivanje, a ne slijepo ubadanje u mraku u pokušaju pronalaska onoga što djeluje, a što ne.
Što se tiče prvog cilja, Google je postigao određeni napredak u nekim područjima, a možda se i malo povukao u drugim. Sve u svemu, novi izgled je puno veći skok od Facebooka od starog. Na prvi pogled vjerni korisnik oba ne bi nikada pogriješio jedno za drugo, što je dobra stvar.
Nadalje, mali dodiri poput postavljanja filtera kruga uz vrh i nastavljanja davanja značaja hangoutima osiguravaju da Googleove malo inovacija budu ispred i u središtu. Ovaj je napredak suprotan drugim područjima poput nove naslovnice, koja zapravo čini da se društvena mreža više sliči Facebook klonu. Volio bih da sam vidio kako pokazuju jedinstvenu misao u ovom području, a ne da jednostavno pozajmljuju novi format Facebooka.
Čini se da je drugi cilj zasigurno bio glavni problem u osvježavanju dizajna. Novi Google+ stvara privlačnije okruženje. Iako je na rubu zatrpanosti, pogotovo u usporedbi sa starom verzijom, čini se da je robusnija usluga sa svim stvarima koje se događaju na vašoj početnoj stranici.
Puno je pojačanog naglašavanja lica. Započinje s ogromnom novom slikom profila i nastavlja se preko početne stranice na kojoj vidite veliku bočnu traku razgovora punu prijateljskih lica, uz prijedloge za ljude koje možda poznajete i korisnike koji bi vam se mogli svidjeti. Google želi da se sprijateljiš, da se povučeš u doživljaj dovoljno da ga propustiš kad nemaš. Više prijatelja znači više interakcija, što znači i više razloga za povratak.
Što misliš?
Činilo mi se da Google+ posljednjih mjeseci nije u središtu pažnje. Međutim, ta je percepcija bila očito promašena, jer se u stvarnosti tiho, ali uporno penju na ljestvice s impresivnim brojem aktivnih dnevnih korisnika. Bez obzira na to, čak i ako su počeli zaostajati u javnom interesu, novi je dizajn bio tempiran savršeno kako bi cijeli Internet još jednom razgovarao o njima. Čak i ako je to bio jedini razlog za osvježenje, vjerojatno će se isplatiti.
Međutim, kao što sam gore objasnio, mislim da su ovdje postignuti neki dublji ciljevi. Sad kad ste pročitali moje misli, vrijeme je da uskočite u razgovor. Koje biste ciljeve smatrali da je Google pokušao postići novim dizajnom? Jesu li učinkovito povukli te namjere?
Također, Google+ je u konačnici osuđen na put Wave-a, Buzza i ostalih neuspjelih društvenih pokušaja ili će nastaviti svoj stalni rast i postati jedna od najvažnijih društvenih mreža na webu?
