Can you pick out a brand just by their button design?

I have some experience as a UI/UX engineer, and here are my thoughts.<p>First of all, this is a brilliant topic and this article does a really good job at trying to get people understand the importance of buttons.<p>But, at the same time, I disagree with the author that buttons are the only thing that represent your brand and it is extremely important to get them right.<p>I would like to cite everyone a real world example - Google. They use a combination of blue (Search), grey( Gmail, Search, Apps), red (Gmail) and green (Adwords) buttons across their product ranges. And their buttons aren't the same across their product ranges - For example, the orange button on the Blogger platform is totally different from the one on the Search home page.<p>As a start up, it is important to do only one thing with buttons - Maintain uniformity. Google maintains uniformity <i>within</i> its product ranges, though they vary from product to product. (I use Google as a reference, because they are one of the most successful companies on the Internet)<p>So, if you notice Apple, they maintain the glossy-ness of their buttons throughout their product pages. In no one page about a particular product will you find a non-glossy button (like on the Windows Metro UI) mingled with a glossy button. This is the only thing you should be careful about. Otherwise, it's actually okay to use what you like. I've even seen many companies rip off each others' buttons. (For example, 500px and Stripe use the same blue glossy button).<p>Buttons don't represent brands, it's the colors that do. When it comes to buttons, you actually don't have much choice, and this article doesn't point that out. Buttons are usually call-to-action elements and need to be represented with good contrast or 'attention-seeking' colors to convert well. That is why most websites use Green colors for sign-ups (or blue, sometimes), because they convert well (You can read more on Psychology of color to understand this).<p>Important buttons are mostly colored red for the same purpose. (The Compose button in Gmail, for example). So in short, the color of your button doesn't (and cannot, unless you are someone like google with all the prominent colors in your logo) represent your brand <i>entirely</i>. Your brand is composed of various things - Color schemes, Logos, Typography, etc. Buttons are just a tiny part of it.<p>The color scheme for every brand is what that everyone recognizes. Just get that right, and you should be good.<p>Hope this helps.

&#62; Buttons can make or break your brand. Buttons can be your sites most recognizable brand element besides your logo. A well designed, unique button style can be the key to establishing and maintaining trust in your site.<p>Well, I had absolutely no idea on any of the buttons. So I'm:<p>&#62; 0 - Congrats. you’re normal, not an internet nerd like the rest of us.<p>Perhaps that should be better written as:<p>&#62; 0 - Congrats, you are strong evidence against my claim

Engaging post, but I do not agree with the author's assertion that "Buttons can make or break your brand." As a designer, I've spent a lot of time crafting pixel-perfect buttons, but out of these examples, I could only pick out Amazon, Square, and Svbtle (which most people have never heard of).<p>I think my takeaway from this article was, design attractive buttons that look and work consistently, and then go do work that matters.

I think his example may be counter to his point.<p>I didn't recognize one brand from their buttons (even Facebook which I kicked myself for not recognizing)

It's a shame the buttons are in JPEG form. I can barely see past the artifacts.<p>EDIT: Incidentally, I got 8. There were only 9 services that I have ever used, so I don't think that's too bad. Are there really that many people who have used <i>all</i> of those services?

I think this post would be more interesting as the exact opposite:<p>I scored 1 (recognizied Amazon's buttons) but I'm confident I would have gotten much, much higher if instead of seeing the buttons with no text, we were shown the text with no buttons.

Gmail, Twitter, Facebook, Yahoo, Instagram, Flickr, Amazon<p>Are the ones I got.<p>Actually thought Square's was bootstrap.<p>The the average user, buttons styles may not mean much if at all, but for those that with a keen eye and pays close attention to minute details and pixels, it's quite telling which button belong to which brand.<p>Saw #4 and was wondering 'What the fracking frack? Is my Little Pony Friends part of this test?' Then I learned it's Microsoft…<p>The 'easiest buttons to identify for me was Facebook's and Google's.

Wow, terrible post that is a _theory_ that he posts as fact. It's a theory and while it might be interesting to do an experiment, so far (from the comments here) it's a theory that isn't true.<p>I didn't even get Facebook even though I knew one set had to be Facebook..

Didn't get any but tumblr (not even facebook, which now seems obvious). Never used the website before, but that exact color combo is pretty unique. No one else recognized it? I think it's telling that only 4/18 don't have a blue button.

Or you can do like 90% of the web and use Bootstrap.

Button design can affect conversion rates, and that's roughly about it. I only got one and I use many of those other brands regularly.

Interesting. #15 just screams "Amazon" to me. Not the faintest idea on any of the rest.