Main

misc Archives

August 8, 2008

Lighting and Metamerism

This post is in response to a reader question (thanks Christine).

Color is an event that occurs among three participants, lightsource, object and observer. It should therefor come as no surprise that one and the same object will look different under differing lichtsources. Your clothes do not have the same color under a fluorescent tube, a regular light bulb or in sunlight. However, most of the differences are 'corrected' in our brain by a fascinating psychological process called 'color constancy'.
For today, however, I'll focus on another interesting subject related to lighting: Metamerism.

A color is always composed of light of different wavelengths. Sunlight, for instance, can be deconstructed to the colours of the rainbow. But also a surface can be deconstructed in a spectral analysis.

This is the spectral analysis of a certain shade of red:spectrum1.jpg
This is the spectral analysis of almost exactly the same color red:spectrum2.jpg
There's something peculiar about these two colors: they are metamere. Which means that perceived in a certain light, in this example sunlight, they will appear exactly the same to our eyes. But under another source of light, say an electric bulb, they will appear different.
Metamerism is a quite common phenomenon that can cause problems in color schemes. If, for instance, the same color is ordered from different manufacturers, there's a distinct possibility that they will be metamer. Which means they will not be the same in all circumstances. This is because different manufacturers use different pigments. Metamerism is something to keep in mind when trying to match two colors. You should therfor make sure to match the colors under the proper lightsource. If you're trying to match colors for the facade of your house you should evaluate them in sunlight. If you're comparing two colors for interior use, match them under the kind of light you're planning to use in your room. If the colors will be utilised in differing circumstances (clothes come to mind) all bets are off...

August 6, 2008

Visual Streaming

These days we are strugling to cope with a huge stream of emails, twitters, rss feeds, instant messages, pokes, voip calls or whatever else is out there to catch your attention. We are overwhelmed and overfed by all these streams of information crossing the web and hitting our consiousness. How can your boss's important email make it past the junk in your inbox? How can you tell this instant message is important and needs immediate attention? How would you know that a certain email refers to a recent blog entry? How about creating a visual interface to make sense of all these message and information streams?

We could perhaps think of the web as a soup pot. As heat is applied to the bottom of the pot, pieces of carrot and meat rise to the surface. This process is chaotic and dependent on how different substances absorb and loose heat and how large the pieces are. We only percieve the pieces that float on top. The stuff in the middle or at the bottom is invisable.
The question is, how do we get the best pieces to float to the top?

In modern aviation, pilots and air-traffic controllers also have to cope with a huge stream of information. One of the methods to do this is to apply color structure and color coding to complex information displays.
I am proposing to apply the same sort of design techniques to the web.

This is what the visual interface could look like:sketch.jpg
The idea is that a piece of information that requires your attention would come floating on top, thus catching your eye. Imagine a cloud of floating and moving icons, each representing a specific piece of information. The shape of the icon would represent the stream of information: email, twitter, rss or whatever. Colors would indicate certain assocations. For instance, an email and an instant message on the same subject would share the same color. Or perhaps all your boss's messages would turn bright red. The size and the place of the icon would determine it's importance. Icons would float to the surface and then slowly sink to the bottom again, to disappear if they are ignored. An advanced analysis should determine how close to the surface an icon would float. In other words: the application would determine how much your attention is required and then place the icon accordingly within your attention range.
When hovering over an icon, the content of the icon is shown: the email message, the blog entry or anything else. This would be a preview. To reply to the email, you're sent to your email client. To read the full blog entry you're sent to your web browser. The visual interface wouldn't be a browser nor an email client. But it would provide you with a serene yet intelligible view on all your information streams.