G / February 25, 2008

A Little More on Our Dream Browser

Dream Browser Head

We are overwhelmed with the response from our first post on the Dream Browser project.

To follow up, we have a couple of small mockups of 1) A better way to look at Bookmarks, and 2) How you might go about viewing videos.

A Better Way of Looking at Bookmarks

Looking at Bookmarks in the Dream Browser

We have CoverFlow in iTunes, we have it in the Finder, where next? Yep, the Browser.

CoverFlow is a controversial concept - people either love it or hate it. One could argue that CoverFlow makes sense in iTunes as you can view all of your music just like the ol' days by flipping through your virtual CD covers. One could also argue that it makes sense in the Finder because you can view all of your documents with a scaled down instant preview without even having to open them.

 However, there are others who may argue that CoverFlow is an over-engineered,  graphics hungry, time wasting piece of eye candy.

 I must admit I don't use CoverFlow terribly often in the Finder - it is useful for pictures, PSDs, and videos, but when I get to my Applications folder, CoverFlow serves very little purpose.

Hang on a minute, though - when was the last time you browsed through your internet history? How long did it take to find what you were looking for? It's true - currently, internet browser history sucks. To make a start, things need to be more visual.

Introducing CoverFlow into the Browser makes perfect sense - whenever you navigate to a web page, the Browser could capture a screen shot of that page at a smaller resolution of, say, 640x480. These images would then be stored in a directory that was easily accessible by the user. When browsing history, any item deleted would also remove the thumbnail from the directory.

Add to this an advanced method of search. When you currently search your history or bookmarks, the browser compares your search term to the URL and title of each page. A far superior way of finding what you want would be to index every site you have navigated to, so when you search, your query will be compared to more than just the title and URL, but also the very contents of every page, just like Spotlight does with your documents.

How to View Videos

How to View Videos in the Dream Browser

In Sebastiaan's original post, he mentioned the archaic way of viewing video that is still the norm on the web.

 Breaking content apart has been something of a challenge for years on the web - separating content from design with HTML and CSS, but not much has been done on the user side to aid separation of content such as text, video, and pictures.

If we were able to identify different media (which we are), we could organise, for instance, all of the videos you have viewed in the last day into a list, and the same for photos, and maybe even maps*.

 The image above shows a simple, iTunes style list of videos. These videos could be QuickTime, YouTube, or any other video content provider theoretically. Perhaps it would be more beneficial to restrict the classification of content as"Video" within the Browser to avoid Flash sites being organised into the same category. Restricting the classification of video could be done by filtering files from certain domains that are between a range of media sizes.

So, for example, if the domain of the video file is one of the following "media-site-1.com; media-site-2.com; media-site-3.com;" AND the filetype is one of the following ".flv; .mov; .avi; .swf" AND the filesize is  between "X mb" and "Y mb" THEN class content as "Video"

 *Maps - that one literally just came to me - perhaps with a plug in we could gain better ways of keeping track of maps within the browser, and relating those maps to other information, such as contacts, web addresses, and more. 

 Just a few more thoughts, please keep the feedback coming!

 I might upload the Illustrator file I made for the screens I have been producing so you guys can visualise some of your ideas if you want.

Thanks, oh and see the previous post if you're not sure what this is all about.

 

  Filed Under: Apple, Code, Design, GoSquared, Technology, Web 2.0, Windows, liquidicity
Add to StumbleUpon | Add to del.icio.us | Digg this Page

7 Responses so far

  1. 1

    zikman said,

    February 25, 2008 at 7:35 pm ()

    oh my god, please make this browser a reality. I was thinking over the idea since I saw your first post about the "dream browser" and it's blowing my mind how awesome this idea is and how revolutionary it could be.
    it just makes sense for it all to pan out like this.

  2. 2

    dinobib said,

    February 25, 2008 at 10:32 pm ()

    I haven't notice before but is it a reload button or a time machine button?
    You probably even know it. You can have a coverflow view of your history and bookmarks with safari stand (which provide quicklook plugins for viewing it) after looking at the libray caches safari folder.

    All of theses planed fonctions seems very cool but i mind about the possibility to develop and maintain a so big project.
    For an example, I just began to use safari stand last week and i can ever see that the images folder generated by safri stand (480px settings) come to take more than 70mo on my drive (and just for history and new bookmarks and not the previous bookmark).

    For the video part, all of this seems to be like the excellent miro app (http://www.getmiro.com/), it's an open source project that could possibly be implemented in the browser??.

    But i think that if there is not a browser comfortable with audio and video, it's because media player app are such difficult to do due to so many differents formats and implantation.

    Maybe you will reduce the exigence with time but i agree this is brainstorming and all ideas are welcome.

    Sorry for my english. maybe i could help you (i'm not a programmer) for graphic design stuff or for french translation (i'm better in web or technics english than in normal speak :-)

  3. 3

    Fabrice said,

    March 9, 2008 at 9:11 pm ()

    Hi G,

    Just try http://www.web2wave.com, It looks a lot like the iPod technology on the new Touch or iPhone., but instead of album covers, Web2Wave displays website coverflows called Surflets. It’s a completely intuitive and three dimensional interface that runs clean and is a pleasure to use. Simply double-click on any coverflow image to make that site active. Rummage through sites at your leisure and add as many surflets as you like

  4. 4

    Dan Philibin » Blog Archive » The Dream Browser said,

    April 3, 2008 at 7:58 pm ()

    [...] Dream Browser, More on the Dream Browser, and Sebastiaan de With’s original [...]

  5. 5

    glenndavid said,

    May 7, 2008 at 5:54 pm ()

    i must say that i am pretty impressed with this, this thing actually totally fits in the Apple philosophy, just like they are doing to iTunes making it an All in One App(music, movies and iBlaBla-synchronization, they could make Safari into one of the most powerful browsers ever, not only making it a browser, but also a multimedia-tool. i can imagine for many people this way of browsing would be nice, having an OS that already is filled with the classic bar at the left( Finder, iTunes, iPhoto, 3party apps).

    i noticed Shiira had a sort of intuitive surfing bar, but these mock ups are nicer!
    and DreamBrowser would be a great name.


    P.S .for the rest: usual stuff: love the blog, great content, yes i do read RSS, you guys rock!

  6. 6

    Yannik said,

    September 21, 2008 at 1:51 pm ()

    Hi,
    I'm still interested by your .ai file of your dream browser. Did you upload it once or never? Can I get it somewhere?

    It's really late, but I saw your great post two days ago...

    Thanks
    Yannik

  7. 7

    G said,

    September 21, 2008 at 4:11 pm (Administrator)

    Hi Yannik,

    Thanks for the gratitude - we really appreciate it.

    We'll upload the ai some time today once we've found it in the archives!

    Cheers,

    James

Follow Comments on this Post with RSS · TrackBack URI

Have Your Say