Speciální kritika webového designu: Nová Google+
Včera Google spustil masivní přepracování své sociální sítě, Google+. Nejenže se zamíchali kolem několika objektů, úplně předefinovali celý vizuální zážitek. Taková velká obnova si zaslouží speciální vydání naší kritické série návrhů webových stránek.
Nechte ostatní mluvit o nudných starých seznamech funkcí, připojte se k nám, když skočíme dovnitř, a rozhlédněte se kolem, abychom zjistili, co je lepší a co je horší z pohledu designéra. Vybereme odděleně každou část rozhraní a uvidíme, jestli je co se naučit.
Prozkoumejte zdroje návrhu
Pokud chcete svůj web odeslat jako součást budoucí kritiky designu, trvá to jen několik minut. Za kritiku vašeho návrhu účtujeme 49 USD - podstatně méně, než kolik byste zaplatili konzultantovi, aby se podíval na vaše stránky! Více se dozvíte zde.
Stará Google+
Než se pustíme do nového designu, podívejme se rychle na původní verzi Google+, viz níže.
Jak vidíte, je to docela řídký zážitek se spoustou mezer. Rozvržení organizuje obsah do tří sloupců s vodorovným pruhem podél horní části pro vyhledávání, přidávání fotografií, prohlížení vašich kruhů atd. Rozvržení zde ve skutečnosti docela připomíná současný design Facebooku.
Celkový pocit je čistý a jednoduchý, ale také trochu chladný a neosobní. Díky tomu byl web snadný pro každého, kdo ho mohl vyzvednout a používat, ale možná s konceptem vytvoření stránky jako svého osobního komunikačního centra příliš nepomohlo.
Nová Google+
Nová Google+ drasticky omezuje mezeru a pocity rozptýlení. Ve srovnání se zdá, že rozhraní je nabité funkcemi a tlačítky. Zachovali si silnou bílou osobnost, ale doplnili ji odstínem šedé.
Může to vypadat jako triviální změna, ale ve skutečnosti jde o velmi úmyslný pokus o vytvoření silné vizuální hierarchie na stránce. Tam, kde byla stará stránka mořským mořem s jedinou šedou oblastí nahoře, používá tato stránka tyto dvě barvy k jasnému rozlišení primárních a sekundárních částí obsahu. Oči se budou vznášet kolem stránky a světlejším částem rozhraní budou dávat klíčový význam.
Rozložení
Rozložení je tentokrát mnohem složitější. Je to upravená verze starého rozložení tří sloupců s trochou vnoření na místě. Stále existuje široká hlavní sekce lemovaná dvěma úzkými postranními pruhy, ale tato hlavní sekce je nyní rozdělena do dvou silných dílčích sloupců. Veškerý obsah na stránce má pevnou pozici, posouvá se pouze hlavní oblast obsahu.
Pokud vše svlékneme a podíváme se pouze na kosti stránky, uvidíme docela složitý drátový model.
Jednou z nejvýznamnějších koncepčních změn, ke které došlo, je to, že staré rozvržení obsahovalo různé kruhy vašich přátel ve svislém pruhu dolů po levé straně a vaše navigační ikony nahoře, zatímco nové rozvržení umísťovalo navigaci do svislého pruhu ikon. po levé straně a vaše kruhy v horizontální liště přes vrchol.
Tento navigační vzor založený na levém boku je něco, co se stalo velmi populárním v designu Mac UI, a my ho začneme vidět ve webových rozhraních. Jedním z nejvýznamnějších zastánců tohoto formátu byl Twitter for Mac (dříve Tweetie), který vytvořil řadu podobných rozhraní v aplikacích, jako jsou Reeder, Sparrow a Raven.
Nová stránka Google+ přichází s určitou slovní zásobou. Pruh dolů po levé straně je „stuha“, která obsahuje různé „aplikace“. Hlavním rámečkem obsahu je „karta“ a oblast vysunutí pod každým příspěvkem s komentáři, +1, atd. Je „zásuvka aktivity“.
Problémy se zarovnáváním
Nové rozvržení vede dlouhou cestu k tomu, aby se Google+ zdála jako aplikace bohatá na funkce a určitě dobře využívá kontrast k zvýraznění důležitých částí stránky. Opravdu nemám žádné problémy s celkovým schématem rozvržení, ale nemohu si pomoci, ale všimnu si některých problémů se zarovnáním, které podle mého názoru snižují estetiku.
U začátečníků je hlavní obsahové pole a tlačítko hangoutu uvnitř několika pixelů, aby byly dokonale zarovnány podél horních tahů. Bohužel, k nitpickerovi, jako jsem já, se pár pixelů cítí míli daleko. Existuje jen pár nepředvídatelných návrhů, které mě obtěžují rychleji než dvě věci, které jsou téměř zarovnány. Chcete-li se dozvědět více o tomto tématu, podívejte se na téma „Proč je téměř špinavé slovo v designu“.
Účinek je ještě horší, pokud uděláte krok zpět a podíváte se na všechny čtyři prvky v této oblasti. E-mailová adresa uživatele, pole primárního obsahu, pole hangoutu a oblast oznámení jsou vybírány náhodně a zdá se, že za jejich umístěním není žádná logika.
Tento příklad není ojedinělým incidentem, existuje několik dalších případů, kdy objekty prostě chybí svislé nebo vodorovné zarovnání. Podívejte se, jak je níže uvedené logo Google+ nepříjemně vykompenzováno silnou vertikální linií vytvořenou níže uvedenou navigací.
Design ikon: dále od jednoduchých
Historicky byl Google vždy známý pro svůj naprostý nedostatek designu. Každý produkt, který se objevil, se zdál být téměř nejjednodušším možným řešením, jaké si dokážete představit. Obrázek značky Google představoval úplné odmítnutí sledovat lesklý a pochmurný vizuální styl web 2.0 populární na počátku 2000 let, aby se obsah nechal mluvit sám za sebe.
V uplynulých letech jsme viděli, jak se Google začal pomalu od těchto myšlenek distancovat, protože její produkty vykazují jemný, ale stále se zvyšující objem a složitost detailů. Ikony v nové Google+ slouží jako dokonalý příklad této představy.
Všimněte si, jak jednoduché abstraktní tvary a plné barvy ustoupily soudržnějšímu obrazu domu, který obsahuje jemné tahy a přechody.
Opakování efektů přechodu
Zatímco jsme na téma ikon, pojďme se rychle podívat na některé z menších interakčních aspektů webu, konkrétně na efekty přechodu. Obecným tématem je, že ikony jsou šedé a kontrastují jen velmi málo s pozadím. Poté se při přechodu na ikonu barva změní na plnou barvu. Můžete to vidět v akci na postranním panelu:
Opakování je jedním z vašich nejsilnějších nástrojů jako návrháře a Google ho zde dobře ovládá. Stejný efekt šedé barvy se opakuje na několika místech na celé stránce.
S tímto účinkem jsou však trochu v rozporu. Existuje několik míst, kde si myslím, že by bylo vhodné opakování opakovat, ale rozhodli se jít s jiným náhodným efektem. V níže uvedeném příkladu se ikony změní na tvar tlačítek při najetí myší.
Nový postranní panel
Vpravo od hlavní části obsahu je nový boční panel s různými funkcemi, které vám pomohou vytěžit maximum z Google+. Všimněte si, že toto je další místo, kde vidíme barvu na trikovém přechodu.
Tato oblast je velmi pěkně navržena a každá sekce je jasně uspořádaná a zřetelná. Je zajímavé, když Google vyzvedává nápad z Twitteru ve formě seznamu trendových témat. Můžete vidět, že uživatelé již používají syntaxi hashtag, což je fascinující příklad toho, jak automaticky přenášíme naše chování napříč sociálními sítěmi, ať už vývojáři za toto chování odpovídají či nikoli.
Vždy je důležité pečlivě předvídat a sledovat chování vaší uživatelské základny a dbát na akce, ke kterým se zdá, že k nim spíše přitahují než se je pokoušejí změnit. Díky tomu bude vaše platforma vypadat mnohem intuitivnější a snáze se osvojí.
Profil
Když vezmeme stránku z nového seznamu na časové ose na Facebooku (a možná i na cestu), umožňuje nový profil Google+ nejen hlavní obrázek avataru, ale také „titulní obrázek“ (stejný termín používaný Facebookem).
Část, která je znatelně odlišná od Facebooku, je nepopiratelně obrovská profilová fotka, která je umístěna na pravé straně místo na levé straně. Níže uvedené obrázky ve skutečné velikosti se zobrazují na neuvěřitelných 250 x 250 pixelů, což rozhodně není náhodně přesně dvojnásobek fotografií na Facebooku s profilem 125 pixelů na čtverec.
Jedna věc, která mi připadá zajímavá, je skutečnost, že titulní obrázek se ve skutečnosti vynoří z hlavního obsahu. Obvykle to oceňuji, když designéři úmyslně stáhnou neočekávaný trik, jako je tento, ale abych byl upřímný, připadá mi to docela rušivé. Jakmile se načte stránka profilu, mé oči vyskočí přímo k nepříjemnému překrytí.
Co je verdikt?
Od minulého měsíce Google+ údajně překročila hranici 100 milionů aktivních uživatelů. Nikdo to nemůže nazvat malým počtem, zejména s ohledem na skutečnost, že Instagram právě chytil miliardu dolarů z Facebooku za svou platformu a 30 milionů + uživatelskou základnu.
Pokud se domníváte, že Twitter má pouze 140 milionů aktivních uživatelů, zdá se, že Google+ rychle střílí na pozici číslo dva v sociálních médiích. To však rozhodně nestačí na to, abychom se přiblížili konkurenční aktivní uživatelské základně Facebooku, která je někde v rozmezí 800 milionů.
Nový design ukazuje, že Google nemá v úmyslu opustit tento projekt, protože má tolik dalších v minulosti. Rozhodně se pokoušejí vytvořit zábavnější zážitek, aby vás nalákali a udrželi v návratu. Otázka zní, bude to fungovat?
Abychom na to mohli odpovědět, musíme spekulovat o tom, co brání lidem v adopci Google+. Zřejmá odpověď je, že Google+ se cítí nadbytečně, když již máte účet na Facebooku, ještě více, pokud jste aktivní na Facebooku i Twitteru. Jinou možností je, že zatímco stará Google+ nebyla určitě ošklivá, připadala si možná trochu sterilní a zbavená osobnosti.
Možné cíle za novým designem
Z tohoto se můžeme pustit do odhadu alespoň dvou možných cílů za redesignem. Prvním z nich by bylo další odlišení Google+ od ostatních sociálních sítí. Snažit se tvrdit, že jsou prostě lepší než Facebook ve své vlastní hře, není tou nejlepší volbou. Lidé na Googlu musí vytvořit jasně jedinečný koncepční základní kámen, proč by lidé měli na své stránky přijít. Jako příklad, Twitter odvedl vynikající práci, aby se vyhnul replikaci funkčnosti Facebooku a stál ne jako alternativa, ale jako svůj vlastní odlišný produkt.
Druhým cílem by bylo snížit sterilitu a začít přeměnit Google+ na přátelské a příjemné místo, které se snadno naviguje a dokonce i zábavné.
Splnili tyto cíle?
Pokud analyzujeme design z hlediska těchto cílů, můžeme lépe posoudit, zda to byl úspěch. Toto cvičení nám dává jasné body, abychom mohli porovnat spíše než slepě bodavé tmy ve snaze zjistit, co funguje a co ne.
Pokud jde o první cíl, Google dosáhl v některých oblastech určitého pokroku a v jiných možná trochu ustoupil. Celkově je nové rozvržení z Facebooku mnohem větší skok než ten starý. Na první pohled by věrný uživatel jednoho z nich nikdy nedělal chybu za druhého, což je dobrá věc.
Drobné dotyky, jako je umístění kruhových filtrů podél vrcholu a pokračování ve zvýraznění hangoutů, zajišťují, že několik inovací společnosti Google bude vpředu a uprostřed. Tento pokrok je v kontrastu s jinými oblastmi, jako je například nový titulní obrázek, díky němuž se sociální síť ve skutečnosti cítí spíše jako klon Facebooku, ne méně. Byl bych rád, kdybych je viděl ukázat nějaké jedinečné myšlenky v této oblasti, spíše než jednoduše půjčit si nový formát Facebooku.
Druhý cíl se rozhodně zdá být hlavním zájmem při obnově designu. Nová Google+ vytváří příjemnější prostředí. Ačkoli je to asi na pokraji nepřehlednosti, zejména ve srovnání se starou verzí, připadá mi to jako robustnější služba se vším, co se děje na vaší domovské stránce.
Na tváře je kladen velký důraz. Začíná vaším velkým novým profilovým obrázkem a pokračuje na domovské stránce, kde uvidíte velký postranní panel chatu plný přátelských tváří a návrhy pro lidi, které možná znáte, a pro uživatele, které by se vám mohly líbit. Google chce, abyste si udělali přátele, aby se dostaly do zážitku natolik, že vám bude chybět, když budete pryč. Více přátel znamená více interakcí, což znamená více důvodů pro návrat.
Co myslíš?
Zdálo se mi, že se Google+ v posledních měsících dostalo z centra pozornosti. Toto vnímání však bylo zjevně chybné, protože ve skutečnosti tiše, ale neustále stoupali po grafech s působivým počtem aktivních každodenních uživatelů. Bez ohledu na to, i když se začínají ve veřejném zájmu, nový design byl dokonale načasován, aby o nich celý web znovu mluvil. I když to byl jediný důvod za obnovou, pravděpodobně se vyplatí.
Jak jsem však vysvětlil výše, domnívám se, že zde fungovaly některé hlubší cíle. Nyní, když jste si přečetli moje myšlenky, je čas, abyste skočili do konverzace. Jaké cíle si myslíte, že se Google pokoušel pomocí nového designu dosáhnout? Účinně stáhli tyto záměry?
Je Google+ nakonec odsouzena k tomu, aby šla cestou Wave, Buzz a dalších neúspěšných sociálních pokusů, nebo bude pokračovat ve svém stabilním růstu a stane se jednou z nejdůležitějších sociálních sítí na webu?
