The Treehouse + The Cave


The Treehouse + The Cave: Dissatisfaction Sows Innovation <body><!-- --><div id="flagi" style="visibility:hidden; position:absolute;" onmouseover="showDrop()" onmouseout="hideDrop()"><div id="flagtop"></div><div id="top-filler"></div><div id="flagi-body">Notify Blogger about objectionable content.<br /><a href="/web/20051225123312/http://help.blogger.com/bin/answer.py?answer=1200"> What does this mean? </a> </div></div><div id="b-navbar"><a href="/web/20051225123312/http://www.blogger.com/" id="b-logo" title="Go to Blogger.com"><img src="/web/20051225123312im_/http://www.blogger.com/img/navbar/3/logobar.gif" alt="Blogger" width="80" height="24" /></a><form id="b-search" name="b-search" action="/web/20051225123312/http://search.blogger.com/"><div id="b-more"><a href="/web/20051225123312/http://www.blogger.com/" id="b-getorpost"><img src="/web/20051225123312im_/http://www.blogger.com/img/navbar/3/btn_getblog.gif" alt="Get your own blog" width="112" height="15" /></a><a id="flagButton" style="display:none;" href="javascript:toggleFlag();" onmouseover="showDrop()" onmouseout="hideDrop()"><img src="/web/20051225123312im_/http://www.blogger.com/img/navbar/3/flag.gif" name="flag" alt="Flag Blog" width="55" height="15" /></a><a href="/web/20051225123312/http://www.blogger.com/redirect/next_blog.pyra?navBar=true" id="b-next"><img src="/web/20051225123312im_/http://www.blogger.com/img/navbar/3/btn_nextblog.gif" alt="Next blog" width="72" height="15" /></a></div><div id="b-this"><input type="text" id="b-query" name="as_q" /><input type="hidden" name="ie" value="UTF-8" /><input type="hidden" name="ui" value="blg" /><input type="hidden" name="bl_url" value="thetreehouseandthecave.blogspot.com" /><input type="image" src="/web/20051225123312im_/http://www.blogger.com/img/navbar/3/btn_search_this.gif" alt="Search This Blog" id="b-searchbtn" title="Search this blog with Google Blog Search" onclick="document.forms['b-search'].bl_url.value='thetreehouseandthecave.blogspot.com'" /><input type="image" src="/web/20051225123312im_/http://www.blogger.com/img/navbar/3/btn_search_all.gif" alt="Search All Blogs" value="Search" id="b-searchallbtn" title="Search all blogs with Google Blog Search" onclick="document.forms['b-search'].bl_url.value=''" /><a href="javascript:BlogThis();" id="b-blogthis">BlogThis!</a></div></form></div><script type="text/javascript"><!-- var ID = 9561264;var HATE_INTERSTITIAL_COOKIE_NAME = 'dismissedInterstitial';var FLAG_COOKIE_NAME = 'flaggedBlog';var FLAG_BLOG_URL = '/web/20051225123312/http://www.blogger.com/flag-blog.g?nav=3&toFlag=' + ID;var UNFLAG_BLOG_URL = '/web/20051225123312/http://www.blogger.com/unflag-blog.g?nav=3&toFlag=' + ID;var FLAG_IMAGE_URL = '/web/20051225123312/http://www.blogger.com/img/navbar/3/flag.gif';var UNFLAG_IMAGE_URL = '/web/20051225123312/http://www.blogger.com/img/navbar/3/unflag.gif';var ncHasFlagged = false;var servletTarget = new Image(); function BlogThis() {Q='';x=document;y=window;if(x.selection) {Q=x.selection.createRange().text;} else if (y.getSelection) { Q=y.getSelection();} else if (x.getSelection) { Q=x.getSelection();}popw = y.open('/web/20051225123312/http://www.blogger.com/blog_this.pyra?t=' + escape(Q) + '&u=' + escape(location.href) + '&n=' + escape(document.title),'bloggerForm','scrollbars=no,width=475,height=300,top=175,left=75,status=yes,resizable=yes');void(0);} function blogspotInit() {initFlag();} function hasFlagged() {return getCookie(FLAG_COOKIE_NAME) || ncHasFlagged;} function toggleFlag() {var date = new Date();var id = 9561264;if (hasFlagged()) {removeCookie(FLAG_COOKIE_NAME);servletTarget.src = UNFLAG_BLOG_URL + '&d=' + date.getTime();document.images['flag'].src = FLAG_IMAGE_URL;ncHasFlagged = false;} else { setBlogspotCookie(FLAG_COOKIE_NAME, 'true');servletTarget.src = FLAG_BLOG_URL + '&d=' + date.getTime();document.images['flag'].src = UNFLAG_IMAGE_URL;ncHasFlagged = true;}} function initFlag() {document.getElementById('flagButton').style.display = 'inline';if (hasFlagged()) {document.images['flag'].src = UNFLAG_IMAGE_URL;} else {document.images['flag'].src = FLAG_IMAGE_URL;}} function showDrop() {if (!hasFlagged()) {document.getElementById('flagi').style.visibility = 'visible';}} function hideDrop() {document.getElementById('flagi').style.visibility = 'hidden';} function setBlogspotCookie(name, val) {var expire = new Date((new Date()).getTime() + 5 * 24 * 60 * 60 * 1000);var path = '/';setCookie(name, val, null, expire, path, null);} function removeCookie(name){var expire = new Date((new Date()).getTime() - 1000); setCookie(name,'',null,expire,'/',null);} --></script><script type="text/javascript"> blogspotInit();</script><div id="space-for-ie"></div>

