446 comments

[ 5.1 ms ] story [ 316 ms ] thread
From the video: "Think about how far Google has evolved from the ten blue links."

I do, and it's not always a good thing.

Also, I don't think I'm a fan of that new typeface. The cutesiness with the rotated 'e' on the end is sort of teeth-grating to me: it breaks up the rhythm of the rest of the wordmark.

The slanted e is a callback to the previous Google logo, which also had a slanted e.
The O's were slightly tilted too, no?
They still are in the new logo. They're perfect circles, but they've been rotated to the exact same angle as the old "o"s.
how do you rotate a perfect circle
By turning it so many degrees.
Made me look!

Screenshotting the doodle, the counters are 24×26 pixels. Not perfect circles, and not tilted.

It looks a bit like Circular, which has also been adopted by Alphabet (see the page source for abc.xyz), Google's parent company. Circular has been quite popular of late with many companies adapting and adopting it for their identity.
I'm going to miss Catull.
First I thought you meant Catmull, as in Catmull curves, then I've found out that there is a font called Catull :) Thank you!
Many tech companies seem to be rolling out new designs at an increasing rate rate.

A bit of a side note, but I've recently been pondering for how long material design will stay with us. I'd guess when the developer for that last Jelly Beanish app in my phone has finally made the switch, Google releases their new design guidelines and the process begins again...

Material Design is more of a living standard. It's constantly being updated, clarified and expanded. They even have changelogs. I'd guess that it's extremely likely to be replaced anytime soon, but will evolve over time.
This reads like fashion discussion. "Skinny jeans just look better aesthetically, they'll never go out of style." Give it a few years.
Holo was supposed to be the unified Android design for all time, and it barely lasted two years. Even after the "Material" thing, Google has inconsistently applied it's supposed golden standard, and some Material elements, like the FAB, have actually been REMOVED from Google Keep in favor of the more Holo-esque bottom action bar, for example.

Material Design will probably be suddenly replaced by something with an equally trendy name when Google needs more PR.

I love it. Quite often logo redesign processes gets completely out of hand, but this was a significant improvement over the older version: Cleaner, more modern and beautiful in all its simplicity. Bravo!
Yeah I think it's pretty nice too. Works really well with the material design elements for most their applications.
I agree. Material design to me seemed like a great step as well. The different looks between Google products didn't seem so bad till they started to move everything over to material design and I realized how fragmented the previous designs were. Didn't even see the problem till it was fixed. slow clap
> Didn't even see the problem till it was fixed

Most design problems are this way. Even after you fix them they are often not obvious to the user despite improving the UX.

I like the attention they brought to the angle/attitude of the 'e'. Never appreciated before how it has a friendlier feel.
It is pioneered by Alfred Heineken in 1954 to cheer up the brand Heineken.
I think these things might make a small difference but overall it's not important.

I view Heineken as a boring lager which has little character, probably due to being produced in industrial quantities. A jaunty 'e' isn't going to fix that.

Same for google. So long as they continue to bang out appropriate search results I'm with them. Right until they don't.

Logo design and typography are intended to affect you subconsciously, not consciously.

That tilted 'e' is meant to advertise the brand in the middle of dozens of other logos in the store, and draw consumers in from that myriad of choices based on psychological cues and associations they may not even be aware of. The effect is important in aggregate - some large number of potential customers conditioned over a lifetime of advertising to associate different typographic styles with emotional states and narratives being slightly more conducive to pick your beer over others than they otherwise might have been, because now it's 'nicer.'

That's what designers tell you anyway.

Objective support for this hypothesis is thin on the ground.

In reality logos are nowhere near the top of the list of factors that drive a buying decision. Whatever bounce effect businesses get from a new logo can usually be explained just as much by novelty as by implied psychological voodoo.

Generally, I'm suspicious of management-by-logo. When I see logos being updated at vast expense for no good reason, I worry about the direction a company is heading in.

> That's what designers tell you anyway.

And everybody else in the world.

> In reality logos are nowhere near the top of the list of factors that drive a buying decision.

Great. Then replace the Chanel or Louis Vuitton logos with a bright primary colored Google logo, and see what their purse sales are like a year from now. I'm sure millionaire socialite women would love to have their bright red-blue-green-yellow logos on their Saint Laurent jacket (although it would be perfect for Moschino...)

Sorry dude, but you're over thinking this. Logos are part and parcel to brand identity, and everything about branding determines sales.

If you don't have a good logo, you don't have a good business.

This is a false comparison. Logos for clothes sit on the clothes which are themselves judged entirely on their appearance.

Google's search engine has a separate function that stands on it's own two feet irrespective of a change to an 'e'.

> If you don't have a good logo you don't have a good business

Come on my good man, get a grip!

> This is a false comparison. Logos for clothes sit on the clothes which are themselves judged entirely on their appearance.

Some do. The vast majority of designer clothes don't.

People buy the brand, not the product.

> Google's search engine has a separate function that stands on it's own two feet irrespective of a change to an 'e'.

People bought into the Google brand identity. They were the first to eliminate all the crap around their web search engine, so it would just be a single text box. This made sure people know what Google was - the simple search interface. All of this is part of the brand's visual identity.

Do you think they do an empirical study on this when they first made it?

It is your brand that sells your product.

The shape of the letter 'e' is part of that marketing that sells your product.

In fact, EVERYTHING you do is fundamentally related to sales. You are always closing.

Their brand is having a very good search engine. Ever think that the marketing guy is good at persuading you that the marketing guy is the most important thing?
>It is your brand that sells your product.

This is backwards - the product sells the brand. Brands do not just come out of nowhere; people have to like the product first before they can establish loyalty.

I agree with you. I don't care what google's logo is. AskJeeves had a good logo but their search engine was hopeless.
askjeeves had a terrible logo
I guess that's what sunk them instead of having:

crappySearch(searchTerm.remove("Jeeves how do I"));

Elektra the label and dell also modified and stylized "E"s in their logos.
The sloped crossbar on ‘e’ is characteristic of early Roman typefaces of the so-called Venetian or Humanist class¹, which were inspired by Carolingian script².

