Colour Theory & Design Resources

A recent UXDiscuss event looking at the use of colour to enhance the users experience had me digging back through various resources I’ve gathered over time in relation to colour theory and UI design.

A Design Critique Colour Swatches

This post is designed as a future reference and a way to collect these resources together.

An International Guide to the Use of Colour in Marketing & Advertising

Can text in different colors help you tackle the most difficult books?

Color Theory Course

Everything About Color Contrast And Why You Should Rethink It

Handprint—Light and the eye

Handprint—Color harmony & color design

In regard to these ^ two—Basically everything listed here - http://www.handprint.com/LS/CVS/color.html) - is fairly useful ツ

How to Use Color in Design to Guide Your User

How To Use Color To Prove Your Point, From A Data Viz Expert

Practical Rules for Using Color in Charts

The key to color harmony: Avoiding boredom and chaos

The Psychology of Color in Marketing and Branding

The Semantics Of Color, Visualized

This 1939 Chart Explains How Color Affects Legibility

Web design color theory: how to create the right emotions with color in web design

Web UI Design for the Human Eye

We’re Only Just Beginning To Understand How Color Impacts Users

What your users really think about your choice of colors

Why Red Means Red in Almost Every Language

Hopefully these resource will prove useful when looking to learn about colour theory and the use of colour to enhance UX.

On Receiving Design Critique

critique
/krɪˈtiːk/
verb
Evaluate (a theory or practice) in a detailed and analytical way.

A Design Critique Critique ≠ A Personal Criticism

Receiving feedback, receiving it well and being able to act upon this feedback is a difficult skill to master.

No-one likes to be told “That’s wrong” or “I don’t think this works” and getting this type of response to a piece of design work you have done, at any stage of your career, can be a knock to a persons confidence.

The key point I keep in mind myself, and advise people I’ve worked with, is to not take this design critique personally. You are not your designs. Hold your ideas lightly, take on this feedback, both good and bad, and use it as a way to move your design forward.

That single comment on one of your ‘failed’ designs might be the spark, the inspiration, that leads you to the right solution.

Writing Useful Error Messages - Resources and Ideas

Writing a useful error message is tricky. Striking the right balance of presenting useful information to people while explaining what the error was and, more importantly, what they can do about it is not an easy thing to do, especially when looking to automate/template these type of interactions.

Windows 10 Error Message Windows 10 Error Message - Please don’t do this ツ

Try to Avoid Using Error Messages

The ideal goal is to not need to use error messages at all. Look instead to design what Don Norman calls a ‘collaborative’ system, tell the user the requirements before they do the work. If there are special ways you want user to enter content/data into a system tell the user before they enter it, not afterwards.

If You Do need to Display Error Messages

Where Error Messages are used try to ensure they sound like they’ve been written for real people to understand and not using incomprehensible, ‘machine code’ style message.

Think of the error message as a conversation with the person using the system. Make it polite, understandable, friendly & jargon-free. The goal is to write an actionable error message that anyone could understand.

Ensure the error message is visible in regard to message size, colour & location. If the person can’t see the error message they will have trouble acting upon it. It needs to be specific as to what the problem is and help the user recover. Explain what they need to do next and how can they get back to what they were doing.

An Example Error Message

A useful error message template, based off the above guidelines looks like this;

[What has happened in plain, jargon-free language]

[What the user can do to continue with their task]

[Who the user can contact (including named person, email address, phone number, etc. where applicable) for assistance]

Error Message Writing Resources

The Guidelines above are based on a few useful resources I’ve found when researching writing useful error messages.

Don Norman writes about using ‘collaborative’, rather then ‘error’, messages here

Ben Rowe gives 4 useful tips in this UXMas article on error messages

Some great error message writing tips in this article by Thomas Fuchs

Some older, but still relevant, info in this article on error messages from Michael Bolton (not that one, I think ツ)

Steven Hoober talks here on how error messages are an anti-pattern

Again on UX Matters - Caroline Jarrett explains how not to be embarrassed by your error messages

and finally;

NN/Groups Jakob Neilson offers some useful error message writing guidelines

Rethinking How I Use Twitter

Over time I’ve developed a method of using Twitter for two main purposes. One way is for social interactions, asking questions & responding to other people’s. The second way has been as a link bookmarking service.

Twitter Typographic Wallpaper Twitter Typographic Wallpaper via https://flic.kr/p/69cP9q

When I read an interesting link I’ll Tweet it, with some associated hastags, via my personal account. These Tweets are then picked up by an IFTTT recipe which strips out the links & hashtags and adds them to a spreadsheet. This spreadsheet is then imported into my personal wiki meaning I have quick access to useful information in my main areas of interest (UX, Typography. Design, etc.).

What this means is I now have a lot of Tweets - my link collection process get mixed up with the more personal, social interactions.

So I’m planning to change the way in which I use Twitter. I’ll now (be trying to) keep it purely for the social, communicative aspects, reaching out for feedback or helping out where I can. The links/bookmarking aspect I’ve been using Twitter for will go via other channels, still allowing me to keep an up to date wiki of useful information but keeping it apart from my other Twitter interactions and hopefully removing some of the noise from my account.

I’ll be interested to see how this works over time but it’s always interesting to change processes and observe how this affects useage & efficiency.

NUX4 – A Conference for Teams

The excellent NUX4 conference takes place shortly in Manchester - http://2015.nuxconf.uk/.

One of the key aspects I try to get across when discussing UX with people is that it’s not just one role for a single (or team) of UX professionals in any organisation. One of the key aims in UX is bringing it in as part of wider business processes. As the Government Digital Services Team often point out, UX is a team sport.

User Research is a Team Sport User Research is a Team Sport via http://www.disambiguity.com/strategy-is-being-on-message/

As part of this, it feels that events like NUX4 really benefit when attended by people who don’t class themselves as UX professionals. People who come from others areas of business who are looking to get an idea of how UX fits into these wider processes. More and more businesses are understanding that UX is not something that can be tacked on to the end of a project, instead it needs to be a foundation, underpinning all aspects of a project.

Along with a great line up featuring speakers from Google, Tobias & Tobias, A List Apart & Rosenfeld Media NUX4 is a welcoming and open conference for anyone interested in how people actually use systems, apps, websites & products.

As a Project Manager, visit NUX4 and find out how UX can fit into Agile & Lean development processes.

As a Business Analyst, come along to NUX4 to see how UX can dig into the user needs of a business.

As a Developer, experience NUX4 and gain a better understanding how UX design thinking can shorten development time and build on consistent, usable patterns.

An open conference suitable for PMs, BAs, Devs, Managers, Analytics Experts & more to offer a better understanding of what UX is and what it can offer any business.

If your role involves working with people in any way, you will benefit from attending, and hopefully enjoying NUX4.

###Tickets

Tickets for NUX4 are available here;

http://2015.nuxconf.uk/tickets/

With discounts for both students and groups of more then 5.

I’m looking forward to seeing a range of people, from all areas of all type of businesses at NUX4.