Wednesday, December 29, 2004

Dissatisfaction Sows Innovation

It's probably pretty obvious at this point that I'm a huge fan of digital music. I love what it's done to the amount of music I can experience. I love what it's done to the portability of music. I love what it's done to the distribution of music. I love that it has decimated the economies of scale, and that now more than ever, self-publishing is a model that actually works for the young musician.

What I hate about digital music is that it has killed the concept of cover art.

As much as I love metadata, I just don't get as much satisfaction scrolling through 10,000 songs as I did flipping through 100 cracked CDs (let alone a couple hundred dusty LPs). I miss thinking about how the album cover interacted with the songs (Mike Kelley's cover for Dirty always held my attention). I miss thinking about how one artist was riffing on another. But most of all, I miss not having to process so much descriptive text.

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.

Which means, at least for people like me, that regaining a visual way to browse our music libraries would provide us with a faster, more artistically complex and more emotionally potent way to experience our collections.

With this in mind, I propose Visual Browsing in iTunes, a plug-in or eventual feature of iTunes that I've fully conceptualized and sketched (with the help of my brother), but have no hope of programming (though he says he knows some folks):

Visual Browsing in iTunes


Visual Browsing 3

I had been thinking about the best way to visually cruise through my MP3s for years, but until a few months ago, none of them felt right.

Then I saw screenshots of the interface Apple had developed for multi-person video conferencing within the upcoming version of iChat AV.

iChat AV 2

I'll include Apple's description, though I think the image says it all:

In its three-dimensional view, your buddies seem more like they're in the room with you, making it easier to follow the conversation. Their images are even reflected in front of them, just as if they were sitting around a conference-room table. It's an organized visual arrangement that facilitates communication.

The choices they had made seemed so smart.

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. It doesn't take a supercomputer to generate a few gradients and skew/mirror a few images.

A soon as I had absorbed the image above, this image popped into my head:

Visual Browsing 1
Please view the full image as well.

I thought their implementation would work perfectly if applied to my Visual Browsing problem.

Like paper cards flipping within a bar jukebox, I pictured each cover flipping in and out of the illuminated center position, revealing the subsequent album/song as the user browsed through the current library (via the linear scroll-bar detailed below). The faster you scrolled, the faster the covers would shuffle in and out of the spotlight.

Visual Browsing 5

After you had located the record you wanted, you could simply click on it, and the familiar iTunes Browse View would slide up from the bottom edge of the window (much like the Cover Art Window does currently) allowing you to select a song to play.

Visual Browsing 4
Please view the full image as well.

Like LPs in a bin, you could see which records you had just passed and which ones you'd get to in a minute. You could flip past lousy records the second you recognized that tell-tale graphic element on the edge of the sleeve.

Like LPs in a bin, cover art displayed within an interface like this feels far more like a "real" object than identical cover art displayed as a flat graphic (the way iTunes does currently).

