Press "Enter" to skip to content

G+ Redesign Polish

After watching the I/O keynote I decided to head over to Plus and check out the new layout. Noticed that the color of the top search bar area is white rather than the normal grey. I say normal grey as it’s the same grey used in Gmail and in the Play Store. It’s always dark gray nav bar, followed by a lighter grey search bar area.

Standard G+ top bar
Standard G+ top bar
Modified white G+ top bar
Modified white G+ top bar
Standard Gmail top bar
Standard Gmail top bar

After some minor tweaks the search bar now feels more like the standard and the G+ toolbar feels more like a part of the service. It pops more and helps define the content area for the posts. It also now feels more inline with the hangouts area which is also white. The secondary impact of this change occurs when you scroll down. This first gif shows how it is currently implemented.

Standard G+ top bar animation
Standard G+ top bar animation

Here, the grey pops in to white, a drop shadow appears, and some new UI elements animate in. This color change is a bit distracting and if the toolbar was white to begin with is unneeded. The shadow, not too distracting could also be added to the hangouts area as well as the tool bar at all times. I’m not entirely sure why they even need a drop shadow during this scroll transition. It may help to define the content area, but that can be done with the same thin border they use in other services like Gmail. It moves the UI away from a purely flat UI and adds depth where there was none. I’m not saying drop shadows are bad, just in this case it might be misused. I decided to try it with and without the drop shadow to see how distracting it really was.

Modified G+ toolbar animation, white without shadow
Modified G+ toolbar animation, white without shadow
Modified G+ top bar animation, white with shadow
Modified G+ top bar animation, white with shadow

The last thing that jumps out in these animations is the notification icon. It’s a small thing, but it animates in, but does not animate out, merely disappears. It’s a bit of polish that was missed. However, for me, what has been seen cannot be unseen.

I really like the new G+ layout and the new great features. It really does feel like Google is trying to make a unified design across all of their services and the consistency which is great, only highlights missed attention to detail.

2 Comments

  1. Melissa Ruhl Melissa Ruhl May 21, 2013

    The only thing I use G+ for is to chat, so I don’t really ever notice feature changes. I did notice, however, that they changed the little emoticons and the new ones, like the old aliens, are weird. I wonder if there’s a reason they don’t just stick to the basic round, yellow faces. They’re so good at sticking to basic designs in other places. I wonder if there’s some patent or something.

    • Chris Chris June 30, 2013

      I completely failed and missed this. So yeah, not sure why they did change the emoticons. Maybe they wanted to have their own flavor to them? Seems like every chat service has their own. Sort of doubt it’s legal reasons, but who knows, it really wouldn’t surprise me. I would love it if they went with a more refined flat style for those to match the overall style of the site and the rest of their services.

Leave a Reply

Your email address will not be published. Required fields are marked *