Mon 25 Feb
2008

Blue in the Interface

Body

This comes as a surprise to me, but a look at most all of the icons on my computer reveals that the vast majority of them are blue. There’s only a very small handful — Adium, Address Book, iCal, Transmit, some others — that aren’t. Blue, blue, blue — everywhere I look all over my hard drive, blue.

Maybe this is old news to you — it’s hardly novel for any Westerner to realize that, if there’s a default color that signals acceptability and inoffensiveness, it᾿s blue. But if you don’t believe me, have a look at these thirty icons I collected from my hard drive (please, no potshots about how out of date some of them are. I’m too busy to upgrade) and how shockingly uniform they are in color.

+

Remarks 47 total remarks were added before the post was closed.

Kabari Hendrick
26 Feb 2008, 12:10 am

wait, whoa, what’s that delicious library thing?

olivier PEYRE
26 Feb 2008, 12:13 am

and beyond the blue, the profusion of circles.

In my dock, the icons I have by default (other are launched via Quicksilver):
- Flock
- Firefox
- NetNewsWire
- Safari
- iTunes

All round!

Matt McVickar
26 Feb 2008, 12:24 am

It’s funny, I noticed the exact same thing a few weeks ago and was planning to do a screenshot of my application switcher filled with blue icons. Surely no surprise that there are more; I’d add CocoaMySQL, Google Earth, RealPlayer, Shiira, Thunderbird, Transmit, Virtual PC, Spaces, BBEdit, and the new Leopard folders to the list.

And of course orange/yellow is the second most popular, being blue’s complement…

Jacob Pogson
26 Feb 2008, 12:25 am

Yeah, I suddenly noticed that when I got Leopard.

So i changed the icons. At least the default desktop is not longer blue.

neal s
26 Feb 2008, 12:25 am

Kind of staggering to see them all in one place. Couple that with a good point by Olivier about roundness and it makes me think there’s a huge opportunity here for someone with a great app to design a truly unique icon. Or, perhaps, for someone to start offering their talents in service of truly unique icon design.

Sage
26 Feb 2008, 12:35 am

Yeah, I first noticed this when iTunes 7 was released, which dropped that lovely green music note for the current ugly blue one. My entire dock is blue (other than the trash can), which is really annoying.

Patrick Algrim
26 Feb 2008, 12:49 am

I am getting sick of blue! Why do major Web sites continue to use it! I know, its suppose to be somewhat of a soothing color, but everything is blue and I just hate designing in blue! Oh Khoi you lucky dog, black and white are the only 2 shades you see, and for that your retina’s will thank you later on in life.

James
26 Feb 2008, 12:51 am

It’s true, but I don’t think we should feel so blue about it. Look around folks! The sky, the ocean, jeans… all awesome, all blue.
I’m down with blue, but then again, if I’m designing an application icon, I’ll probably stay away from blue.

I think black is a very underrated application icon.

David
26 Feb 2008, 12:51 am

Its not really surprising; the interface is called “Aqua” and many of the original icons and UI widgets had/have a blue gel look to them. At least half the icons there took their design cues from that original look. Also, 7 or so of them have an earth motif that one would expect to be blue.

uv
26 Feb 2008, 12:51 am

I’ll raise you:
- Things
- Xcode
- Xtorrent

Adam Schilling
26 Feb 2008, 12:55 am

Very, very blue! :-)

The new version of Keynote is now wooden brown - maybe the reason for the change?

Going in the other direction, OmniGraffle Pro 5 (in beta) sports a new silvery-bluish icon - previously it was forest green and gold. On its own, I think the new icon is more attractive, but I don’t know if it will stand out as much as its green predecessor on my dock, or in my Apps folder.

Is blue the safe bet? If you want to stand out and go red (for example) I suppose your app needs to be able to justify the attention ...

Rachel
26 Feb 2008, 01:28 am

pantone’s color of the year is blue iris!!!

the end.

Hamish M
26 Feb 2008, 01:37 am

Remember that song “Blue”, by Eiffel 65?
Yeah, this reminded me of that.

Speaking of icons, I did a sort of remix/recreation of the Time Machine icon recently. You can see it on my site. And for what it’s worth, it’s not blue!

Jeff Croft
26 Feb 2008, 02:46 am