Catull³, the font on which the former Google wordmark was based (it's not exactly Catull — some details are simplified, like the serif edges being snapped to 45°), is actually closer to the script than to typical Venetian typefaces — which, once you've seen the whole thing, blows the idea of the old logo looking ‘more professional’ out of the water, unless your profession is ‘medieval scribe’.

¹ https://en.wikipedia.org/wiki/Vox-ATypI_classification#Human...

² https://en.wikipedia.org/wiki/Carolingian_minuscule

³ http://www.myfonts.com/fonts/berthold/catull-bq/

The rotated 'e' reminds me of Pac-Man, eating everything in reach.
The 'e' thing was hamfisted and implies they're a "hey fellow kids" company.
The e has been slanted since the 1999 logo
edit:

I agree ... but this is just the price for showing up at this level of the game. It is of course a major effort for those professionals who executed on it, and is beyond my capabilities - but it's not strategic level stuff - just like stealth fighters are not strategic level stuff anymore.

(My previous and clearly downvote-magnet post that is a little more detailed):

An updated, simple look and feel is not a matter for congratulations. Look at stealth airplanes. If you don't have a stealth warplane, the modern SAMs can take you out no problem, with stealth the odds are much more in your favour. Stealth tech is the table stakes, the price any superpower or superpower-to-be must pay just to show up.

If Google had not done this, or had done it badly, then we would worry. Behind the scenes many many professionals worked hard to make sure it went well - as expected.

This is something I personally would never achieve - I could not steer a multi-national rebranding. But Google has to - it's the price just for staying in the game.

So kudos to those involved, it took years of your experience and effort. But for Google, it's just what needed to be done to keep up. And if we should not be distracted, internally they really must not be distracted.

I don't like it. It seems more juvenile in the same way comic sans gets criticized for. The loss of character on the lower case g is especially unfortunate.

Non est disputandum I guess.

I kinda like and also don't really care. But I do also see the juveline aspect of it. It does remind of letters/font I'd see on a wall in daycare
It seems off-putting right now, but even the Airbnb logo redesign has become less offensive looking over time looking so I think people will adjust to Google's new logo and look back and see the old version as outdated.
I really like this new look, but really hated Facebook's move away from Klavika earlier this year. This to me feels more friendly, fun, and still has personality whereas I feel Facebook's new logo is dull and lifeless.
To me, Facebook's logo is far better than Google. Facebook is much less childish.
I absolutely love Facebook's brand, with the Klavika logo. I just don't like the new typemark.
It is because the terminal cut of the g attempts to geometrically bisect the bar of the e, whilst simultaneously trying to resemble a smile. Those are irreconcilable design objectives. The capital G is still wasting vast quantities of space. I agree, overall, this new typography has a kindergarten aesthetic. It's not for me, certainly.

However I think the colour blocking and letter shaping on the new favicon is superb.

The smaller version of the logo looks just like comic sans to me and if I'm not directly looking at the bigger version I also see comic sans. I am really not liking it.
I agree. In fact, I half expected them to write alphabet (name of the company). I wasn't aware of the new logo and had browsed to Google.com to search for something.
2008 HN discussion from when the outgoing "little blue g" favicon was introduced: https://news.ycombinator.com/item?id=211518

In it, Dustin Curtis criticizes Google (rather rightly, in my hindsight-enhanced opinion) for a Marissa-Mayeresque design process of "Make 300 logo variants with pseudorandom permutations, and then pick your favorite." Looking at those permutations now (http://2.bp.blogspot.com/_7ZYqYi4xigk/SEnK37orPGI/AAAAAAAAAp...) it's obvious (again, with the benefit of hindsight) that they were all very inside-the-box. Apparently nobody even considered trying a different font.

This pg comment from that thread turned out to be particularly insightful, given today's news: https://news.ycombinator.com/item?id=211649

Interestingly, the blue g favicon is still there on the front page at https://www.google.com/favicon.ico (cache is off).
But it's updated on, at least, www.google.ca
Maybe it's a regional thing. I still see the old favicon on both sites.
Got the new one on google.ca. Try resetting the cache.
It must be cached somewhere within Google, since shift refresh doesn't update the old url and it's https.
favicons cache differently. You either need to enter a different favicon address (favicon.ico?v=2) or reload and restart the browser.

I know it's weird, but favicons are weird.

But it's just an image right? Does the browser decide to treat the image different because of the format or the extension? I'm pretty sure you can use png files as favicons if you want.

Anyways I tried it in IE, including restarting it and it still showed the old lowercase g.

The new favicon is way better IMO. On the other hand, the main logo... I think this sums it up: "seem as much like a preschool as humanly possible".

https://news.ycombinator.com/item?id=10153449

I'm just not a fan of extremely flat designs.

Have you only been looking at them on a computer? On a phone, and especially on a watch, flat designs seem far superior to me.
New favicon? https://www.google.com/favicon.ico - is still the old one.
Wondering the same. If it has changed, then ISP cache will take some time to reflect.
If your ISP is caching HTTPS requests, you have a problem.
CDNs get copies of SSL keys so they can do their job: serving data. They are logically part of the serving infrastructure for example.com
Citation? Maybe some sites do that, but I find it really hard to believe that Google issues keys with a CN of "*.google.com" to anyone else.
The new one probably not populated to all their location yet, but adding a random query string does the trick.

https://www.google.com/favicon.ico?newlogo

(I'm seeing a four-colors capitalize G.)

I don't think that works very well as a favicon - I see a "c" first and then my eyes have to force it into a G.

Thank you for linking it, hadn't reached my interwebs yet.

why does adding "?" work at getting a different logo? not a web guy here
I'm not sure how it works at Google, but adding a random query string usually helps because of how proxy servers handle caching. Proxy servers usually treat an URL with different query string as different resource and cache them separately (e.g. /posts?page=2 is definitely not the same as /posts?page=1).

This is not only applies to caching by ISP, but also includes caching by the website itself as well (some websites put proxy in front of their server to cache rarely changed portion of the site, or even using CDN.).

interesting, thanks!
Anything after "?" is a query parameter that the server can read and then apply additional logic to for a response. In this case, they have code that responds to new logo and returns the new logo instead of the previous one.
That big colorful G is much nicer than the squiggly blue lowercase one.
Have you ever seen a toddler obsessed with Google just because of the colorful logo? It happens all the time.
FWIW my three-year old can instantly locate the Google Chrome icon, which he has dubbed "the pizza".
Well, it's one that they had a choice from before, which they hadn't picked.

First column, fourth row down: http://2.bp.blogspot.com/_7ZYqYi4xigk/SEnK37orPGI/AAAAAAAAAp...

Honestly, the block letter G on the far right, next to the lollipop, is the icon with the most character.

Actually fits their rebranding, too, but I don't think anyone at Google pays much attention.

Everyone's been seeing a lot of rainbows lately, too.

The reason they did that was so that they could build up data on the effect of each factor independently. That way, when the bigwigs get into a meeting and discuss alternative designs, they can predict "Ok, this will have $X effect on revenue but will decrease search latency by Y ms, which itself will have +$X effect on revenue."

I was the first engineer on the first visual redesign that tried to change everything about the page [1]. One of our biggest problems was that since we tried to change everything at once, the metrics went haywire, and we couldn't know if a change was because we introduced a left-nav (okay, actually we kinda could, because we'd experimented with a left-nav on its own beforehand) or because we changed the line spacing or because we cleaned up the logo or because we added icons. There was effectively no way of "debugging" the user; when user behavior varied from expected, we didn't know why.

I've got plenty of other stories from that era, but they aren't really fit for a public forum. Happy to discuss privately. (Kinda ironic when the non-Googler says that to the Googler...)

[1] http://googleblog.blogspot.com/2010/05/spring-metamorphosis-...

Can you offer any perspective on the whole sometimes-named "mystery meat" UI that's been rolled particularly but not only into mobile design over the past half decade?

Further, more and more of this seems to have been "backported" into traditional desktop presentation design.

While I will experiment around until I more or less "get it" (although I may miss finding some useful features for months), it particularly frustrates people like my parents. Mom is somewhat spatially challenged (although plenty bright in other ways), and I've had numerous calls with her where the controls for what she wants to accomplish have changed and simply bewilder her. AND, given her spatial orientation problems, sometimes we will have to have the same conversation several times -- because the rather arbitrary-appearing icons and patterns don't immediately "sink in".

P.S. I mean this as a legitimate question, if it fits the parent's -- or others' -- field of experience. It seems that a lot of this design is expected to simply permeate and be picked up by osmosis. Is that really the case?

I'm curious what you mean by "mystery meat"? I assume it's the use of icons and drawers to trigger functionality rather than labels and links?

That's driven by screen size - there's simply not enough screen real estate on a phone to label every button with words. It does have a legit discoverability problem, which most folks in UX acknowledge but don't know how to fix, given other constraints of the media. I've seen a bunch of mobile apps with help overlays or tour videos the first time you run them, which can help a lot. It gets back-ported to desktop apps because once people do learn the functionality, it leads to a cleaner, less cluttered UI.

I'll also point out that early PCs had the same problem. A typical PC from the early 1980s had 320x200 resolution, a little less than a smartwatch does today. For most of the 80s and early 90s, the standard was VGA (640x480), slightly smaller than most smartphones today. Icons were really common back then as well, they weren't all that discoverable, but at least people read manuals occasionally. Most folks don't bother now. Menus were another response to that problem, but they don't really work on mobile because the tap target is too small to efficiently hit it (the navigation drawer & hamburger menu is the modern-day equivalent of the menu).

The web - with its inherent discoverability and all of its space for explanatory text - didn't really become popular until 1280x1024 displays became widespread. I remember designing webapps for 800x600 screens; it was painful, and they had discoverability problems too.

Well, a, um, "literal" example was the initial occurrence of what I've just learned is called the "hamburger" icon/menu. Which was "backported" to Google's desktop designs.

A particular instance I recall was changes to the Calendar web page presentation. Mom initially struggled a fair amount with the controls in the left bar for selecting which calendars were displayed. This was in a Google Apps environment with 20-ish people participating.

I remember when screen presentations could be somewhat cryptic -- per your description as well as other instances. But, as you point out, there was usually a manual. Now? Often it seems to be down to guessing and poking around. Or asking friends. But if you are a bit older and not constantly talking over such things with your friends, that means of edification is somewhat starved.

P.S. Thanks for the response. And as I said, I'm curious about the perspective of someone on "the other side". I'm not trying to be unduly critical, here; just, this is an issue I've consistently bumped up against, from my own perspective.

> That's driven by screen size - there's simply not enough screen real estate on a phone to label every button with words. It does have a legit discoverability problem, which most folks in UX acknowledge but don't know how to fix, given other constraints of the media.

Some of the most effective solutions to this I've seen require solutions beyond visual representation. They address the problem through dimensions independent of viewport size and space.

For example, LukeW's "Don't Divert the Train" http://www.lukew.com/ff/entry.asp?1798 moves content from behind navigation and into the user's already-occurring action stream. The button is removed entirely, as is the designer's need to consider how communicative icons are for representing actions.

This requires a broader view of how features relate to each other through a design process that discovers other paths to successful behavior. Approaches like the hamburger menu, in addition to the usability issues you note, solve functional goals but have fallen out of vogue for their ineffectiveness at encouraging specific actions. Label-less icons, while attractive and convenient, suffer similar problems. As getting users successful quickly is generally an important goal (before they've internalized your app's unique visual language), the current trend of putting core functionality behind opaque symbols seems counterproductive.

Another thing I'm now reminded of is, on Android, the... functionalization/clickification of text.

Some text is active, other is not. I don't see any visual cues that distinguish the two. I end up just poking at text, or thinking, "If I were designing this, I'd want more detail or a link to further controls." In the latter case, sometimes I find I was thinking the way the designer/programmer was, and that text does indeed lead somewhere.

For someone who doesn't "think that way", this is more of a challenge.

This also seems to have become more prevalent in desktop / full screen design. Stuff that doesn't look "clicky" is.

I think that was one of my mother's problems with changes to the Google Calendar web page UI.

Interestingly enough, LukeW is now doing product/design for Google.
Design by AB testing, my favorite :(

I worked at a major tech company where every decision needed to be justified by AB testing. Our design was a series of haphazard guesses made on data that depended on a very brittle data pipeline. Needless to say, nobody thought it was a very good product, but the incredible bureaucracy and people behind the approach made it hard to fight against.

(comment deleted)
It shouldn't be a problem. In science, everything must be tested and proved if you want to know the truth or the effectiveness of an theory. Design is a science, so it can be measured and developed by tests of all kinds, even emotionals.
That's a pretty one-sided statement. One could easily argue the opposite, that good design is an art form, not a science.
Art is a science too. One different thing is that some artists don't care about the facts. Everything can be explained with numbers.
Whereas a design studio with sufficient resources should fare better with a data-driven approach, a sole designer or small team with time and feedback constraints will probably do better with traditional methodology. Traditional methodologies might have certain quack dogmatic rules and processes, but it offers a battle-tested baseline.
I understand the urge to try to maximize on stuff like this, but in the end it loses sight of what's most important: the quality of the results. And sometimes I feel that a lot of valuable engineering time and effort is wasted on making things prettier and better monetizing in the short term when in the longer term the better search results are what would really move the needle.

And most A/B testing focuses on the very short time effects of the change (and change all by itself, even change for the worse can have a short term positive effect just because something is new). On another note: A/B testing has another limitation, which is that you're optimizing for the bulk, please one person more and you more or less automatically annoy another.

There are plenty of talented people working on ranking and webspam too.

There's a limit to how parallelizable those problems are. At some point, more people working on an algorithm doesn't make it faster or better, it just makes it more confusing and worse. Mythical Man Month applies as much to Google as it did to IBM. And so you might as well put people onto optimizing the rest of the page as well, because they'll do more good there than having yet another cook in the ranking algorithm kitchen. (I'd argue that there are too many people working at Google in general...I left, so I'm no longer contributing to that problem. But then, there were probably too many people when I joined, so I contributed to it for 5 years.)

The worst limitation of A/B testing is that it's not producing anything better than a local maxima. Nature does indeed work like that, but it took millions of years along with random mutations and we don't have that much time. And if in our thinking process we would have relied on optimization algorithms favoring the local maxima, then Jazz wouldn't have been produced, amongst others.
I'm surprised no one on the team was familiar with multivariate analysis. That's the wrong way to say it. Let me rephrase more carefully...

I'm surprised no one used more sophisticated analysis techniques to allow an experiment that changes many explanatory factors simultaneously and estimates the effects of not only each factor independently but also their interactions. It's relatively straightforward statistics and would have been taught to clever undergrads or first-year grad students who specialized in math, economics, machine learning, industrial engineering, etc.

There were stats Ph.Ds on the team that were certainly familiar with it, and I knew at least one former Amazonian manager that held that we were too afraid of having multiple experiments running at once and too afraid of confounding factors. (Amazon's A/B testing is much more traditional split-testing, where they show one variant to half the population and one to another half and then pick the best one.)

The biggest problem is that many of the folks involved had encountered very surprising and counter-intuitive interactions between features, and because of that, they didn't trust the textbook models. For example, at one point we had a very convenient embedded-Python experimentation framework that let us rapidly try things out. Our main data-scientist on the project decreed that we were not to use it, because a number of the externalities that framework introduced - higher latency, and potential error conditions - could confound the metrics in ways that were not well-understood at the time. Data is useless unless you can trust that it actually represents reality.

Stats textbooks all make certain assumptions about reality when they present the models, and if reality doesn't conform to the assumptions, the models won't conform to reality. Certain factors were well-studied enough that we could build useful models from them - that was the point of all the experimentation around color, after all. (I wonder if those conclusions still hold, anyway: data has an expiration date, and I recall personally running an experiment that directly contradicted an experiment Marissa Mayer had run 6-8 years previously.) But that requires a lot of hypothesis testing and verification: it's never a matter of "well, the model says so, therefore it must be", but rather "well, the model says so, let's run an experiment to see if the model's predictions line up with reality, and if they do, we have a pretty strong - but not ironclad - indication that we can use it for future calculations."

tl;dr: Largest and best-funded social science program I've ever seen.

>Largest and best-funded social science program I've ever seen.

You should check out Facebook. There emotional manipulation studies are horrifying, but they certainly have access to many more person hours of time and collected data than Google does on end users.

> tl;dr: Largest and best-funded social science program I've ever seen.

I don't want to sound like a hater and I'm very well aware of the fact that some design choices might have affected the company's revenues, but all this discussion involving very smart people discussing what, from a very "outsider-ish" perspective, seem like trivial issues (the color of the letter G, for example) reminds me of Herman Hesse's "Glass Bead Game". (https://en.wikipedia.org/wiki/The_Glass_Bead_Game#Plot)

> One of our biggest problems was that since we tried to change everything at once, the metrics went haywire

Isn't that the problem with empirical methods in general? They are great for measuring the effect of small simple things (like small changes to a web page), but are much less effective in measuring bigger things (like say, programming language A vs. programming language B).

Absolutely. Business is an interesting field because you derive a fairly large advantage from being correct about reality, but that advantage counts for nothing if you're so slow that somebody else changes the reality while you're figuring it out.
That is a very succinct way of putting it, thank you.
I've never understood that criticism. Business decisions should be data driven. You test new signup flows to see which one onboards users better. You test advertising changes to see which one converts better. Why should a logo design or a title bar color be any different? Without testing each iteration, how do you know which one has the best effect on whatever success metrics you're using? I can understand if you're worried about optimizing to a local maxima, but that's not a criticism of A/B testing, it's a criticism of the diversity of the available inputs.
> Business decisions should be data driven.

The evolutionary, data-driven approach will never yield a Nest thermostat, iPhone, Helvetica, or flag of New Mexico. We have no idea how to even begin to write a fitness function for good design.

Actually Helvetica is an evolution of the 1896 typeface Akzidenz-Grotesk.

https://en.wikipedia.org/wiki/Akzidenz-Grotesk

But it wasn't designed by an evolutionary algorithm; it was designed by a genius typographer who trusted his own sense of taste.
(comment deleted)
I'm not sure where you think taste comes from besides evolution of ideas and data analysis done by black-box functions inside people's heads.

Formalizing that process and using externally-collected data is just de-black-boxing something that happens in a black-box form in the professional's mind.

Also, making decisions based on wishy-washy difficult-to-quantify human traits like "genius" and "sense of taste" seems unnecessarily risky, compared to making them based on measurements from repeatable tests.
I'm not advocating design by committee. I'm advocating justification with data. The designers should propose candidate designs. But the decision about which one to go with (or whether to redesign at all) should be supported by whether going with it furthers the business's goals.

You point out the need to pick the right measurement, and I agree, but it could be as simple as "What's the effect on conversion?" It has to be something! You can't just say "We're re-designing because I'm a HMI genius."

When a company is capable of replicating those black-box functions as an algorithm or business process, then it will be ready to launch the era of automated design.

Until then, the best known way to design something nice is to hire a talented designer and trust their instincts.

> The evolutionary, data-driven approach will never yield a Nest thermostat, iPhone, Helvetica, or flag of New Mexico

...for now, given today's technology, but I wouldn't bet on it long term. History is full of examples of things we once thought only humans could do.

But once many candidate designs are available to choose from, what better a way is there to unambiguously decide on the best besides testing and measuring?

As I said, the problem is writing the tests and knowing what to measure. How do you discern between a bunch of tests and measurements that are poorly-designed, and a bunch that are well-designed? You gather a bunch of people with good taste, and trust their gut.

But at that point, why not just cut out the middleman, forget the tests, and let the artists be artists?

See also: Footnote 3 of http://www.paulgraham.com/colleges.html#f3n

User testing is great, and very useful for so many people.

BUT, when you're the size of Google, or Facebook, or Microsoft, Things look a bit different.

Most people are far more conservative than they realise, but also, perversely, adapt quite quickly to change if they experience it day-to-day. This means that if an interface has enough inertia, then a change that performs badly in user testing, can actually quite quickly be accepted by people. (PROVIDED it's actually better).

In the first example, every change to the Facebook UI is met by a barrage of criticism and hatred, but they seem to actually make good decisions, so the changes get absorbed by users, and things continue.

Having said that, Microsoft struggle, because they often make changes that are fundamentally bad decisions, and have to back-down. For example, the Office ribbon took a while to be accepted, but is /generally/ liked nowadays by people, because it was functionally a good change (yes, some people will disagree, but the majority wins on this front). Taking broad user testing results on the ribbon would probably have stopped microsoft from progressing with it. On the other hand, the 'Metro'/Tile UI in windows 8 was an actual usability disaster, and has forced them to revert to a more common pattern until someone can design new metaphors that actually improve usability in windows.

Finding test subjects that aren't used to, and comfortable with, the google font/design styles, to give objective feedback on a change, is really hard.

[ I didn't mention first time round, but I /really/ don't like the new logo, that lowercase g makes me cringe inside every time I see it. ]

signup flows to see which one onboards users better.

The trick is: there is no global "better" — only 'better', given a specific group of users.

Which users though? Running a million 40 year olds from Iowa through your website flow will generate a widely different result from running a million 13 year olds in Atlanta through the same process.

Google is still stuck in the "one design for everybody in the world" mindset, so they have to be appealing to everybody, which naturally makes them bland.

success metrics you're using

Success metrics! The paradox of these hyper-optimization methods is they largely apply in hyper-trivial situations. Once you are big enough, you just tell people how things will be. They don't get to have a say anymore.

You can't quantify taste.

And you can't rely on past data to create new trends because that data doesn't even exist.

Data said that children's books don't sell. But then Harry Potter happened. Data also said that people loved phones with keyboards. Then the iPhone happened.

> Apparently nobody even considered trying a different font.

That's because they were designing a favicon, not doing a rebrand. Using a different font than your logo would make absolutely no sense.

Plenty of sites use a different typeface in their favicon than the one they use in their logotype, e.g., Blogger, McDonald's, Nasdaq, and Bing.
All of those has used an existing part of their logo as their favicon.
That's true for McDonald's, but certainly not the other three.
All of them has a favicon which is also a part of their logo.
But all three logos were designed and introduced at the same time as their corresponding favicon. Your claim was that the favicon was just a copy of an existing part of the logo.
Your claim was that a favicon could be a different font than in the logo. But these examples are all a part of the logos. Google would have needed to rebrand their logo to do the same.
The claim was, "Using a different font [on your favicon than the one you use in your wordmark] would make absolutely no sense."

I believe I have successfully refuted that claim.

I think you're mistaking their symbol for "a different font". Each one of those has a logotype and a symbol, which make up their visual identity (the word 'logo' is used interchangeably for those, or their combination). They are merely using the existing symbol as favicon - the stylized N/B/B. Google's symbol at the time was the uppercase G in the same font, so creating a new one for the favicon would be considered a rebranding.
Just when I thought we might be starting to pivot away from flat design - does anyone know of a different design paradigm that is being used by smaller/fringe designers who are tired of flat/minimal UX/UI?
Throwback 90's?

I'm so glad we're mostly rid of useless ornamentation: endless bevels, drop-shadows, gradients, and skeuomorphism...

There are many different takes on flat design, so it's not a design mono-culture. Google, Microsoft and Apple all have unique, flat, design languages.

But perhaps a bit better than the '90s? It's uncluttered but everyone knows they shouldn't use <blink> and <marquee>.
What's wrong with gradients when used in a non-skeuomorphic way?
>different takes on flat design

Yes, they all use a different color scheme.

More like throwback 1920's when Grotesque sans fonts became commonplace for signage and inscriptions on buildings.
Huh, I never thought of that, how they're all so different. Microsoft uses flat, very contrasting rectangles, versus google uses rounded shapes and pastel colors.
Just because you don't understand what they do doesn't make them useless ornamentation.
Just curious, why did you think there was a pivot away from flat design?

I'm also interested in learning about some alternative designs though.

In my experience "flat design" seems to have become synonymous with hidden and undiscoverable. Metro and Material were/are horrible in this respect (I don't use iOS so I don't know how Apple's version fares in that regard).

My experience is that it seems to be based on the philosophy of "just touch things to learn what they do" but then you're constantly punished with "oh, you touched something so things changed". It's a minefield.

It's not particularly the "flat" design that's at fault here, but it's lumped with this simultaneous trend of feature deletion and cryptoUI.

A major part of material is that nothing is hidden.

No right clicking, no long press, overflow style menus are meant to be used sparingly.

Perhaps in theory, but not in practice. One thing about material is that you can't even see the edges of widgets. Sometimes you have to touch exactly on top of some letter because the sensitive area doesn't have any padding. Often when you think you're touching one thing, you end up touching another. Sometimes you have really tiny sensitive areas surrounded by vast wastelands of insensitive negative space with no visual separation of the two. Material also doesn't work well with pointing devices, IMHO. ModernUI seems to have evolved a little better in that aspect. I sense my Chromebook experience devolving with each update.
Why do we need another paradigm? Stop designing websites to be identical.
Relatively flat design is here to stay for a while. The trend though is getting away from purely flat, to flat with subtle edges, gradiens, shadows, etc. - generally flat design with better UI cues.
eg, Material Design with paper cards and drop shadows
Flat design is easy to accomplish for designers who never learned how to draw, or do computer modeling.

Unfortunately, most design programs don't actually teach these foundational skills. That means there are a lot of designers out there who are forced to work in an oversimplified print-design style to hide their incompetence.

As someone who hires for this stuff, finding skilled designers is unimaginably hard.

I hear designers constantly complaining about the lack of jobs. They're full of it. The problem is the lack of skilled applicants. Design has become filled with lazy people, while being arguably one of the hardest fields to be good at. I've had ads out in a major US city for months for a very good paying design job, and have yet to see a portfolio that looked even moderately professional.

That's really where this all comes from, flat design hides designer incompetence.

Months at a time? Try paying more.
We've offered a salary twice the median for our city, plus benefits, paid transportation, 401k matching and 3-year enrollment to our profit sharing plan.

It's not a pay issue as best as I can tell.

(comment deleted)
Twice the median for "the city" overall? Including waitresses, garbage men, bank tellers, etc?

If a skilled surgeon (or someone 5+ years into their career at Goldman, etc) makes 4 times the median of your city, what does the median have to do with what they're worth?

Sorry, not trying to be rude, but whenever I hear people saying they "can't find anyone", they still counter that they're offering enough...and yet they still can't fill the position. It doesn't make any sense.

Sure it can make sense, it was already said in the post you replied to; it's possible for there to be a lack of high-level professionals.
Twice the median total would still be $70,000 so I'm not sure what you're getting at. You don't think $70k seems like a reasonable salary for a skilled graphic designer?
Didn't you just say you haven't been able to find one with the money you're offering? I'm not sure where you're located, but it's certainly possible that you're not paying enough.
Like you said, skilled graphic designers are in high demand. As a software engineer, I made over 70k base my first job out of school in 2006, with similar perks. And this wasn't even at Google/Microsoft/etc.

So I don't think if I were a good graphic designer now, I'd be stoked on 70k a year in most locales.

(comment deleted)
Do you have an email where I could forward you a resume for a designer?
I assume by resume you mean portfolio?

richard [|)07] laborde [@7] gmale

richard [|)07] laborde [@7] gmale
Interesting. Are you open to training?

I've always viewed success as passionate curiosity. If the mindset is there, but not the skill, you can teach the later.

The level and breadth of skill you're describing sounds more in tune with someone who isn't calling themselves "just a designer". They'd have a broader digital arts background and advertise themselves as illustrators too.

Maybe change the job title and see what happens?

While flat design can certainly help cover up incompetence, I don't know if I'd agree with "that's where this all comes from." A lot of it is driven by functionality: flat designs generally scale better visually across devices, and generally produce smaller file sizes so downloading images is faster.

Agree strongly that good designers are very hard to come by - it takes years of experience combined with some level of innate talent to be a top level designer.

I would be cool if everything was done with SVGs and styles that could be efficiently accomplished with SVGs. But I do kinda miss the more... Windows XP-style design.
There are many, but my vote goes for flat 3d [0]. It is a natural progression from purely flat. It adds more context, and gives the designer more room (an extra dimension!) to be innovative without being intrusive.

Flat animated is sort of where it is at now. Google's material would fall under flat animated as well as much of iOS 8/9, but drop shadows and gradients are better replaced with subtle tones and accenting along the lines of posterized Anime art [1].

As a designer if you can make Google and Apple's latest efforts look dated, you've done an excellent job. Flat 3d sort of does that.

--

[0] https://www.google.com/search?q=flat+3d+ui&es_sm=93&source=l...

[1] https://www.google.com/search?q=posterized+art&es_sm=93&sour...

Yes. Check out adaptive design. Instead of responsive, start talking in a way that specific user wants. No one-for-all design, which has to cater to both the power user and grandma, but a design that adapts itself to your (or similar) behavior. For example: count the times that users use 2-3 steps to perform the same task, then automatically make it a one-click process for them. Being able to change the top bar color on HN is also a form of adaptive design, just one requiring manual action.
The G looks like a power button. Quick, someone critique that.
This font fits in perfectly with the Alphabet theme. Straight out of a kids book.
This is the first thing I saw, a play on "alphabet" lettering you'd see on a classroom wall. I dig it with that in mind.
In hindsight, the Alphabet page has had the uppercase G from the new Google logo all along.

https://abc.xyz/

Wait, what. At roughly the 1:34 mark, the voice pulls up photos of her kid with a pumpkin. Do you have to tag your photos with "pumpkin" first or is the recent "Choose the picture of waffles" in Recaptcha fueling that?
No, they are automatically classifying photos. If you have photos in Google Photos, you can try it out with words such as "forest", or "dog", or "grill". It's pretty cool and scary at the same time :-)
I did not know they were doing anything other than identifying faces that you've already tagged. Grabbing the pumpkin, whatever out of the photo is just wonderful.
It's even better than that. It can recognize landmarks. I can ask it "Show me pictures of myself in Paris" and it finds 25-year-old scans that I uploaded that haven't got any kind of geographic data in the EXIF.
You don't even need to tag faces. It finds all the faces that have been in your photos and picks one for each to be the search "face" for that person.
It's pretty terrific. You can search for things like "wedding" or "beach" or "birthday" or "christmas", people's names, "march 2008", "kyoto", etc, and it uses everything at its disposal: the image itself, the EXIF data, geotagging, the date it was taken, the filename, the album name...
The '"Choose the picture of waffles" in Recaptcha' actually is training a neural network, which then is used to tag your photos.
I'll be the first one to say it: I liked the older better. There was literally nothing wrong with it, it did not look dated at all.
We've been using the new logo internally for a week. Give it a day, and then go back and look at the old logo, and then tell me how dated it looks.
My series of responses within the span of 30 minutes:

* "It looks like fridge magnets for kids! I don't like it; the iconic lower case g is gone cause of designers obsession of san-serif == modern."

* "Glad that they continue to embrace their playful culture tho."

* "You know what, it's growing on me."

* "Haha, they tilted the e, how cute. Oh god what is happening to me!?"

* "Geeze, how old is Google books? They haven't even updated the logo!"

..."Now, what did the old logo look like!?!"
Same here. Amazingly, the first inflection point was after about 60 seconds of pure disgust.

Not into that G yet. I think I'll call them oogle from now on.

nah, i still prefer the old one. I've been looking at the new one for a week and I don't see it as better or worse. Just different.
what other secrets from the future can you share with us since you are privileged to live inside the source of all knowledge?
I'm not sure if you're using the same definition of "dated." Of course, once the logo has been changed, the old one is objectively dated, in the sense that it has been discontinued as of some previous date. I think the other commenter was claiming that, on its own, the previous logo did not look like it was an old logo only appropriate for a previous era.
(a) It still shows the old logo on Google.de

(b) The new one looks overly simplistic – and too geometric. It ignores the lessons typographs have learnt in centuries. Usually, you want glyphs that look balanced – the new logo does not look balanced.

Actual honest question: what does it mean to "use a logo for a week"? I don't understand what I would do to "give it a day," unless you just mean wait and see how I feel tomorrow.
They actually give a reason why they changed it in the blog post. Saying that the old one was designed for desktops and the new one is meant to scale better (for things like watches and phones I'd guess).

Edit: to add from their design blog[0], the new logo can be sent to a client in 305 bytes of compressed SVG (vs 14,000 bytes for the old logo). So it helps with lower bandwidth. The design post also mentions scaling of the logo.

[0] https://design.google.com/articles/evolving-the-google-ident...

Yes, anytime there is a logo change there is a bunch of marketing talk about why. It's all bullshit. At the end of the day it was because someone wanted to make their mark and got a chance to do it. A tweaked logo won't affect Google's outcome one iota.

And it will be slightly changed in another couple of years by some new VP who wants to shake things up and get that next promotion.

Yes, I always think it's the designer equivalent of the programmers who always blame pre-existing codebases no matter what, until they refactor it the way they like.
(comment deleted)
> Yes, anytime there is a logo change there is a bunch of marketing talk about why. It's all bullshit.

You refute that the old logo didn't scale down to smaller screens well? Getting the logo visible across mobile devices was a major part of the redesign. If your job is logos and branding, that seems like a real problem. And branding does affect a company's outcome, certainly more than "one iota". You are acting like a terrible cynic and troll.

>"It's all bullshit. At the end of the day it was because someone wanted to make their mark"

Anything them there MBA-types do is bullshit, am I right? In fact, I have no idea why Google doesn't run from the command line only!

I'm sure glad to have HN around to tell me how most of the machinations of a large global corporation are pointless.

By the way, do you have one shred of evidence that this was a VP looking to get promoted?

No, MBAs do a lot of important things and I have no idea if anyone involved in the post has an MBA. The language used in this post uses a lot of words to explain nothing. It's basic corporate bullshit. MBAs are good at it, but by no means are they the only shovelers.
When I was younger I didn't use Yahoo! because I disliked their logo and the use of ! in their name.

Petty? Yes. Did it effect their market share? By at least 1 - yes.

I highly doubt I was the only one to act like that. Design matters. Even if you don't think it does.

E:

For those wondering, I also didn't enjoy listening to Panic! At the Disco. They also eventually dropped the !.

I guess I shouldn't ask if you're a Godspeed You! Black Emperor fan...
> A tweaked logo won't affect Google's outcome one iota.

Ah, but it will. When you're a company like Google, with hundreds of millions of users a day, it's only a matter of time that something like an outdated logo will start to lose you customers. People make sub-conscious inferences about your product based on appearance. If you start looking like that thing everyone used to use, they'll start looking for alternatives.

Google's logo is so important to keeping users around that they frequently replace it with a silly animation about a current event.

This redesign was for Google executives, not Google users.

Was about to make the same point.
Is that your gut instinct or is there research to suggest that that's the case?

My personal process for using Google (not saying everyone is the same, but...) goes something like this:

1. Type "g" into the address bar

2. Press enter, because www.google.com auto-populates at that point

3. Start typing my query while the animation of the day is loading

4. Press enter

5. Review the results

Why not just run the search straight from your browser's address bar or search field?
Because, for good reason, not everyone has that set to Google?
At least in Firefox, you can search multiple providers from the search bar. I believe other browsers can do this as well.
I could, but it's more of a force of habit- but if I did that would further prove my point that the choice of logo doesn't make any difference to people using the site for search.
> They actually give a reason why they changed it in the blog post.

This was the part where I literally thought "How do they come up with this bullshit?".

It doesn't sound genuine at all.

Uncharitably, I'd say the old logo looked much more professional, and so didn't jive with Google's corporate ethos of "seem as much like a preschool as humanly possible". The new one definitely fits better in that respect.
When you're collecting the world's data, it's in your best interest to come off as cuddly as possible. It works.
My initial reaction is that I like the old one better for now, on my desktop, in a static sense.

But the new one is nice, and the functionality behind it from scaling to leading the users through task-flows just makes too much sense.

And like the shift on iOS, I probably won't like the aesthetics of the old design compared to the new in a few days anyway.

I agree--there's something--I don't know, "disposable" or "fadish" or "bland" about the feel of the new one. It seems to have lost personality.
It's design. It'll change even when it doesn't need to, almost by definition.
Wow, that's an uncharitable opinion of design and designers. They're highly-trained professionals too, and redesigns like this aren't done just for the heck of it -- according to the blog post, this measurably increases performance on small screens and in low-bandwidth contexts.
Being able to do everything with SVGs is admittedly nice. But if Google was worried about performance on small screens and in low-bandwidth contexts, we wouldn't have Material design, as it's animations have quite a bloated effect on performance. Particularly on devices with low power/low processing. Page loads on desktops for some Google sites are up to ten seconds now.

But yes, most redesigns are done just for the heck of it. I have a pretty uncharitable opinion of design and designers too, if only because very few Silicon Valley designers seem to have any idea how the users experience (and hate) their work. (I remember back when I heard about Google doing heavy testing with normal users before making changes, and it's very clear that that stopped when Duarte stepped in.)

> But if Google was worried about performance on small screens and in low-bandwidth contexts, we wouldn't have Material design, as it's animations have quite a bloated effect on performance. Particularly on devices with low power/low processing. Page loads on desktops for some Google sites are up to ten seconds now.

Poorly performing animations do not work that way.

There's Material Design Light, which seems to work pretty well for low-performing browsers: http://www.getmdl.io/index.html
Doesn’t help with Google Maps, or Inbox, which take ages (literally, sometimes half a minute) to load and still lagg forever.
You're about as far from a definition for design as one could be.
> There was literally nothing wrong with it, it did not look dated at all.

It definitely didn't look dated. That's because no other tech company in the world imitated Google's choice to use a font inspired by 15th century typography that literally looks like it was created with a calligraphy brush.

Yahoo just redesigned their logo to look more like calligraphy.
You mean engraved stone.
I don't know why someone changing the font in their logo should ever be HN's top news item. There is definitely more interesting stuff going on in tech this week.
Yeah, this is stupid. Who gives a fuck?
The favicon still hasn't changed: https://www.google.com/favicon.ico

I can't imagine the nightmare it must updating the logo for a company like Google. There must be so many forgotten places that will be missed.

I think they just don't worry about it. Some Google sites still look like they did six years ago. They just make sure their big sellers that they're currently marketing look new.

EDIT: Can someone tell me how this comment is somehow objectionable? It's not like every app they publish on the Play Store or every site they have at *.google.com is using Material.

(comment deleted)
I used to work for a company that was acquired by a larger company it took us a good year before all the instances of the logo were found and replaced.
I visited Google Dublin last year and found that they still used the old beveled Google-logo for e.g. letters and papers. Not the slightly beveled logo from 2010-2013, but the old one from 1999-2010.
The Google app engine also still uses the beveled logo with the shadow.
As of 13:33 EDT, it has. Just have to refresh.
I strongly suspect that the timing of this change is not random. Android Marshmallow will probably feature it. Their design article even show how google now and voice search are supposed to look on mobile with the new logo.

The change has gone very smoothly on the web, but yes I am pretty sure that in some dark corners of their least used properties, there are some forgotten logos.

Here's a bit more info on the design process:

https://design.google.com/articles/evolving-the-google-ident...

> including building a special variant of our full-color logo that is only 305 bytes, compared to our existing logo at ~14,000 bytes.

That's huge for low-bandwidth users.

Why? This is one of the most cacheable resources. Also, it's displayed reasonably often, so I'd expect it to be rarely evicted from the device-local cache.
Even if it isn't evicted very often, the first time it is loaded, it will be ~3 times faster, it will take up less storage thus better for others and (probably) easier to render.
And on the scale Google operates on it'll save quite a bit for them as well to serve it.
First impressions matter, and caches do not help with that in the slightest.
(comment deleted)
It doesn't really matter, because most of the top search results you click on will probably include 1MB of ad tracking javascript anyway.
Sad but true!

Here, the sad response to slow web page load times on mobile is normally "just get a modern internet connection!" or "use 4G" etc. but if we had desktop apps that took forever to load, you'd hear complaints pretty soon. A response of "get a faster computer" isn't accepted there, and accepting all this boatload of javascript isn't good either.

I can't remember the link but the average page size has been skyrocketing the past few years, which I think is sad. All that network traffic, electricity usage and CPU processing just for the same jQuery code to be flung across the Internet a billion times.

Obviously this signifies that the whole "don't be evil" approach has been tossed into the memory hole.
Hmm... the spacing between the letters in "Goo" seems optically wider than the spacing between "gle". But it might be just me.
Yes, I said "optical" spacing. Not real spacing.

The link you provide is interesting. However, any technical explanation doesn't solve the optical illusion that the last three letters appear to be closer together than the first three letters.

Yes – that’s why normally you use serif fonts and modify the width of the strokes dynamically. Also the reason why the old 'o's were tilted.
Ironically, the "Goo" spacing is actually about 25% narrower that that between the "gle" characters
That's really a problem with the word "Google", which has round open shapes in the first half, and then a tighter second half. Perhaps "Googol" would have been better?
Odd. I had the exact opposite response. To me, the "GOO" spacing seemed uncomfortably narrow and the L seemed disconnected from the G and E.
For a company with so much money I find it amazing how often they turn out products with ugly/unfriendly user interfaces.
Google is putting a much greater emphasis on design, and their recent products show.

What recent products are you thinking of?

I don't usually find their interfaces ugly per se; if anything I find they've made sacrifices in the user experience for the sake of making things prettier.

I can't count the times Google Maps inexplicably zooms out to show me my directions to a coffee shop 10 minutes from me at the level of the entire state. Or when I type in "home" (which I have set), it suggesting I travel to a place in London called "Home Sweet Home" (I'm from the US). Or sometimes just zooming all the way out to show me my location at the global scale when I want to know what's near me.

I'm really glad they have finally left the serif font behind. No matter how much I read about the benefits of serifs, I can't fight the immediate association: serif = old, sans-serif = modern.
That's too simplistic, don't you agree? This is exactly why I prefer serif.
(comment deleted)
Wow, this is an very bold and risky move. The familiarity with the Google search prompt plays a significant role in user retention. Is this a sign of Google worrying about their current situation?
If they are worrying about this, they may have just alienated their old users. I think it is simply the result of a more design-oriented culture at Google. After Google+ tool unification, now a design unification.

I myself do not like this redesign, but I also did not like the old one. I am basically very averse to changes like this (probably a mental issue). I also do not like how Chrome hijacks the window style, or how Android automatically updates to a new Youtube app with a drastically new UI. I am probably a minority though, and still capable to use custom styles to change the logo back to the old "Backrub" logo, but I wonder if there are more who see these major redesigns as an invasion of sorts into their daily routines. Just as you created a mental map of the application, they change the location of the buttons, or show a different favicon.

If it is not too much to ask (or risky to maintain), think of keeping an "old.*.com" domain. There are users who will gladly make use of that. Being able to use your own design, or turn off "with this new logo we save 9999 bytes on mobile" distractions is also UX. And it would be good UX for me.

With this new logo, for me, the counter now starts at zero for Google. A clean slate. For all I care they may be the Facebook they so desperately desire to mimic.

Not an improvement in the multicolor "G" icon - the weakest color (yellow) effectively bisects the G vertically at a hot point along the horizontal axis - hot because it's the very leftmost spot that most eyes will encounter first.
Nice design, but dynamic logos for two days in a row... I don't know...

If anyone needs that, to disable these logos just add this URL:

   https://www.google.com/logos/doodles/*
To your ad-block list...