A work-in-progress interface design exploration. Each icon steers itself based on rules including avoidance, alignment, and coherence. Icons originate at the center and "swim" towards the edges. You can tag images (left click) or delete them (right click) or they die on their own if they swim off screen. There is no way (yet) to review what you've tagged, that's next on the list, after that I'll work on some way of clustering the images you like.

Designed for very large screens, this tiny web preview does not do justice to the idea of a sea of images. The flickr query is based on tags, in a future version you'll be able to choose the tags, this preview uses "iMac,IPhone,iPad" as the tags to search for with a sort order of "interestingness-desc." I'm in the process of exploring a variety of interface objects and behaviors. Refer to the source comments for more information and acknowledgements. Your comments and suggestions are encouraged via my contact form.

David Tames, version: 1f, July 19, 2010

Return to my DMI Projects Page

Source code:
swimming_icons_v1f.pde
BackgroundLoader.pde
SwimmingIcon.pde

Built with Flickr and Processing