Hi, I'm Sam Parkinson

The Sea is Blue

Don't stare too long at the UIs of today

By Sam Parkinson, 10 July 2016; view other posts

Blue. If you've looked at a computer screen recently, I can almost guarantee that you've seen blue. Somehow, blue has gained the honor of being the highlight color of almost every UI.

Let's look at some popular UI styles. Windows 10 uses blue extensively. Blue is their brand color. Blue is the default color for the app tiles. Blue is the color of Edge. Blue is everywhere:

Windows 10 Start Menu

MacOS is part of the sea of blue too! Blue is the color of check boxes and buttons. Blue is a highlight in apps as well; the title of a note or the color of the user's location:

OSX Windows

Blue extends further than Mac and Windows. When you highlight text on any platform, the text is blue. When there is an emphasised button, it is probably blue. Blue is the highlight color everywhere; Windows, Mac, "Holo" Androids, GNOME, iOS, and many more.

To some, blue is meaningful. The film industry just can't stop making the screens of our future more blue. In film, blue symbolises digital technology, as it is a color uncommon in nature.

But to me, blue is meaningless. Blue is simply a highlight, a reflection of the computer I am using. Blue is a lost opportunity.

And some have recognised this. One noticeably non-blue UI style is Google's Material Design. When using material design, the highlight color is not a constant, system-wide color. The highlight color represents something - it represents the brand of the application. It creates an identity; Gmail is red, Inbox is blue, Keep is yellow and Sheets is green. Finally, the highlight color brings some meaning to the UI:

Material Design is not just Blue

In Sugar, we change the highlight color as well. Unlike material design, we do not represent the brand identity; many Sugar activities do not have a strong brand anyway. Instead, we use the highlight color to represent ownership. Every user has a set of colors they "own", and when they see something with their colors, that indicates they own that thing. We use this in the journal - the color of an activity's icon is the creator's color.

I don't know if Sugar's use of color is smart, or if Material Design's use of color is effective. That's a question I'd love to hear answered. But every time I think about their use of color, I feel just a little bit happier. At least they are not like the other platforms, which seem to miss the huge opportunity that using a non-blue highlight color would be.

Every second you waste fighting Powerpoint or Google Slides is a second that you can't spend on making a stunning presentation. This week, I'm launching Presenter Club - the start to finish way to make a presentation quickly. Presenter Club helps you plan well structured speeches, then gives you easy tools to make impressive slides. Get designer crafted templates, and curated background images.

Go to www.presenter.club to sign up for our free presentation software that will supercharge your productivity.

I am sorry, but the Presenter.Club app UI uses a blue highlight too. However, the slides you make will be anything but blue, with our easy to use background image finder.

Comments, thoughts? Mail them to [email protected]. I would love to hear them!

Related posts

View all posts
Journal Project View - User Testing
Better result than last user testing!
Read post
Sugar With Instant Palettes
Palettes are fun, but what if they were faster
Read post
Derivations 102 - Learning Nix pt 4
Taking advantage of the fact Nix is a programming language
Read post
Creating a super simple derivation - Learning Nix pt 3
Wrapping some shell scripts
Read post
So Variables are a Thing - Learning Nix pt 2
Taking advantage of the fact Nix is a programming language
Read post
NSDC 2016 Topics
Digitizing the motions from National Schools Debating Championships 2016
Read post