Visual Web Browsing Starts to Take Hold
There are reasons why user interfaces like Apple’s “Cover Flow” are popular. Most people are pretty good at pattern recognition, so having little pictures of things to recognize makes sense; it’s easier to find what you’re looking for by flipping through pictures than by scanning a list of text entries. Plus, let’s face it, many of us are magpies at heart: we enjoy shiny things. Cover Flow-style interfaces provide an easy and fun way to sort through large volumes of information and find the piece you want at any given time.
It’s not surprising that people have been trying to apply similar visual metaphors to web browsing for quite some time. Dedicated “3D browsers” like Browse3D and SpaceTime have been around for years, offering ways to capture multiple web pages and flip between them. But these have remained very much niche applications, in part because they can’t hope to match any of the mainstream browsers in features. Lately, however, I’ve seen three examples of this sort of visual browsing interface implemented within other browsers, which offer a more likely way for most users to experiment.
Web2Wave is the most ambitious of these projects (and also the one with the roughest edges currently). Supporting Firefox, IE, and Safari, it presents its own tabbed interface within one of the host browser tabs, using “surflets” to create a sort of visual analog of the traditional portal page. You can add and rearrange surflets, or flip through all of your existing surflets in a flowing interface. Personally, I find Web2Wave’s combination of visual metaphors to be a bit confusing at the moment, and hope they can clean up and polish their user interface, but I can see how it would be useful if you have a few dozen sites that you flip through on a regular basis.
PicLens is specialized but visually gorgeous. Available for IE, Firefox, and Safari, it’s an add-in that manages to break the bounds of the browser. When you go visit a supported image site (such as Google Images, Photobucket, or Flickr), a click will get you into the PicLens full-screen slideshow view. Depending on your browser, you can also see a “3D Wall” of photos that you can drag around and zoom in on. It’s quite an impressive interface to play with, and actually makes it easier and funner to find one photo in a sea of similar images. There’s also an API to let you add PicLens support to your own site.
RedZee applies a visual flow metaphor to search. Put in your search term, wait while RedZee loads thumbnails, and then you get an arc of results presented as site images. You can drag the arc back and forth with your mouse for a smooth browsing experience. Snippets of the foreground site are presented to give you a bit of context. I’d class this one as an interesting experiment – it’s nice to see the snapshots, but the delay in loading means it’s not going to take my search business away from Google.
With increasing bandwidth to our desktops, and increasing processor power once it gets there, it seems inevitable that we’ll continue to see more of these experiments. For the immediate future, the most useful ones will be targeted niche efforts like PicLens. Within two to three years, though, I expect to see one of the mainstream browser vendors offer a similar user interface as a standard option.
Related research and analysis from GigaOM Pro:
Subscriber content. Sign up for a free trial.
WebMynd is one to look at as well (freshly launched YCombinator company)…
http://www.webmynd.com/html/
RedZee has an attractive interface. And actually I don’t mind to wait a sec for the thumbs to load.
But where is RedZee pulling their data from? No matter how pretty it looks, the current quality of the search results render it worthless!
Tonight, I’ve discovered and tested the new web application you were talking about and it seems for me to be the future of the web.
This web application named Web2Wave (www.Web2Wave.com)is freely accessible. The functionalities of Web2Wave are really simple, useful, ergonomic, intuitive and so powerful.
But I think that the best way for you is to try it by yourself too. Just type http://www.web2wave.com, try the demo if you want but you will have better to directly create your own account.
Web2Wave does not need to download anything, it’s what I call a light client with AJAX interfaces and web2.0 (javascript, css and XHTML) technologies for the MMI :
1. On the welcome page, you have a descriptive video that show you the main functionalities and some few explications in french and in english. The list of bookmarks is very welcomed if you use social bookmarking as me. You have at the top of the page a very nice “apple dock” menu for login and few other options.
2. For creating an account, I just had to fill my names and my emails for in the field.
3. The first tab is an help tab which provide a nice tutorial with a short video in order to adopt the W2W functionalities and wording wave :
1. A “webview” is a tab which can be renamed in order to be coherent with the content that will be created inside later.
2. A “surflet” is a small browser window created when you click on the lefter icon of the apple dock menu. A surflet can be renamed, saved, resized and filled with an url.
4. The second tab is the “3D Flow”!!! An amazing three-dimensional cover flow graphical user interface, a very powerful tool, but I will talk about it after for a better understanding.
5. Then you have many tabs as you want, you create it with the small add icon and renamed it in accordance with the future content. For testing I have created a “web2.0″ tab where I have add 5 surflets with my favorite web2.0 blogs inside and another one with some personal website that I consult every day.
6. I arrange the surflet as I want, by renaming, resizing and repositioning them in order to have a kind of dashboard of my bookmarks.
7. When I want to view the content of a surflet, I justhave to click on the expand button and the surflet is sized in full page as like as I’ve opened it in a single web browser page.
8. When I will have created my own web browsing environment, I think that I will have more than thirty different surflet. In this way, despite the renaming functionalities of the webview and surflet, I can imagine that I will have some difficulties to find a surflet between all the different tab. That’s here that the famous second tab, the 3D flow is so powerful!
9. When you click on the second tab, all the content of your surflets are screen shotted on the fly and placed in a Apple like cover flow. It’s very ergonomic and design and very useful to find the surflet you where searching by scrolling and double clicking on it.
In my mind, Web2Wave is the future of the of the web application for many reasons :
* Firstly, because it offers to the user a very simple and free service that fulfill it’s web browsing needs.
* Secondly, because it uses all the new technologies that offer the same functionalities of the Vista X windows, the ergonomic and the design of the Mac OS and because it is a light client that does not need any installation.
* And finally because it is innovative, and has really understood the interest of all the web2.0 technologies for inventing the future of the web… web3.0????
The Web2Wave web site (www.web2wave.com) is still actually under development and may content some bug, but we can referred them to the web master for future improvement.
I cannot predict the future of this service, but I can see it in the Google labs as well.
Congratulation to the one’s who have had the ideas.
Good surf in your webview and surflet.
howtotoggle
Thanks so much for posting about PicLens 1.6. We really appreciate it!
For interested readers, below are links to two videos demos, one by our team and the other by a PicLens fan!
http://www.vimeo.com/653047
Thanks, again.
Jessica & The Cooliris Team
We have had great user feedback on a Firefox recommended add on that we created called ThumbStrips.
You can check it out here:
https://addons.mozilla.org/en-US/firefox/addon/5045
Let us know what you think…
Thanks,
Jonathan