Practical Guide - Designing the Invisible

Designing the Invisible

By Robert Mills

From how to apply colour to tell the right story, through to using the right words, this book details the basics of building great web experiences.

About this book

It's not enough to design a website that looks nice. What's the story? Why is that header green? Why is that icon shaped like a fish? Designing for the web is not just about fancy layouts, the latest CSS3 or HTML5 or UX technique. Great web experiences tell a great story, and Designing the Invisible will give you the tools to help you do it.

From how to apply colour to tell the right story, through to using the right words, this book details the basics of building great web experiences. If you're starting out in web design then this book will give you some valuable tools in your design toolkit.

Topics include

Invisible communication describes the way we can convey message, moods and values using more than just words and images. A variety of these methods exist in the design world that can help us tell our stories more effectively and efficiently. When we talk about the story in the context of invisible communication, we mean the whole package that's being communicated. In the case of a website, all of the page elements – copy, colour, imagery, icons, and tone of voice – contribute to one story, a shared message being communicated.

Signs help us navigate, communicate danger and explain what we can and cannot do. The web is full of signs: text, icons, images, symbols and website navigation help create a well-understood signage system that can incorporate colour, hierarchy and pointers. We need to understand some fundamental definitions and systems to investigate the importance and significance of signs on the web in the context of invisible communication.

Colour is an important element in design. Each colour brings with it psychological associations, cultural significance, and an influence that can affect our mood. This section focuses on the messages and values that colours can communicate subliminally through design, explaining how there's more to colour than just the shades we perceive.

How can language be invisible? When we talk to someone in person, our words are supported by body language, tone of voice, pitch, volume, accent, expression and cues – all forms of invisible communication. When writing for the web, we can still communicate invisibly through the tone of our writing voice, the look of our words, and the overall design of our website.

From the day we are born we hear stories. At first they are simple nursery rhymes and fairytales. Aas we mature so too do the stories we hear, bringing with them added meaning, hidden messages and subliminal communication. We can apply traditional storytelling techniques to the web, but we need to adapt them for the new parameters that online storytelling brings with it.

About Robert Mills

Robert Mills

Rob Mills is a writer and studio manager & head of content for Bluegg, a web and branding agency. Rob is from Cardiff, UK.

He helps clients tell their stories effectively to their target audience. Rob has written for .Net, Smashing Magazine and 24 ways and has spoken at several web conferences. He is also a freelance copywriter & editor, journalism graduate, tone of voice aficionado and collector of typewriters.

I continue to recommend Designing the Invisible to anyone who'll listen.

Simon Collison