In other words, the cover image isn't a feature of the album/song, the image is the album/song and consequently the cover is the music. It becomes a true signifier as opposed to a decoration. Music and its consumption by humanity haven't always been just about the waveform. Let's restore some of the elements that were created both to satisfy our non-aural senses, and to be signifiers for Music itself.

Visual Browsing is a start.

Anonymous thought:

Thought you might be interested - I hacked together a quick implementation of this. You checked your gmail account recently?

2/08/2005 07:42:05 AM - Comment Permalink  
Daniel J. Wilson thought:

Nice idea! I've been thinking of doing something with visual album browsing for a while, but your idea looks better than what I had in mind.

One application that you might be somewhat interested in is mp3voodoo. It hasn't been updated for over 2 years, but you might see something you could adapt to your concept.

2/17/2005 02:33:28 AM - Comment Permalink  
Anonymous thought:

Hey Dudes ..... This one should be releaed out of its iTunes window prison ...
There are already iTunes widgets .... what about making this one not to stay in a window but appear on your desktop with a nifty alpha blending ... as a widget or just an application ....
Its about being inspired by the cover arts, the author claims. you normally miss this when listening to digitally stored music scrolling through endless track lists. But what kind of inspiration could it be to put an animation into exactly that list.
Make it floe freely on ya desktops. .
.
By the way: this is kind of "stolen" idea which has been formualted in the "looking glass" projekt by sun microsystems presented already in 2003 -Gush!

Hey: Apple-Crackheads! Wanna see the REAL next generation desktop gui designs: get that link and leech that hi-res presentation video:

http://www.sun.com/software/looking_glass/demo.xml

Yeah! Right! This was meant to be open source! Steve, stop sucking on that!

Cheers, Dennis

8/10/2005 10:24:12 AM - Comment Permalink  
Anonymous thought:

Congratulations! This is really a good idea, i love the concept.

8/26/2005 05:33:47 PM - Comment Permalink  
Sid thought:

This is really cool. How about a way to adapt this to my iPod? Also, the way it locates the images is a real time saver. Have you considered allowing a way to drag the image directly from CoverFlow to my desktop, iTunes Artwork Window, iPhoto, Photoshop, or whatever? Either way, it's really cool. Good luck with it.

10/24/2005 05:20:40 PM - Comment Permalink  
Jillian thought:

Hey! I downloaded your program and LOVE IT! You have in the "READ ME" file to email you with comments, but I could not find the email on the site (it routed me to your blog). Anyway, additions I would like to see would be the ability to browse songs within the album, so that you could skip songs in the album, and fullscreen mode..I can't wait to see the final product!

Thanks,
Jillian and Kyle
Boulder CO

11/28/2005 11:42:10 PM - Comment Permalink  
Jillian thought:

PS. ever thought of doing one for DVDs??? I have a HUGE dvd collection and this would be a great way to check out my collection without getting off the couch..yeah I know, I am a lazy bitch!

11/28/2005 11:43:15 PM - Comment Permalink  
Anonymous thought:

Hey Andrew,

Let me just start off by saying Fantastic Work! Truly amazing and inspiring. I hope this project takes you wherever you want to go. I personally hope Apple buys the program, writes you a big fat check and incorporates Coverflow into iTunes. Unless, of course, you'd like it to go in a different direction. Anyway, I'm sure this is an obvious request, but to continue your virtual cd/record rack browsing analogy, you should be able to select an album, then, select a track off that album as opposed to playing the whole album starting at the beginning. Also, it would be great if you could use Coverflow to basically build a Playlist on the fly- pick a cover, pick a song or two from it, select another cover and continue. This is so much more intuitive than tagging the hell out of your tracks with comments/moods, etc or having a million playlists, but I don't need to tell you that!

Keep it up and the best of luck to you!

Taylor Kurosaki

12/01/2005 02:32:41 PM - Comment Permalink  
Dirruk thought:

Great work on this one. I really like the intuitive interface and it makes me feel much more 'attached' to the music. I also agree with other comments: I'd like to be able to flip the cover and browse the songs on the back of the album. I also love the idea of having this be a way to generate playlists.

You may have stumbled onto an entire newiTunes UI.

12/11/2005 12:42:16 PM - Comment Permalink  
Anonymous thought:

very very cool!!!!!!!!!!!
Al

12/11/2005 01:32:11 PM - Comment Permalink  

Post a Comment
Hide Comments