{"id":658174,"date":"2013-05-15T14:03:29","date_gmt":"2013-05-15T18:03:29","guid":{"rendered":"http:\/\/gigaom.com\/?p=645445"},"modified":"2013-05-15T14:03:29","modified_gmt":"2013-05-15T18:03:29","slug":"what-google-was-thinking-when-redesigning-the-new-google","status":"publish","type":"post","link":"https:\/\/mereja.media\/index\/658174","title":{"rendered":"What Google was thinking when redesigning the new Google+"},"content":{"rendered":"<p dir=\"ltr\">When I am feeling kind, I think of Google+ as a social network by dictat \u2014 err, Larry Page\u2019s mandate. And when I am in my curmudgeonly mood (which is pretty much every second day), then I think of it as a fly that keeps buzzing your face: you try and swat it, but you fail and it makes your angrier. Yet, I can\u2019t help but admire the newly announced version of Google\u2019s social network. It is a much needed improvement and Google has finally developed an aesthetic that is visually different from Facebook.<\/p>\n<p dir=\"ltr\">Before Google\u2019s senior vice president, <a href=\"http:\/\/en.wikipedia.org\/wiki\/Vic_Gundotra\">Vic Gundotra<\/a> announced the new Google+ Wednesday at Google\u2019s annual developer conference, Google I\/O, I sat down with Fred Gilbert who heads up design for Google+, who explained how the company arrived at this new, improved look; I see it as a hybrid of a stream and Pinterest-style cards that doesn\u2019t look awkward and ungainly.<\/p>\n<p><a href=\"http:\/\/gigaom.com\/2013\/05\/14\/google-io-2013-roundup\/google-io-3\/\" rel=\"attachment wp-att-645491\"><img loading=\"lazy\" decoding=\"async\" alt=\"Google-io\" src=\"http:\/\/gigaom2.files.wordpress.com\/2013\/05\/google-io.jpg?w=300&#038;h=200\" width=\"300\" height=\"200\" class=\"alignleft size-medium wp-image-645491\"><\/a><\/p>\n<p dir=\"ltr\">It is a responsive design and with a click you switch how you want to see your content \u2014 as a stream or as these tiles, Gilbert pointed out. A lot of the new design actually takes a lot of cues from the current mobile versions of Google+, which are actually more advanced compared to the desktop version. At first blush this looks like a unification of mobile and desktop, but there are changes that are visible only on Google\u2019s Chrome browser.<\/p>\n<div id=\"attachment_645448\" class=\"wp-caption aligncenter\" style=\"width: 718px\"><a href=\"http:\/\/gigaom.com\/2013\/05\/15\/what-google-was-thinking-when-redesigning-the-new-google\/fredgilbert\/\" rel=\"attachment wp-att-645448\"><img loading=\"lazy\" decoding=\"async\" alt=\"FredGilbert\" src=\"http:\/\/gigaom2.files.wordpress.com\/2013\/05\/fredgilbert.jpg?w=708&#038;h=398\" width=\"708\" height=\"398\" class=\"wp-image-645448\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fred Gilbert, lead designer for the new Google+<\/p>\n<\/div>\n<p dir=\"ltr\">Gilbert, who has worked for Google for over five years, explained that a lot of the new design has been shaped by how the web has changed. He pointed out that we are sharing more things more often and as a result the social web is getting busier. You can say that again!<\/p>\n<p>\u201cWhat I saw was a chance to make people and the content they share the star,\u201d Gilbert said. \u201cEverything else just fades into the background.\u201d<\/p>\n<p dir=\"ltr\"><strong>Flat design for a busy world<\/strong><\/p>\n<p dir=\"ltr\">The design of the new Google+ is muted and flat. The colors are actually quite neutral, allowing mostly the content to shine brighter. \u201cFlatter design keeps the distraction away,\u201d Gilbert said.\u00a0This new philosophy is reflected in this new version of Google+, which is marked by simplicity and fewer distractions. For instance, unless you are ready to engage with a piece of content, the links appear as regular text, without the distraction of the blue link. Both the left and right sidebar and menus disappear, sliding in and out as needed.<\/p>\n<p dir=\"ltr\">Google has come up with a unique twist on the #hashtag concept and is using it as a way to surface contextual information on the new Google+ service. The new design also liberally uses the concept of cards (that first showed up on Google Now). Hover over an item, and on the back side of the card you get more information and related links and action items.<\/p>\n<p dir=\"ltr\">Gilbert explained that when Google started working on the new look, the idea was to take a lot of information and show it in as simple a manner, giving the eye the visual cues to understand the importance of content. Bigger photos, for instance are indicative of their importance. Photos become bigger based on analysis of past relationships to the people and the content and their ensuing interactions, Gilbert explained.<\/p>\n<p dir=\"ltr\"><strong>Data, Design, Experience<\/strong><\/p>\n<p dir=\"ltr\">Underlying these visual cues are a lot of data analytics. This data-informed design is actually a clever approach and the wave of the data-informed design. Gilbert said that usually when companies undertake a redesign of their website, it is based on some kind of data they have collected over a period of time. For Google+, data is informing the design, except at a much faster speed and is hyper-personalized based on who you really are. \u201cData and design have to be used together to tailor experiences,\u201d said Gilbert.<\/p>\n<p dir=\"ltr\">We\u2019ll take a close look at how data is informing design at our RoadMap event in November in San Francisco. If you <a href=\"http:\/\/event.gigaom.com\/gigaomroadmap\/?utm_source=tech&amp;utm_medium=editorial&amp;utm_campaign=intext&amp;utm_term=645445+what-google-was-thinking-when-redesigning-the-new-google&amp;utm_content=om\">sign up here<\/a> you can get first access to tickets that will go on sale this Summer.<\/p>\n<p dir=\"ltr\">While Google still is a few years away from developing the human quotient of Apple, the new Google+ shows that the company is thinking correctly about its design identity, not forgetting that its core competency is its infrastructure: its ability to crunch large sets of data cheaply and quickly and then deliver them at blazing speed to our browsers.<\/p>\n<p dir=\"ltr\">The biggest challenge for Google is that Google+ doesn\u2019t really feel like a social network like Facebook or Twitter. Instead it is something that was launched because of a degree of fear and a dash of hubris. It was a social network that Larry wanted, not you and I.<\/p>\n<p>However, it has slowly evolved and has found some fanatical users such as photographer Trey Ratcliff, blogger Robert Scoble and our very own Janko Roettgers, who has turned to Google+ to build a community for his Cord Cutters show and podcasts. Google needs accidental visitors such as me to become active participants. I think the new design will help.<\/p>\n<p>  <img loading=\"lazy\" decoding=\"async\" alt=\"\" border=\"0\" src=\"http:\/\/stats.wordpress.com\/b.gif?host=gigaom.com&#038;blog=14960843&#038;%23038;post=645445&#038;%23038;subd=gigaom2&#038;%23038;ref=&#038;%23038;feed=1\" width=\"1\" height=\"1\" \/><\/p>\n<p><a href=\"http:\/\/pubads.g.doubleclick.net\/gampad\/jump?iu=\/1008864\/GigaOM_RSS_300x250&#038;sz=300x250&#038;%23038;c=128742\"><img decoding=\"async\" src=\"http:\/\/pubads.g.doubleclick.net\/gampad\/ad?iu=\/1008864\/GigaOM_RSS_300x250&#038;sz=300x250&#038;%23038;c=128742\" \/><\/a><\/p>\n<p><strong>Related research and analysis from GigaOM Pro:<\/strong><br \/>Subscriber content. <a href=\"http:\/\/pro.gigaom.com\/?utm_source=tech&#038;utm_medium=editorial&#038;utm_campaign=auto3&#038;utm_term=645445+what-google-was-thinking-when-redesigning-the-new-google&#038;utm_content=om\">Sign up for a free trial<\/a>.<\/p>\n<ul>\n<li><a href=\"http:\/\/pro.gigaom.com\/2012\/04\/newnet-q1-advertising-commerce-and-discovery-dominate\/?utm_source=tech&#038;utm_medium=editorial&#038;utm_campaign=auto3&#038;utm_term=645445+what-google-was-thinking-when-redesigning-the-new-google&#038;utm_content=om\">Social media in Q1: commerce and discovery dominated<\/a><\/li>\n<li><a href=\"http:\/\/pro.gigaom.com\/2012\/12\/connected-consumer-2013-how-2012-laid-the-groundwork-for-change\/?utm_source=tech&#038;utm_medium=editorial&#038;utm_campaign=auto3&#038;utm_term=645445+what-google-was-thinking-when-redesigning-the-new-google&#038;utm_content=om\">How consumer media will change in 2013<\/a><\/li>\n<li><a href=\"http:\/\/pro.gigaom.com\/2012\/12\/social-2013-the-enterprise-strikes-back\/?utm_source=tech&#038;utm_medium=editorial&#038;utm_campaign=auto3&#038;utm_term=645445+what-google-was-thinking-when-redesigning-the-new-google&#038;utm_content=om\">Social 2013: The enterprise strikes back<\/a><\/li>\n<\/ul>\n<div class=\"feedflare\">\n<a href=\"http:\/\/feeds.feedburner.com\/~ff\/OmMalik?a=zaDngYaD394:jdV6OMI0000:yIl2AUoC8zA\"><img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/OmMalik?d=yIl2AUoC8zA\" border=\"0\"><\/img><\/a>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~r\/OmMalik\/~4\/zaDngYaD394\" height=\"1\" width=\"1\"\/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When I am feeling kind, I think of Google+ as a social network by dictat \u2014 err, Larry Page\u2019s mandate. And when I am in my curmudgeonly mood (which is pretty much every second day), then I think of it as a fly that keeps buzzing your face: you try and swat it, but you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-658174","post","type-post","status-publish","format-standard","hentry","category-news"],"_links":{"self":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/posts\/658174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/comments?post=658174"}],"version-history":[{"count":0,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/posts\/658174\/revisions"}],"wp:attachment":[{"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/media?parent=658174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/categories?post=658174"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mereja.media\/index\/wp-json\/wp\/v2\/tags?post=658174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}