My dock’s actually not so uniformly blue, thanks in large part to the Adobe apps. But, your point remains in tact. I wonder if, in addition to the inoffensiveness of blue that you note, the fact that OS X has always been predominately silver/grey and blue has an influence here? Apple’s moved away from the aqua somewhat, but it still shows itself in many places (scroll bars, for example), and that move is only pretty recent.

Tor Løvskogen
26 Feb 2008, 04:30 am

Lets not forget MSIE6 and 7’s icons, with that little Parallels icon on top :-)

alex
26 Feb 2008, 04:40 am

if there’s a default color that signals acceptability and inoffensiveness, it᾿s blue

wasn’t it green? :)

Matt Balara
26 Feb 2008, 04:46 am

That’s funny, I was recently wondering how all of the online newspaper sites sychronised their link colour to blue. There’s the sombre, desaturated blues: NYT (although on second look, you just darkened it, didn’t you?), IHT, FT and the Washington Post. Then there’s the somewhat fresher, brighter blues: SMH, Times Online, SZ and the WSJ. The only big online news source I know of these days that *doesn’t* have blue links is Spiegel.

Blue’s the new black I guess?

Peter
26 Feb 2008, 05:55 am

Matt, blue is the default HTML link colour so they’re taking it from there

Nick
26 Feb 2008, 08:21 am

Additionally: svnX, and OfficeTime are both blue.

Round icons just on my dock: Opera, Firefox, Safari, Adium (with an icon replacement), CocoaMySQL, OfficeTime, Fugu. Others like iSync and Pages come to mind as well.

gleek
26 Feb 2008, 09:40 am

heh, a look in my dock finds the same thing.. even the darn FROG in azureus’s logo is blue. when was the last time you saw a blue frog?

add to that list, BBEdit and Vicomsoft FTP (my fave FTP program.)

jcburns
26 Feb 2008, 10:42 am

Well, blue is and always has been MY favorite (I believe that’s specifically cited in the OS X User Interface Guidelines somewhere.)

And only slightly more seriously: blue, from the dawn of NTSC broadcast time, has worked really, really well on television, in part because the about-to-be-obsolete NTSC color gamut has “more room” for subtle variations in blue, and is kinda crippled around the green range. This advantage all but disappears in the land of HD.

louis w
26 Feb 2008, 10:45 am

How about:
- Adobe Photoshop CS2
- Adobe Help Center
- Real Player

I hope khoi updates the post with everyone else’s findings.

Armin Beširović
26 Feb 2008, 10:50 am

Showoff :D
Blue has somehow become the universally neutral color—nowadays it should be among black and white. Every day, as I see different designs, I notice that people are trying to run away from blue since it’s somehow lost it’s authenticity due to over(and sometimes mis)use.

As the (corny if you ask me) coined term Web 2.0 clings I hear the words “green”. I think Web 2.0 is about the ‘scaping from blue and living on green (please do not present non-valued misinterpretations).

What’s next? Getting red (blushing :D)? Or we get to keep the relaxant blue? (As obvious I’m giving out post ideas ^_^)

Anyway, nice iconics.

Naz Hamid
26 Feb 2008, 11:19 am

Wait, you have Flock installed? ;)

A large part of it is undoubtedly because of Mac OS X and the aesthetic that follows aqua when it first came about. But also, Microsoft follows the same aesthetic with their choice of blue for their products, identity, even OS.

It seems as if a developer wants to appear OS or application-like, they embrace the general aesthetic in looking more legit.

The icons that stand out in my dock are Firefox, Coda, Adium and Aperture (along with the CS3 apps). The rest indeed are surprisingly blue. Though I suppose at that size, it’s a neutralizing colour that catches enough attention but doesn’t scream out at you. Good or bad?

Peter Koechley
26 Feb 2008, 11:19 am

I deliberately stack my dock with non-blue things so I can pick things out quickly, and invoke others with Quicksilver.

I find that Taskpaper (red circle) and Coda (Green leaf) break things up nicely. Final Cut Pro is another good diversion, but perhaps not worth the $ just to make the dock more navigable.

Raafi
26 Feb 2008, 12:40 pm

Blue is also the color of technology and the future.  Think of every sci-fi film you’ve ever seen—Terminator, Blade Runner, or more recently Children of Men. Blue is the color used to depict the sheen of a far off technical convergence.

I noticed the icon thing awhile back as I keep my Dock color-coded.

Wilson Miner
26 Feb 2008, 01:33 pm

