Tuesday, November 6, 2007

Kyle Jutte

The interface would begin with a view of all the pictures. Upon rolling over the images, the allotted space would turn to the color of the swatch in the image. Once selected, the interface would zoom into that image and list the photographer and the photographers other images, would display colors of similar swatches and allow you to navigate to those colors, and would provide a link back to the main navigation. Also, one idea that all of my interfaces have in common is this idea that users would be able to click on any part of the picture and be taken to the image with the closest matching color. So say a user selected a part of the blue shoe, the left portion of the page would navigate to image with a swatch closest to that color and then information provided at left would change accordingly.





The second interface was one I created to make color the primary form of navigation. I tried to blur the images to a point where the composition is not necessarily clear but the colors of the images are most important. Mousing over images would cause them to become clear and in focus. Images with similar color swatches would become more in focus but not totally in focus. Once an image is actually selected, the navigation would become identical to the navigation in the first experiment, just with a different layout. Now the navigation would appear across a par located below the space that the focus image is located in.





Three is a small screen interface that also explores color and the relationship the images share based on color. The interface would begin on a random image and a color selector bar across the bottom of the screen. Users navigate by selecting a color on the bottom bar or any color in the actual image. The bar would slide to the image with a swatch that most closely represents that color. Mousing over the image would bring up a small box where users could select to drop down a larger box revealing the other color images by that photographer and a list of images with similar colors.

1 comment:

Allan said...

I think I like your second concept best. Not only do I like the idea of using focus, but I like the way the bar looks horizontal better. I think you could push the blur farther, though. Also, I would suggest blurring each image, but keeping hard edges between the individual thumbnails. As it is now, the pictures all run together. That may be what you were going for, but I think it would look more interesting to have that clear division...you would almost start to get the appearance of large colored pixels. You could look at it both ways, though.