This time last year at the annual TED conference, Microsoft Live Labs demoed an immersive media-browsing tool that literally caused gasps in the audience.
Seadragon/Photosynth is exactly the kind of ‘3-D web’ experience people were hyping in the late 1990s, along with VRML (Virtual Reality Modeling Language), as though they were poised to go mainstream.
Instead, many users rejected the over-use of tools like Flash, while Google’s simple text-based results became the gold standard.
Discussion of ‘visual browsing’ has heated up again, though. It will be interesting to see what kinds of interactions the public adapts to and which they reject. Here are more recent examples I’ve been seeing, some genuinely useful, some experimental and less practical.
Cover Flow
In late 2004, Andrew Enright first designed a visual browsing method which later became Apple’s Cover Flow.
Enright was nostalgic for flipping through the used bins at record stores and mentally cataloging the albums based on cover art:
Images have the ability to convey a lot of information very quickly. In addition, I would argue that images have a larger inherent capacity to instantly and simultaneously jog one’s factual and emotional memories than does text.
Not only does it convey more information in the less space, it makes the information presented easier to understand. Additionally amazing, this natural and subtle visual trick requires a minimal amount of processing, as it employs 2D effects to create the illusion of a 3D space.
Enright’s design influence can now be seen all over the web, and has been remixed for other purposes: Doug McCune recently built Muxmaster, a brilliant Adobe Air app that merges Cover Flow with Muxtape!
SnapShots
Do a search for “Snap + annoying” to see what people are saying about these screenshot previews, found on many Wordpress.com blogs.
Lorelle has called them “a blight” and I myself tried unsuccessfully to use them for less-annoying purposes.
To Snap’s credit, they adapted early to the idea of creating visual relationships between text-links and websites. The implementation might not be ideal, but they seem to listen to their critics and make improvements.
SearchMe
For a comparison, search Google for “Darren Hoyt“, then compare with SearchMe’s results. Here again you see the influence of Cover Flow.
Rich Ziade concluded SearchMe wasn’t very useful and I’m still trying to decide. As a designer, I’m inherently curious not just about content but the visual identity surrounding it, and SearchMe speaks to that curiousity, even if the screenshots don’t always communicate much.
Piclens
Like Photosynth, PicLens is pretty mind blowing. It plugs into your browser and transforms the search/browse experience of GIS, Flickr and YouTube into a giant, 3-D wall of multimedia.
It will be interesting to see how, and if, people adapt to this level of immersive browsing without feeling overwhelmed. It’s such a departure from the current methods, PicLens almost risks being too far ahead of its time.
Relation Browser
Moritz Stefaner’s Relation Browser is a great Flash tool that displays “complex concept network structures in a snappy and intuitive manner.”
I’ll be skinning a modified Relation Browser later this month for a site that links University of Virginia staff with their projects and departments. I’ll post more impressions when the project is complete.
Yahoo Glue
Yahoo India recently launched the “Glue” feature, which combines traditional text-based search results with multimedia. This kind of thing must blow the minds of elderly academics and researchers who spent years stumbling around dusty old libraries.
Instead of emphasizing cutting-edge methods of searching, Glue builds a rich, Web 2.0ish index of results . It’s kind of the same all-in-one effect (YouTube, Flickr, Wordpress) we attempted with the Probama theme.
YouTube ‘Warp’
I haven’t heard any real chatter YouTube’s ‘Warp’ option, and after playing with it, I can see why.
Warp is a prime example of cool “what if…?” concepts that aren’t really intuitive and don’t really go anywhere, but you have to applaud that someone built it. Even shaky implementations can push technology forward and inspire great ideas down the road.
Browse 3-D and SpaceTime
As a major multi-tasker I can see why Browse 3-D or SpaceTime would be helpful for toggling between screens.
Browse3D’s site says they “provide the most efficient way to find, organize, save and share web-based content…with multiple web browser engines”, which all sounds extremely promising. Yet, have you met anyone who uses a 3-D browser?
I’m guessing the $30 pricetag is part of why Browse3D hasn’t caught on more. As for SpaceTime, I’m currently finding dual monitors and tabbed browsing to be sufficient for all my multi-tasking, but in another five years, maybe my tastes will change.
Pixsta
When ordinary Googling for products doesn’t work, Pixsta will take the results, analyze them by shape, color and texture, and build a visual gallery, sort of like the Music Genome Project did with music, only with retail products.
Pixsta does seem to take a common problem—lack of recommendations based on visual similarities—and provides a neat solution, while other applications have it backward, a ’solution in search of a problem’. Read more at Pixsta’s blog.
Oskope
Oskope is a visual search tool that pulls images from eBay, Amazon and other sites.
The more I played with Oskope, the more I found it useful. There are options to display search results in a list view, a graph, a stack, a pile, or a grid. You can then drag images and drop them into a folder to be emailed. There are currently a million other ways you could accomplish this, but Oskope’s method is amazingly quick and convenient.
White Void
Not actually an application, White Void is a high-concept interactive agency with a Papervision3D portfolio.
I remember when a lot of Flash developers were trying this kind of navigation and the general response was, “no thanks”. Now I wonder if that’s because people just weren’t accustomed to it or if because the interface was genuinely flawed.
That last point is one I think of a lot. It will be another few years of experimenting before the next generation of visual browsing is something mainstream users agree on and are comfortable with. Jaw-dropping as it is, even Photosynth could fade into obscurity. Plenty services will fail before the next Google Search becomes a household word.
What other obvious interface features are missing from these examples? What else would help them get bigger in the mainstream?
3:13 pm
I don’t know if it counts exactly, but another browsing paradigm, much older than some of these, is getting renewed recognition via the iPhone: columnar flip.
Come to think of it, I’m not sure if that’s even the right term, but you see it in every made-for-iPhone app. Click a new option, the page slides in from page right. Go back? Previous returns from page left.
Apple’s always favored columnar directory maps, so it’s near they’re getting renewed attention.
By the way, since I know you have a new Mac on the way, you gotta check out Fluid. At it’s most basic, it lets you create single-site apps – think Gmail in your dock/taskbar. But it’s got some super-cool html parsing stuff built in that lets you scan a page, and pull up child pages with a coverflow interface. In fact, someone recently used Fluid to create a muxtape app that’s very similar to the one you mention above.
8:38 pm
I assumed ‘columnar flip’ was only something UI hipsters would know about, but a Google search turned up empty ;) Is this the behavior you’re talking about?
Thanks also for the link to Fluid, it looks great for workflow. I’d heard of Prism before but never knew anyone had expanded on the idea.
3:09 pm
Yup, that’s exactly it.
I must admit: I totally made that term up. I’m sure Apple’s already named it something different – and applied for the copyright.
8:44 am
one four your list, hope you like it
http://www.facesaerch.com
12:11 pm
That’s a cool concept, Franz. I’m wondering if you’ve had any troubles from sites that don’t allow hotlinking of images? Does GIS have problems with this?
I also wanted to add one more service to the list – it’s called Viewzi, from the folks at White Void. You can search subject matter from a variety of views (3D Photo Cloud, Simple Text, Shopping) and navigate the results in some interesting ways. So far, so good.
Update: just realized Nathan of SonSpring is actually working at Viewzi.
12:12 pm
I also wanted to add one more service to the list – it’s called Viewzi, from the folks at White Void. You can search subject matter from a variety of views (3D Photo Cloud, Simple Text, Shopping) and navigate the results in some interesting ways. So far, so good.