I've built this. Is it worth pursuing or just mad?
zoomread.com
zoomread.com
I also think it would be really nice as an ipad app or any other larger surface touch screen devices.
One thing I do when using it to scan many pages is to put the browser in full screen mode - it really helps.
The "Hold down the left mouse button to start moving" line seems problematic to me, as are the other "mouse" references. I have not has a mouse for year, nor do I have a left mouse button. At least some visitors will be (in fact, have been) on mac laptops or touchscreen devices. I'd recommend something along the lines of "drag the page to move around."
I would like to suggest a future direction: be inspired by the Windows 7 Phone and Playstation 3 interfaces and make different branches for different topics. For example, All tech stories would be on the right of the centre, all current affairs stories would be on the left of the centre and pressing some button would bring me back to the beginning; better yet would be if there was a simply a grid for website types, so all stories along a particular line would be of a particular field and the user could customise this and moving arrows up or down would change website type.
Check out the BlueBottle OS (A research OS at ETH zurich) that a zoom based window manager. A video can be found here: http://www.youtube.com/watch?v=Pe0ZdzO_urU
Yes - I've got a few ways to try now for dynamic layout and the 'clustering' of stories. BlueBottle is something I'll check out for sure - thanks.
The problem with zooming is that most webpages are not made for viewing from a distance. It's difficult to discern both the content and the identity of a site when zoomed out.
Maybe you could try detecting the actual content (headline or a big picture), and show just that when zoomed out (probably together with a small logo of the website).
Other than that, the section dividers we see when zoomed out all the way are neat, why don't you preserve them somehow in all zoom levels?
In terms of navigating around, I think it would be much more fun if the zoom was seamless and much more responsive, and one could scroll and zoom at the same time (much like in a QTVR movie, ideally with the same controls).
Base on a suggestion below I am now actually playing with a DeepZoom version, although it seems to be a dead project from Microsoft (not sure). I wanted to stay with pure script, but they do have a very nice zoomable render engine to use...
Did the zooming in/out work ok?
The zooming is somewhat functional, but a bit awkward and jumpy. I noticed that the scroll wheel no longer zooms out after I have zoomed in and moved around a bit. Also, I would recommend a more fluid zoom if possible, much like Android and iProducts.
From a user perspective, I would like the article to open up (in a lightbox or new tab) as soon as I click the thumbnail. The little description bubble does not provide much benefit to the user. If there were "jump to 'section'" icons at the top of the window, that would be convenient.
The bubble is something I've struggled with, in that I started with just an overlay icon but it got very 'busy', what with all those thumbnails. I'll try a few more things - thanks.
Those section links are a good idea - I have the 'Overview' link but I'm not happy with the name - maybe 'Map' or 'Sections'?
[1] http://msdn.microsoft.com/en-us/library/cc645050(VS.95).aspx
In the spirit of a 'hack' I've put a Deep Zoom (totally non-interactive) test harness here to play with - what do you think, better?
http://zoomreadsl.s3.amazonaws.com/seasl.html
(please ignore the layout etc, just gauging the zoom ability and performance)
Thanks Vivek
Suggestion: Sub-segments that are visible as transparent overlays on the next two levels down so you can zoom in on a particular kind of content, rather than just the 9 categories. I understand that would take a lot more tagging of content.
Lowest level could be a frame with the actual article so links and such would work.
What kind of subsections would you like to see? I did render a larger map, but for this test just did '6x6' sections as it's easy to get lost.
Maybe the meta tags from the various articles would give a hint about the possibilities here ? Those+titles could be used as 'hints' as well during the viewing of the map.
Since I just had to look the acronym ZUI up, I guess that's an independent concept :). I've tried to use Google maps as an inspiration as I find it such an interesting web app.
I've started adding touch events to the web client code, but not done yet. I'm having doubts it'll ever be as smooth as native of course.
Thanks for the comment btw...
kind of like how i typically read wikipedia. find an article, see a link to something related, middle-click it to open in a new tab, keep going off tangentially until i forget what i was originally reading.