I sort icons in my dock (like the books on my shelves) by color, and about 50% of my dock is blue. I’m partial to the purple section in the middle (InDesign, TextMate, Colloquy and Aperture) because it’s such an underused hue.

Steven Hoober
26 Feb 2008, 01:54 pm

I don’t have that many, percentage-wise, blue items. But the preponderance of circles is a problem. I will occasionally hit the wrong thing in the dock as a result of this needless similarity. I like things like the Skype icon and Watch-it which have their very own shape.

Sam Mallett
26 Feb 2008, 03:51 pm

Presented like a pro! I noticed this a while ago too.
Not sure if its a good thing or a bad thing.

CTO
26 Feb 2008, 03:52 pm

A couple of non-blue recommendations:
- for database access, try SQLGrinder (orange! though still round)
- for one that really stands out in this round, blue universe, try Mishimo’s excellent MyNotes
- BetterZip, an excellent utility (see what’s in those zipfiles without unzipping them) is a humble brown box

george Morgan
26 Feb 2008, 04:22 pm

Well, I’m not sure what else you’d expect for a Bluetooth icon…

Shane Guymon
26 Feb 2008, 04:33 pm

hahaha!

I never noticed that before. I just looked at the logos in my doc, and just like you they are mostly blue.

Paul Souders
26 Feb 2008, 06:08 pm

It could be worse. I spent the last year working in China where the acceptable “business-safe” palette runs from red to yellow (skipping orange).

Ariel Meilij
26 Feb 2008, 07:48 pm

Now, I don’t want to sound like a wise guy, but I am not surprised that a User Interface named AQUA would rely heavily on blue…

Mark Slater
26 Feb 2008, 10:49 pm

It may be worth noting that (as far as I can recall), each major version of iTunes has changed the color of the note over the CD ... though I will say that there’s definitely a blue-leaning in the color choices (green was as far away as they got). The current icon’s blue seems to match the overall blue used throughout the Aqua UI, so it shouldn’t be that surprising that other icons have followed suit.

Gene
26 Feb 2008, 11:03 pm

Maybe most of the icons were designed by guys? Blue IS the color the male gender is mostly attracted to (supposedly).

Emir
27 Feb 2008, 02:13 am

Remember when iTunes icon used to be green?

The prevalence of blue has got to have something to do with used-to-be-default blue desktop background…

Dan Evans
27 Feb 2008, 05:05 am

A related post I recently read.

The author comments on the dangers of having design guidelines and a uniform aesthetic when it comes to usability. His example is the similarity of the icons for Safari and iTunes.

Grant
27 Feb 2008, 02:10 pm

This post helped me realize that blue is the predominant color in my wardrobe - let alone my computer. Now what does that say about me?

lance
27 Feb 2008, 04:36 pm

good grief ... take 100 icons and pick 20 that are blue and present those. Classic data fudging technique.

A better way to do it is to focus the Finder in Icon mode on the Applications directory and see the true nature of this issue.

thanks!-

-lance

phototristan
27 Feb 2008, 10:12 pm

Hey, logo is blue too!

But I guess I need to add some reflection to it so it looks more yummy like candy in order to be cool.

RIchardParsons
29 Feb 2008, 05:46 pm

Yeah, I first really noticed this when the iTunes icon was changed from green to blue.  My thought at the time was, just what we all need, another blue icon.

Callie
02 Mar 2008, 06:42 pm

I think it goes back before the days of Apple and Microsoft. I think we should thank Big Blue.

Marc Swarbrick
10 Mar 2008, 03:27 pm

This is just flagrant ‘Blueism” you should be locked up so as not to cause any more harm to society than you already have.

Marc Swarbrick
10 Mar 2008, 03:33 pm

But on a serious note, if you know anything about colour theory you would know that blue is a ‘trusted’ colour. A great deal of banks use blue as a colour in their brand for just that reason. It could be that subconciously we ‘trust’ blue icons more than others…

steven
13 Mar 2008, 01:24 pm

Maybe it’s time to switch your docked text editor to Smultron.  It’s a great editor for programmers, it’s icon is red and green like a top view of a strawberry maybe, and it’s a free download from the apple site.  I station it right in the middle of my dock and it really stands out against all that blah,

Fazal Majid
17 Mar 2008, 09:00 pm

This reminds me of an old Wired infographic showing how most coporate logos are blue:
http://www.flickr.com/photos/philgyford/56867986/sizes/l/

Categories