<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Focus + Context &#187; Multimedia</title>
	<atom:link href="http://dangreenblatt.com/blog/category/technology/multimedia/feed/" rel="self" type="application/rss+xml" />
	<link>http://dangreenblatt.com/blog</link>
	<description>:: lost at the intersection of technology, design and user experience</description>
	<lastBuildDate>Fri, 16 Apr 2010 06:12:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Cupertino Syndrome</title>
		<link>http://dangreenblatt.com/blog/2009/11/28/cupertino-syndrome/</link>
		<comments>http://dangreenblatt.com/blog/2009/11/28/cupertino-syndrome/#comments</comments>
		<pubDate>Sat, 28 Nov 2009 06:41:58 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[Bad Design]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[frustrating]]></category>
		<category><![CDATA[imovie]]></category>

		<guid isPermaLink="false">http://dangreenblatt.com/blog/?p=422</guid>
		<description><![CDATA[For the first time in as long as I can remember, I got angry at my computer. Not just perturbed, but teeth-clenching, fist pounding, expletive-blurting, co-worker-disturbing angry.
Surprisingly, my anger wasn&#8217;t directed at the network for being slow or at Parallels for taking entirely too long to boot up or shut down. It wasn&#8217;t because I [...]]]></description>
			<content:encoded><![CDATA[<p>For the first time in as long as I can remember, I got angry at my computer. Not just perturbed, but teeth-clenching, fist pounding, expletive-blurting, co-worker-disturbing angry.</p>
<p>Surprisingly, my anger wasn&#8217;t directed at the network for being slow or at Parallels for taking entirely too long to boot up or shut down. It wasn&#8217;t because I lost work, because my computer inexplicably froze up on me or forced me to restart because it had some updates to install.It was at a piece of software I explicitly elected to use, though there were other options available. And, perhaps most surprising of all, this piece of software is from Apple, who&#8217;s products I generally find enjoyable to use.</p>
<p>I am fucking pissed at iMovie &#8216;09.</p>
<p>I needed to do some editing of a video I shot for a tutorial. A colleague of mine suggested using a product called <a href="http://www.aone-soft.com/splitter.htm" target="_blank">Ultra Video Splitter</a> from company called Aone; my e-mail esponse to him was this:</p>
<blockquote>
<p style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 12pt; font-family: 'Times New Roman';"><span style="font-family: Arial; color: navy; font-size: x-small;"><span style="font-size: 10pt; font-family: Arial; color: navy;">Thanks, Xxxx – I’m probably going to take a shot at it using iMovie – as it’s software I’ve been meaning to learn how to use for quite a while and this would be the perfect opportunity! I’ll let you know what I come up with ……</span></span></p>
<p style="margin-top: 0in; margin-right: 0in; margin-bottom: 0.0001pt; margin-left: 0in; font-size: 12pt; font-family: 'Times New Roman';"><span style="font-family: Arial; color: navy; font-size: x-small;"><span style="font-size: 10pt; font-family: Arial; color: navy;">Dan</span></span></p>
</blockquote>
<p>It&#8217;s true; I&#8217;d never used iMovie before, mostly because I never had a reason to have to use it. And here was the perfect opportunity. I&#8217;ve had good experience with Apple products in the past, and I didn&#8217;t mind investing time in learning a tool that could potentially come in handy in the future. Besides, Apple sh*t is cool, right? Way cooler than some Windows shareware app.</p>
<p>The good part, is that within about half an hour of clicking around, after hovering over buttons to bring up tooltips and countless Apple-Zs, I knew my way around the interface and had a good mental model of how all the parts fit together. Apple tends to be very good at designing simple, learnable interfaces with plenty of scaffolding to enable first-time users like myself to find their way around.</p>
<p>My goal was very simple. To comb through about 45 minutes of video, splice out ~20 interesting clips, and make a separate video file out of each. I went through the video, Favorite-ing about twenty sections and made &#8216;clips&#8217; out of them to add to my movie. All without looking at a single sentence of an instruction manual. Bravo to me for being so smart, and kudos to Apple for building an application which requires zero instruction for a newbie to get up and running.</p>
<p>But from here, things went downhill. Fast.</p>
<p>First off, I realized that I couldn&#8217;t only export one clip at a time.  You&#8217;re only able to export the whole movie (i.e. the sum of all the clips plus whatever transitions are in between them). This was kind of confounding, and I spent a bit of time Googling around before resigning myself to a wonky workaround: duplicating my twenty-clip project twenty times, and then deleting all but one clip in each of the projects, so that when I export, I got just one clip in the movie. *Sigh*.</p>
<p>My test case then was to just create one duplicate project with one clip, and to see how the resultant video came out. To my dismay, I found that the video I was exporting was of significantly lower quality than the source. Back to the Google. Without knowing too much about video editing and codecs, from what I read, In concluded that this is is just apparently the way iMovie works, nothing I can do about it.  But I would be taking these video clips and using them in a <a href="http://www.techsmith.com/camtasia.asp" target="_blank">Camtasia</a> presentation, which would compress them even more, so starting with degraded-quality clips was not an option. Time to check out the other application recommended by my colleague. *Sigh*.</p>
<p>One issue though &#8211; I&#8217;d spent about three hours going through the video and hand-selecting the bits that I needed, and I didn&#8217;t want to have to go through the video again in another program and repeat this laborious process. Surely there must be some way to export the chapters I&#8217;ve created or information about the Favorites I&#8217;d earmarked? File -&gt; Export? Hello? Share? Where are you, menu item?!? I tried &#8216;Export to Final Cut XML&#8217; or something and the xml  file which was produced didn&#8217;t seem to have units or tags that I could make any sense of. Fair enough &#8211; that one was kind of a stretch. But still &#8230;. *sigh*.</p>
<p>Looks like I was going to have to do this the old-fashioned way. Here was my plan: I was going to take out a piece of <a href="http://en.wikipedia.org/wiki/Paper" target="_blank">paper</a> (there must be some around here somewhere) and some kind of writing instrument, and record onto the paper with the writing instrument, the time, in seconds, that each one of these clips starts and ends. Then, with this presumably inferior recommended software open, I would then take aforementioned piece of paper, <em>read back the numbers</em>, and create a parallel set of clips within the new software, then export these to seperate videos. Simple, right? A pain in the ass, sure, and a waste of time, sure, but what could go wrong?</p>
<p>As it turns out, it&#8217;s not that easy to figure out where in the movie each of my twenty clips started and stopped. iMovie <em>does not tell you the location in minutes and seconds of the playhead</em>. Let me repeat that, this time in bold , red letters:</p>
<blockquote><p><strong><span style="color: #ff0000;">Nowhere in iMovie &#8216;09 is there any indicator of time. Everything is relative to everything else, but it&#8217;s not possible to determine where anything is in absolute terms.</span></strong></p></blockquote>
<p>What is the implication of this? The implication of this is that any work done in iMovie &#8216;09 is essentially locked in iMovie and, other than exporting a video, there is no way to get this information (even in an &#8216;analog&#8217; fashion), to any other application.  How so &#8230; very &#8230; Apple!</p>
<p>(if anyone who reads this knows a way to either export marker information or to see an absolute timeline in iMovie &#8216;09, please tell me and I&#8217;ll gladly whimper away with my tail between my legs).</p>
<p>why? Why? WHY? Who thought this was a good idea? Who would object or be inconvenienced by having this information appear in the &#8220;Playhead Information&#8221; that follows the scrubber? I just don&#8217;t get it. It really frustrates me.</p>
<p>But the deeper question is, why do I still really really want to use iMovie as opposed to the other software (which, after a really contrived process, I was able to utilize)? Why do I want so badly to want to like this software, and to want to use it?</p>
<p>So my revelation out of this long, tedious retelling of this event is that Apple is kind of like a selfish, flaky friend. You know the kind I&#8217;m talking about &#8211; the kind of friend that&#8217;s great to be with when you&#8217;re actually hanging out with them, but the second you ask for a favor, or suggest an activity that they&#8217;re not too keen on, you get shot down, because &#8230; c&#8217;mon &#8230; who&#8217;s really in charge here? We all know that Apple is wearing the pants in this relationship.</p>
<p>And I&#8217;ll put up with it (I suspect other people will too), with all the abuse, with the selfishness, just for the chance to use the software &#8212; even on its own terms. Doesn&#8217;t matter if Apple shows up late, or forgets about my birthday, I&#8217;ll take what I can get, because, when things are good, they&#8217;re <em>really</em> good! And when things don&#8217;t go so well, I&#8217;m willing to cut him some slack, because <em>man</em>, he is cool &#8230; I&#8217;m surprised he even wants to hang out with me at all. And when other people try to tell me how he&#8217;s kind of a douche, and that I&#8217;ve got lots of other good, reliable (albeit less cool) people I could be spending my time with, I&#8217;ll defend him, but I won&#8217;t be able to explain why. You could call it &#8220;<a href="http://en.wikipedia.org/wiki/Stockholm_syndrome" target="_blank">Cupertino Syndrome</a>.&#8221;</p>
<p>On the one hand, this experience was incredibly infuriating, and on the other, it&#8217;s completely unsurprising. This is what Apple does, over and over again. Mac. iPod. iPhone. iMovie. You name it. When you buy into something Apple, you&#8217;re not only buying into that thing &#8211; you&#8217;re buying into a whole ecosystem of (sometimes really expensive) stuff to support it and to work well with it. And for most of the people, most of the time, <em>it does work well, </em>very well, in fact. And for many people &#8212; myself included &#8212; on the average, it&#8217;s worth it. By excluding so many features from their software, those features that <em>are included </em>are all the more easier to use. As an interaction designer (and a human), I appreciate this simplicity.</p>
<p>Now that I know the limitations of iMovie &#8216;09, I probably won&#8217;t use it again for doing any kind of substantial video editing. But I will always look back fondly on the good times we shared together, and appreciate him for all of the good qualities, such as learnability, a snazzy user interface and some cool visual effects.</p>
<p>And I thought I read somewhere  that they had a &#8216;Timeline&#8217; feature back in iMovie &#8216;06 &#8230;.</p>
]]></content:encoded>
			<wfw:commentRss>http://dangreenblatt.com/blog/2009/11/28/cupertino-syndrome/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Usability of Streaming Video Interfaces</title>
		<link>http://dangreenblatt.com/blog/2009/01/12/streaming-video-interfaces/</link>
		<comments>http://dangreenblatt.com/blog/2009/01/12/streaming-video-interfaces/#comments</comments>
		<pubDate>Mon, 12 Jan 2009 05:39:04 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[hulu]]></category>
		<category><![CDATA[netflix]]></category>
		<category><![CDATA[streaming]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://dangreenblatt.com/blog/?p=322</guid>
		<description><![CDATA[It&#8217;s all about Feedback
Feedback is important. Whether in the context of personal relationships, professional careers, or user interface design, it&#8217;s important for people to know how they&#8217;re doing and what&#8217;s going on in some one else&#8217;s head (or on some server). In fact, I can think of very few situations where more feedback would be [...]]]></description>
			<content:encoded><![CDATA[<h2>It&#8217;s all about Feedback</h2>
<p>Feedback is important. Whether in the context of personal relationships, professional careers, or user interface design, it&#8217;s important for people to know how they&#8217;re doing and what&#8217;s going on in some one else&#8217;s head (or on some server). In fact, I can think of very few situations where <em>more</em> feedback would be a bad thing. But two pop immediately to mind:</p>
<ol>
<li>Complex surgical techniques &#8211; I&#8217;d rather be knocked out and spared the detail of every artery being clipped or slice being made</li>
<li>Piloting an aircraft &#8211; It should be placating, but it always just annoys me more when the pilot tells me what the &#8220;folks in the tower&#8221; tell him.</li>
</ol>
<p>But in the world of streaming video, feedback is <em>definitely a good thing. </em>There&#8217;s nothing worse than catching only every other choppy word of your favorite Fall Out Boy music video, or having your screen freeze up on you as some ancient truth is to be revealed on the season finale of Lost. Streaming video services have adopted differing mechanisms to inform the user about status information which affects the video watching experience. I&#8217;ll look at three of them (<a href="http://www.hulu.com">Hulu</a>, <a href="http://www.netflix.com">Netflix</a> and <a href="http://www.youtube.com/watch?v=ZOU8GIRUd_g">YouTube</a>) here, and discuss which features are helpful, which are frustrating, and which make me wish that i&#8217;d stop being such a cheapskate and just get cable and hook up my damned television already so I don&#8217;t have to watch all my tv through the web <img src='http://dangreenblatt.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h2>Hulu</h2>
<p>The Hulu video streaming user interface is nice and simple. It&#8217;s got a play/pause button. The time elapsed and total time of the video are shown, and the current location in the video is handled visually by a lightly shaded bar filling up the timeline. Mousing over the timeline will show you what the timecode of that location is, and a click will then skip to that timecode (this is how seeking is handled, no fast forward or rewind buttons). Note the three white dots &#8211; they represent commercials &#8211; which are mandatory to watch. So, if I try to be sneaky and skip past one of the dots, then before starting playback at my requested location, it will stream any commercials I&#8217;ve skipped over.</p>
<p>This screenshot shows what the interface looks like while the video is playing:</p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/hulu-playin.png" rel="lightbox[322]"><img class="size-full wp-image-323 alignnone" style="border: 1px solid black;" title="Hulu - Video Playing" src="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/hulu-playin.png" alt="Hulu - Video Playing" width="412" height="235" /></a></p>
<p>Note that the timeline doesn&#8217;t actually give any indication of how much video has been stored up in memory; the only information you see is where the video is currently playing. When your network connection slows or you otherwise run out of buffered video, the video just starts choking, pausing and playing as more bandwidth becomes available, without giving any visual indicator to the user as to what&#8217;s going on and how to solve it. You could always pause the video:</p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/hulu-buffer.png" rel="lightbox[322]"><img class="size-full wp-image-326 alignnone" style="border: 1px solid black;" title="Hulu - Video Buffering" src="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/hulu-buffer.png" alt="Hulu - Video Buffering" width="422" height="187" /></a></p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/hulu-buffer-full.png" rel="lightbox[322]"><img class="alignright size-full wp-image-327" style="float: right; margin: 10px; border: 1px solid black;" title="Hulu - Buffer Full" src="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/hulu-buffer-full.png" alt="Hulu - Buffer Full" width="88" height="42" /></a></p>
<p>This screenshot shows what the video looks like in the <em>paused</em> state. Notice the icon that shows up on screenwhich indicates how much video has been buffered. In theory, this is a great feature, but in practice it ends up being very useful as the qualititative display gives no actual information as to the worth of each of those bars. Is each bar worth a a couple of seconds of video? A minute? When will it be &#8217;safe&#8217; to play? What does it mean when the buffer is full? The user interface does not provide the answer to any of these questions. Also, I kind of cringe at the use of the term <em>Buffer</em>, as it&#8217;s kind of a techy term.  Users aren&#8217;t idiots and I&#8217;m sure everyone knows what a buffer actually is, but it just seems like the kind of word that should appear in the code, not in the UI.</p>
<h2></h2>
<h2>YouTube</h2>
<p>Most people are probably pretty familiar with the YouTube interface (whether they&#8217;re conscious of it or not) so I won&#8217;t go into much detail about the user interface, other than to say that it&#8217;s actually quite similar to Hulu&#8217;s:</p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/youtube-playing.png" rel="lightbox[322]"><img class="size-full wp-image-328 alignnone" style="border: 1px solid black;" title="YouTube - Playing" src="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/youtube-playing.png" alt="YouTube - Playing" width="401" height="266" /></a></p>
<p>Play/pause button, click to seek.  The one feature in which the YouTube interface excels is that, unlike Hulu, it seems to buffer video by default, and not only when you have it paused. Also, this information is displayed clearly and unambiguously to the user in the form of a ghosted bar filling up the timeline as video is downloaded and buffered.</p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/youtube-buffering.png" rel="lightbox[322]"><img class="size-full wp-image-329 alignnone" style="border: 1px solid black;" title="YouTube - Buffering" src="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/youtube-buffering.png" alt="YouTube - Buffering" width="422" height="34" /></a></p>
<p>Note that this buffering-ahead happens both while the video is playing (above), and also while it is paused:</p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/youtube-paused.png" rel="lightbox[322]"><img class="size-full wp-image-330 alignnone" style="border: 1px solid black;" title="YouTube-Paused" src="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/youtube-paused.png" alt="YouTube-Paused" width="421" height="30" /></a></p>
<p>This affords a really nice use case of just putting the player on pause when your internet connection slows and waiting until the red bar has filled in substantially before resuming playback.</p>
<p>The one thing that&#8217;s really nifty about this visualization is that it it overlays three important pieces of information -how long the video is, where I currently am in the video, and how much future video has been downloaded &#8211; into one place and references them all in the same terms. Contrast this with Hulu&#8217;s representation of a buffer occupying a completel seperate and logically dislocated part of the screen from the timeline of the video progress.</p>
<p>Now &#8211; Hulu may actually be buffering video ahead while it is playing, but because it doesn&#8217;t give me any indicator of this (and seems to freeze up a lot more often than YouTube <img src='http://dangreenblatt.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  ), I have no reason to believe that it is looking out for me like YouTube does.</p>
<p>Similar to Hulu, but without the commercial interruptions, you can click anywhere in the timeline to seek and start playing from that point. If the video for that part has not yet been downloaded, it will start buffering from there:</p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/youtube-seeked.png" rel="lightbox[322]"><img class="size-full wp-image-331 alignnone" style="border: 1px solid black;" title="YouTube - Seeking" src="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/youtube-seeked.png" alt="YouTube - Seeking" width="421" height="19" /></a></p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/youtube-working.png" rel="lightbox[322]"><img class="alignleft size-full wp-image-332" style="margin-right: 10px; margin-left: 10px; float: left; border: 1px solid black;" title="YouTube-Working" src="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/youtube-working.png" alt="YouTube-Working" width="82" height="82" /></a>Finally, one last feature that is small but nice, and missing from Hulu, is the little icon that appears on the video to represent &#8220;I&#8217;ve run out of buffered video to play for you, but I&#8217;m working on it!&#8221; As a user, this shows me that the <em>system realizes what has happened here, </em>and is working hard to remedy the situation. In Hulu, when you run out of [invisible] buffered video, the playback just chokes. No courtesy indicator, nothing. Just Jack Donaghy frozen in midsentence, about to say something incredibly funny which will undoubtedly end up humiliating Liz Lemon in some subtle yet effective way.</p>
<h2></h2>
<h2>Netflix</h2>
<p>Of the three services I&#8217;ve covered in this post, Netflix is the only one that is paid, and I think that the robustness and intelligence of their video player reflects this premium.</p>
<p>First of, it does a series of checks  before even starting playback to determine, among other things, at what quality to play your video:</p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/netflix-determining.png" rel="lightbox[322]"><img class="size-full wp-image-333 alignnone" style="border: 1px solid black;" title="Netflix-Determing Video Quality" src="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/netflix-determining.png" alt="Netflix-Determing Video Quality" width="417" height="244" /></a></p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/netflix-checking.png" rel="lightbox[322]"><img class="size-medium wp-image-335 alignnone" style="border: 1px solid black;" title="Netflix - Checking INternet Connection" src="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/netflix-checking-300x187.png" alt="Netflix - Checking INternet Connection" width="421" height="263" /></a></p>
<p>I have no idea what it&#8217;s doing or how it&#8217;s working, but it&#8217;s using language I can understand (<em>i.e.</em> no talk of buffers and whatnot) and I get the overwhelming sense that this Netflix player knows what its doing and is going through a lot of trouble to ensure a good playback experience for me.</p>
<p>But it gets even better! Because it&#8217;s checked my internet connection, it can predict how much it must pre-buffer so that my video playback doesn&#8217;t run out and get choked up. And it communicates this to me in clear terms, and even tells me how long I&#8217;ll have to wait until everything is sorted out:</p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/netflix-tooslow.png" rel="lightbox[322]"><img class="size-full wp-image-336 alignnone" style="border: 1px solid black;" title="Netflix-Too Slow" src="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/netflix-tooslow.png" alt="Netflix-Too Slow" width="421" height="121" /></a></p>
<p>I really like the fact that Netflix quanitifies this wait time for me. I can decide now whether I want to go make some popcorn, check the news, or use the bathroom!</p>
<p>The only complaint that I really have with the Netflix client is around this initial check. If it deems that you have a slow connection then it decides that it will give you a low quality feed, and there is no feedback as to what quality this feed is or a choice to bump up to a higher-quality feed &#8211; say, after you close down network-hogging applications or shut off other computers which may be using some bandwidth. While I appreciate the fact that the player makes a lot of complex decisions on my behalf, it&#8217;s also rather annoying to be locked into a low-quality (almost un-watchable) feed when I&#8217;d much rather be given the choice to wait for a higher-quality feed to start buffering up.</p>
<p>The real forte of the Netflix video playback client is its ability to make bandwidth calculations (on the backend) and the thoughtfulness with which it keeps the user informed (on the front end) of what&#8217;s gone wrong and how long he or she will have to wait until it&#8217;s righted. There&#8217;s lots of examples within the Netflix player of these kinds of super-informative messages which provide <em>multiple modes of representation</em> of it&#8217;s current state:</p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/netflix-slowed.png" rel="lightbox[322]"><img class="size-full wp-image-338 alignnone" style="border: 1px solid black;" title="Netflix - Connection Slowed" src="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/netflix-slowed.png" alt="Netflix - Connection Slowed" width="427" height="114" /></a></p>
<p>If your bandwidth drops suddenly and throws off Netflix&#8217;s initial calculation of how much video needs to be pre-buffered to ensure a seamless watching experience, the above dialog is displayed. This shows the amount buffered both as a visual representation and as a percentage done, and also shows the estimated start time as a numerical value (time) which actually has some worth in human terms!</p>
<p>And like YouTube, Netflix will buffer ahead when the video is paused, though the representation is somewhat subtle:</p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/netflix-buffer.png" rel="lightbox[322]"><img class="alignnone size-full wp-image-339" style="border: 1px solid black;" title="Netflix - Buffer" src="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/netflix-buffer.png" alt="Netflix - Buffer" width="436" height="46" /></a></p>
<p>Theoretically, if they did their calculations properly in the first part , then this extra buffering is somewhat superfluous, but it comes for free and is a good feature to have in case of unexpected bandwidth fluctuations.</p>
<h2>Conclusion</h2>
<p>Of the three playback interfaces, I think that Netflix is by far the most informative, the most flexible, and handles best in a variety of network conditions. I guess you get what you pay for <img src='http://dangreenblatt.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  . </p>
<p>Here are the features that make a video streaming user interface great:</p>
<p><strong>Buffer ahead </strong>- the system should always be trying to buffer more video, whether the video is currently playing or in a paused state. The paused buffer-ahead feature makes it easy for the user to adjust to poor network conditions.</p>
<p><strong>Make state visible</strong> - if the system is buffering ahead, make sure that this is visible to the user. The buffering information should use the same visual representation as the timeline.  Also, it is important for the system to indicate when it is working so the user doesn&#8217;t feel left in the dust when the video freezes up. This translates to a kind of empathy for the user and tells them<em> &#8221;i know things are f-ed up right now, user, and i&#8217;m trying to fix it&#8221;</em>.</p>
<p><strong>Show actionable information </strong> - it is important that the information displayed to the user is understandable and actionable. <em>e.g.</em> the system could display the amount of time left in the buffer as a shade of color from blue to green but this is meaningless to the user. When this information is put into minutes and seconds, the user can decide whether there&#8217;s enough time to get a snack, leave the room, etc.</p>
<p><strong>Use relevant terms &#8211; </strong>use words and phrases a user will understand, and state any information in a manner that is relative to video-watching. The benefits of using relevant terms goes beyond just understandability; it can actually create a sense that the system is looking out for and taking care of the user throughout the experience.</p>
]]></content:encoded>
			<wfw:commentRss>http://dangreenblatt.com/blog/2009/01/12/streaming-video-interfaces/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>This American Life Podcast</title>
		<link>http://dangreenblatt.com/blog/2009/01/09/this-american-life-podcast/</link>
		<comments>http://dangreenblatt.com/blog/2009/01/09/this-american-life-podcast/#comments</comments>
		<pubDate>Fri, 09 Jan 2009 22:41:55 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[iPod]]></category>
		<category><![CDATA[npr]]></category>
		<category><![CDATA[podcase]]></category>
		<category><![CDATA[radio]]></category>
		<category><![CDATA[ted]]></category>
		<category><![CDATA[ted talks]]></category>
		<category><![CDATA[this american life]]></category>

		<guid isPermaLink="false">http://dangreenblatt.com/blog/?p=304</guid>
		<description><![CDATA[
In an effort to be a non-wasteful, environmentally-conscious individual, I recently decided that I would not buy a new iPod touch if my old iPod &#8212; my very old iPod &#8212; was still working. Unfortunately, it is   It doesn&#8217;t have touch (well, barely, if you count the touch wheel), and it doesn&#8217;t have [...]]]></description>
			<content:encoded><![CDATA[<div style="float: left;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/ipod.jpg" rel="lightbox[304]"><img class="size-full wp-image-305 alignleft" title="iPod Touch Wheel" src="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/ipod.jpg" alt="iPod Touch Wheel" width="168" height="194" /></a></div>
<p>In an effort to be a non-wasteful, environmentally-conscious individual, I recently decided that I would not buy a new iPod touch if my old iPod &#8212; my very old iPod &#8212; was still working. Unfortunately, it is <img src='http://dangreenblatt.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  It doesn&#8217;t have touch (well, barely, if you count the touch wheel), and it doesn&#8217;t have Wi-Fi connectivity. Hell, it doesn&#8217;t even have a dock connector! But it&#8217;s swell-looking, feels good in the palm, kind of has a retro vibe to it (circa 2003), and I must admit to a bit of vanity here &#8211; I&#8217;m kind of psyched that I got on the iPod bandwagon before Apple become such a phenom and iPods were relegated to a commodity, like a toaster or walkman.<em></em></p>
<p>So I thought I&#8217;d dig it out of the shoebox where it&#8217;s been resiging for the past year or so, and put it back into rotation. I admit that nowadays, in the age of <a href="http://www.pandora.com">Pandora </a>and<a href="http://www.last.fm"> Last.fm</a> I don&#8217;t use iTunes very much any more. When I do, it&#8217;s just to play music that I&#8217;ve uploaded to my library. But I decided that it&#8217;d be great to listen to Podcasts on the walk to and from work.</p>
<p>I&#8217;ve listened to almost all of the <a href="http://www.ted.com/index.php/">TedTalks</a> which are absolutely incredible and inspiring (audio podcast <a href="http://feeds.feedburner.com/tedtalks_audio">here</a>), so I thought I&#8217;d poke around the interwebs for something new. I really listening to NPR, and one of my favorite shows there is <a href="http://www.thislife.org">This American Life</a>. I just assumed that they would have a podcast, so I did a search on it in the iTunes Music Store. Sure enough there was a <a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=201671138">podcast</a>, which was free to subscribe to (you have to pay for back-episodes!).</p>
<p>I subscribed, and as iTunes always does, it started to downloaded the latest episode. But I was confused when, upon repeatedly pressing the refresh button, no new episodes appeared &#8211; just the most recent one (called <em>#88: Numbers</em>)</p>
<blockquote>
<p style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/tal-numbers.png" rel="lightbox[304]"><img class="aligncenter size-full wp-image-306" title="Only one episode!" src="http://dangreenblatt.com/blog/wp-content/uploads/2009/01/tal-numbers.png" alt="Only one episode!" width="496" height="277" /></a></p>
</blockquote>
<p>, dated January 5th, 2009. Was there an error? Was something wrong with iTunes? Was something wrong with the internet? NPR is usually at the forefront of embracing new kinds of media, and I figured that podcasts are somewhat old-hat by now, surely this isn&#8217;t the first one they&#8217;ve put out, but this is the only one showing up in this This American Life podcast <a href="http://feeds.thisamericanlife.org/talpodcast">feed</a>. I wonder if this is a cost-saving measure, or to encourage people to pay for previous episodes? Either way, it&#8217;s understandable. According to a post on the <em>TAL</em> website:</p>
<blockquote><p><span class="update-body">Last week, the economic crisis that we’ve been reporting on hit especially close to home.  A dozen colleagues from our home radio station, WBEZ Chicago, had to be laid off.  It costs the radio station around $150,000 per year just for the internet bandwidth to deliver the free podcast and web stream of <span style="font-style: italic;">This American Life</span>. That’s not staff. Not computers. Just the bandwidth.</span></p></blockquote>
<p><span class="update-body"><em>Wow!</em> That&#8217;s a lot of money.</span></p>
<p>Even if there&#8217;s only one show available at a time, I consider it a gift and I&#8217;m so very excited to get to listen to <em>TAL</em> podcasts on the walk into work on my very old iPod. I plan on donating at least a couple of dollars so that they can keep this effort going; unsurprisingly. tough times hits public radio extra hard.</p>
]]></content:encoded>
			<wfw:commentRss>http://dangreenblatt.com/blog/2009/01/09/this-american-life-podcast/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Review: Kinoma Play Mobile Media Browser</title>
		<link>http://dangreenblatt.com/blog/2008/09/05/review-kinoma-play/</link>
		<comments>http://dangreenblatt.com/blog/2008/09/05/review-kinoma-play/#comments</comments>
		<pubDate>Fri, 05 Sep 2008 05:34:19 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[Mobile Technology]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[kinoma play]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[windows mobile]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://dangreenblatt.com/blog/?p=120</guid>
		<description><![CDATA[
I&#8217;ve had the chance to spend some time fiddling with the new Kinoma Play Mobile Media Browser, and I&#8217;m pretty blown away. This product delivers on the promise of being a mobile media powerhouse to the maximum extent that any device with a 2.5&#8243; screen clunking along on a 2.5G network can deliver a &#8220;powerful&#8221; [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" style="float: left; margin: 20px;" src="http://kinoma.com/img/kinoma-logo.png" alt="Kinoma logo" width="180" height="33" /></p>
<p>I&#8217;ve had the chance to spend some time fiddling with the new <a href="http://kinoma.com/play/" target="_blank">Kinoma Play</a> Mobile Media Browser, and I&#8217;m pretty blown away. This product delivers on the promise of being a mobile media powerhouse to the maximum extent that any device with a 2.5&#8243; screen clunking along on a 2.5G network can deliver a &#8220;powerful&#8221; multimedia experience. Sorry iPhone users &#8211; Kinoma only works on Windows Mobile 5+ (Oh come on &#8230;. stop whining &#8230;. like you don&#8217;t have enough to be psyched about. Can&#8217;t I have just this one thing to feel special about? Just this one?). It&#8217;s not free, but at $30, it&#8217;s well worth the investment.</p>
<h2>Overview</h2>
<p>Basically,  Kinoma Play is an aggregator for all the multimedia content you care about, including content you&#8217;ve captured with the device, your content you&#8217;ve uploaded to web-based services, content that&#8217;s stored on your PC, and the whole universe of other content out there in the form of YouTube videos, podcast directories, and streaming internet radio. The breadth and depth of content accessible from this one application is really impressive.</p>
<p>And it manages to deliver this huge amount of content in an intuitive fashion, making it easy to navigate through, and providing search across an individual service (i.e. Flickr) or an aggregated view mixed-type content from different sources (via the Kinoma Guide). The information architecture of the app is very clean, elegant, and easily understandable, as it&#8217;s visible from the first screen you see when you start up:</p>
<div style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot001.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-148" title="Home screen" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot001.bmp" alt="" /></a> <br />
<em>The Kinoma Play home screen</em></div>
<p> </p>
<p>So you&#8217;ve got your own media files (<em>My Media Files</em>), a curated list of podcasts, radio stations, books, etc. organized by genre (<em>Kinoma Guide</em>) , the ability to search any individual service or the guide (<em>Search</em>), a list of services each with their own landing page and special features (<em>Services</em>), and (not shown) access to a history of items you&#8217;ve viewed (<em>History</em>) and things you&#8217;ve earmarked as a favorite (<em>Favorites</em>).</p>
<p> </p>
<h2>Kinoma Guide </h2>
<p>The Kinoma Guide, as far as I can tell, is an aggregated portal which provides access publicly available podcast directories scattered across the web. In addition to bringing it all to one place, Kinoma does a good job of organizing these podcasts by theme, which makes it much easier to browse and discover new feeds you didn&#8217;t know about:</p>
<div style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot021.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-131" title="Kinoma Guide" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot021.bmp" alt="" /></a><br />
<em>Kinoma Guide organized by theme</em></div>
<p>I&#8217;ve listened to a lot of podcasts from throughout the guide. Sometimes the streaming can be a bit choppy, but if you catch it in a good mood, it&#8217;s very smooth.</p>
<p> </p>
<h2>Local Media Files</h2>
<p>How does Kinoma handle my local media files?:</p>
<div style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot002.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-141" title="My media" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot002.bmp" alt="" /></a><br />
<em>My Media Files </em></div>
<p> </p>
<p>The first time you start the Kinoma, it scans the device for movies and pictures and indexes these for search. Why is this useful? Because the Kinoma media player is better than the native one on WinMo. It&#8217;s got a really nice pan and zoom interface that indicates what part of the photo you&#8217;re zoomed in on:</p>
<div style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot039.jpg" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-155" title="Pan" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot039-300x225.jpg" alt="" width="300" height="225" /></a><br />
<em>Zoomed in photo with overview showing focused area</em></div>
<p> </p>
<h2>Uploading Content</h2>
<p>Also, Kinoma enables seamless upload via services you&#8217;ve registered  with the device and via email accounts you&#8217;ve registered with Windows Mobile&#8217;s mail application:</p>
<div style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot033.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-152" title="Choose destination" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot033.bmp" alt="" /></a><br />
<em>Kinoma lets you send content to a specific service, or via an email account registered with Windows</em></p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot040.jpg" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-156" title="Flickr upload options" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot040-300x225.jpg" alt="" width="300" height="225" /></a><br />
<em>Kinoma Flickr upload interface provides an throughtfully trimmed down set of options</em></p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot035.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-153" title="Send Mail" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot035.bmp" alt="" /></a><br />
<em>Kinoma has it&#8217;s own mail UI, and doesn&#8217;t even punt you to you to the system&#8217;s mail UI. Talk about full vertical integration!</em></div>
</div>
<p> </p>
<h2>Service Integration</h2>
<p>Kinoma supports <em>lots</em> of different services, making for a really rich ecosystem of  content comprised of user-generated content, literature, recorded lectures, public radio,  commercial radio &#8230; you name it, they&#8217;ve got it. Included in the services screen is Audible, Flickr, iDisk, Live365, Orb, Shoutcast, and YouTube.</p>
<div style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot011.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-133" title="Service list" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot011.bmp" alt="" /></a><br />
<em>A list of services accessible from Kinoma</em></div>
<p style="text-align: left;"> </p>
<p style="text-align: left;">Note that you can actually <em>search</em> a superset of services which are listed in the &#8220;Services&#8221; screen shown above:</p>
<div style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot003.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-146" title="Search services" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot003.bmp" alt="" /></a><br />
<em>Search different services</em></p>
<p />
<p><a href='http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot004.bmp' rel="lightbox[120]"><img src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot004.bmp" alt="" title="Search Flickr" class="aligncenter size-medium wp-image-142" /></a><br />
<em>Pop-up search box is used consistently throughout the UI</em></div>
<p></p>
<h2> <br />
 Example: Flickr Support</h2>
<p>For example, Google Images appears as a search-able option, but doesn&#8217;t appear in the &#8220;Services&#8221; tab. I think this means that it&#8217;s &#8216;read-only&#8217;; you can&#8217;t register your Picasa account with Kinoma the same way you can register your Flickr account and upload to Flickr directly from within Kinoma. So let&#8217;s see what accessing Flickr is like from the Kinoma client. Here&#8217;s what happens after I&#8217;ve registered my Flickr account with Kinoma (b.t.w. it automatically issues a request to Flickr and pops up the mobile browser for you to authenticate &#8211; convenient!):</p>
<div style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot012.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-136" title="Flickr control panel" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot012.bmp" alt="" /></a><br />
<em>Flickr control panel</em></div>
<p style="text-align: left;"> </p>
<p style="text-align: left;">It&#8217;s possible to search right from a pop-up box, or I can access my account on Flickr: photos I&#8217;ve uploaded, groups I belong to, photos I&#8217;ve favorited, etc.They&#8217;ve done a good job of paring down all the possible use cases to the ones that would be most important.</p>
<p style="text-align: left;">I can access all the public feeds available on the Flickr site (and accessible through their API):</p>
<div style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot028.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-139" title="Flickr public feeds" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot028.bmp" alt="" /></a><br />
<em>Leveraging Flickr&#8217;s public API</em></div>
<p style="text-align: left;"> </p>
<p style="text-align: left;">Here, I&#8217;ve dug through &#8220;My Photos&#8221; to get to my photo sets, which Kinoma dynamically queries Flickr for and pulls them down, displaying them in a format optimized for my device:</p>
<div style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot027.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-149" title="Flickr - my sets" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot027.bmp" alt="" /></a><br />
<em>My Flickr sets</em></div>
<p> </p>
<p>And now, in slideshow mode, looking at multiple photos in a set:</p>
<div style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot019.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-127" title="Slideshow controls" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot019.bmp" alt="" /></a><br />
<em>Browsing through photos in full-screen mode</em></div>
<p> </p>
<p>The cool thing that comes out of Kinoma knowing all about Flickr and what it&#8217;s capabilities are, is that I can edit my photos&#8217; metadata on Flickr right from within the Kinoma app without having to visit the Flickr web page. These are accessible from a content menu (right soft key):</p>
<div style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot024.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-144" title="Flickr contextual options" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot024.bmp" alt="" /></a><br />
<em>Context menu lets you perform Flickr-specific operations</em></div>
<p> </p>
<h2>Responsiveness and Feedback</h2>
<p>Now, in the course of drilling down from Flickr -&gt; My Photos -&gt; My Sets -&gt; &lt;Some Set&gt; -&gt; &lt;Some Photo in Set&gt;, there is a lot of network activity going on. Although Kinoma does a good job of caching content (I&#8217;ve noticed some performance increase the second time i perform an operation), to provide the best possible experience, it is dynamically pinging Flickr&#8217;s API to get the most up-to-date info. This is not as seamless as I&#8217;d like it to be (can the internet ever be fast enough?!? <img src='http://dangreenblatt.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  ), as my device is running over T-Mobile&#8217;s data network &#8230; yet  don&#8217;t get nearly as frustrated as I would get, if Kinoma didn&#8217;t do an incredible job of providing <strong>feedback</strong> to the user as to <strong>what is currently going on.</strong></p>
<p>From an interaction design perspective, I find it phenomenal that they&#8217;ve (<em>i.e.</em> the Kinoma developers / designers) given as much attention as they have to providing user feedback for each and every operation that the user requests. The use a semi-transparent status box at the bottom of the screen to relay information to the user, and a series of  informative status messages (&#8221;Buffering 70.2K&#8221;, &#8220;Loading&#8221;) make sure that the user is not left scratching their head in confusion or worse, banging their phone in frustration:</p>
<div style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot018.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-122" title="Buffering full screen view" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot018.bmp" alt="" /></a><br />
<em>Fetching the full resolution photo</em>  </p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot010.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-123" title="Fetching next page" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot010.bmp" alt="" /></a><br />
<em>Connecting to Google Photos to find an additional page of friggin&#8217; adorable puppies</em></p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot005.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-138" title="Search Flickr - measuring bandwidth" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot005.bmp" alt="" /></a><br />
<em>I don&#8217;t even know what this one means, but it makes me feel good that Kinoma is doing it for me!</em></p>
<p> <br />
 <br />
<a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot006.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-134" title="Photos loading" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot006.bmp" alt="" /></a><br />
<em>Placeholder indicates there is one more puppy invited to this party</em></p>
</div>
<p> </p>
<h2>Navigation and Context Menus</h2>
<p>I want to spend a bit of time talking about  navigation through the Kinoma app, and the contextual menu system. As you can see in the screenshot above, the left soft key (LSK) is mapped to back. It always goes to the back screen. One thing Kinoma does nicely is to provide smooth transitions between screens, so that you don&#8217;t blink, then all of a sudden forget where you are. This is a very subtle effect, but well executed, aesthetically pleasing, and useful: </p>
<div style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot015.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-140" title="Screen transition" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot015.bmp" alt="" /></a><br />
<em>One screen slides out, the next screen slides in. Fancy stuff.</em></div>
<p> </p>
<p style="text-align: left;">The RSK brings up the options menu. As options menus tend to work, the options displayed are contextually relevant. One thing Kinoma does nicely that most mobile OSs don&#8217;t do, is that the options are grouped not with horizontal dividers, but actually physically seperated into tabs, based on scope and function:</p>
<div style="text-align: center;"><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot026.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-126" title="Media generic options" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot026.bmp" alt="" /></a><em><br />
</em>    </p>
<p><a href="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot025.bmp" rel="lightbox[120]"><img class="aligncenter size-medium wp-image-125" title="Photo options - service-agnostic" src="http://dangreenblatt.com/blog/wp-content/uploads/2008/09/sshot025.bmp" alt="" /></a><br />
<em>Context menu tabbed interface</em></p>
</div>
<p> </p>
<p>While my mental model of how the options menus are organized isn&#8217;t fully baked, here&#8217;s my working assumptions. Actions in the first tab (<em>Media</em>) are media agnostic; they can be performed on media no matter where it&#8217;s from and what it is. Stuff in the second tab (<em>Settings</em>) has to do with overall settings of the Kinoma app. Stuff in the third tab here (<em>Flickr) </em>is specific to whatever service the content is hosted on (see Flickr menu above which shows Commenting and Add Tags). Stuff in the fourth tab has to do specifically with the media type and how it can be used locally on the device (&#8221;Set as Background&#8221;, &#8220;Set Contact Picture&#8221;). In addition to this thoughtful organization scheme, the context menus have a nice animation; they seem to spring out of the RSK and also do a 3D-rotatey-thing when you swap between tabs. I appreciate this kind of gratuitous fun (I&#8217;m easily amused)!</p>
<h2>Conclusion</h2>
<p>I&#8217;ve only been using Kinoma for a short amount of time, and haven&#8217;t had very many problems so far. Sometimes the network is slow, and podcasts fail all together or come in choppy, but this is probably T-Mobile&#8217;s fault and not Kinoma&#8217;s. One problem I do consistently run into though, is that when the network fails once (i.e. when I&#8217;m in an elevator), the Kinoma app won&#8217;t be able to get a handle on the network, even if the phone does have reception, and I continually get a &#8220;No Network Interface&#8221; error until I restart the app. The ironic thing here is that when you receive this error, the RSK is mapped to what looks like an &#8216;envelope&#8217; icon. Pressing this will automatically format an error report of what went wrong and send it presumably back to Kinoma. Great idea, but doesn&#8217;t work so well when the error you&#8217;ve received is &#8220;No Network Interface.&#8221; A+ for effort though &#8211; great idea, and I&#8217;m sure that over time this will result in a higher rate of bug squashing.</p>
<p>Something else I&#8217;m concerned about is the battery life. It seems to degrade more rapidly than normal when Kinoma app is running (taking up 7 or so MB or RAM!), even if it&#8217;s not actually playing anything. To compound this, I don&#8217;t see a way to exit from within the application; instead I need to go to Task Manager and &#8220;End Task&#8221; from there. That seems rather klugey, especially if battery life is an issue, as it always is on a mobile device. </p>
<p>All said, this is a <strong>great product</strong>, well-worth the cost, and I look forward to filling all those ten-minute spans of downtime in my days with TED Talks, This American Life, and whatever meme happens to be bouncing around YouTube at the time.  </p>
<p> </p>
]]></content:encoded>
			<wfw:commentRss>http://dangreenblatt.com/blog/2008/09/05/review-kinoma-play/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>FotoViewr: Gorgeous embeddable photo galleries in less than ten seconds</title>
		<link>http://dangreenblatt.com/blog/2008/07/28/fotoviewr-gorgeous-embeddable-photo-galleries-in-less-than-ten-seconds/</link>
		<comments>http://dangreenblatt.com/blog/2008/07/28/fotoviewr-gorgeous-embeddable-photo-galleries-in-less-than-ten-seconds/#comments</comments>
		<pubDate>Mon, 28 Jul 2008 23:16:19 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[photos]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://dangreenblatt.com/blog/?p=37</guid>
		<description><![CDATA[Fotoviewr is an online service that lets you create gorgeous 3d photo galleries from your Flickr photos in about ten seconds flat. In literally eight mouse clicks (and a couple keystrokes), you go from not having any photos on your blog or web page (or having lame two dimensional photos that don&#8217;t even obey the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.fotoviewr.com" target="_blank">Fotoviewr</a> is an online service that lets you create gorgeous 3d photo galleries from your Flickr photos in about ten seconds flat. In literally eight mouse clicks (and a couple keystrokes), you go from not having any photos on your blog or web page (or having lame two dimensional photos that don&#8217;t even obey the rules of physics &#8211; nasty! i think i just puked in my mouth a little) to having this:</p>
<div style="width: 425px;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="340" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="id" value="FotoViewr2" /><param name="align" value="middle" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="flashvars" value="USER_ID=54256012@N00&amp;STYLE=2&amp;PHOTOSET_ID=72157604977970965" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><param name="src" value="http://www.fotoviewr.com/FotoViewr.v2.swf" /><embed id="FotoViewr2" type="application/x-shockwave-flash" width="425" height="340" src="http://www.fotoviewr.com/FotoViewr.v2.swf" bgcolor="#000000" quality="high" flashvars="USER_ID=54256012@N00&amp;STYLE=2&amp;PHOTOSET_ID=72157604977970965" allowfullscreen="true" allowscriptaccess="always" align="middle"></embed></object>   </p>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px; text-align:center;"><a href="http://www.fotoviewr.com/">FotoViewr &#8211; Create your 3D photo gallery</a></div>
</div>
<p>Some really nice features of FotoViewr are the ability to choose from six different foto space visualizations (Wall, Horizon, Carousel, Floor, Pile, Flow), the ease-of-use of creation (I can&#8217;t stress how easy to use it is. My cat created a photo set accidentally one time by stepping on the keyboard!), and embedding options which include chunks of HTML suitable for blog or web page (shown above), or a Facebook application.</p>
<p>I think that they could have added a lot more gratuitous features, but I&#8217;m glad that they didn&#8217;t. I&#8217;m all about software that does one thing, and does it well, and for FotoViewr, that one thing is &#8220;making people drool when they look at my photos.&#8221; Regardless of which visualization you use, the presentation of the photos is visually rich, engaging, and playful, and can make even the lamest photos look good.</p>
<p>If I had to ask for three improvements, I would say:</p>
<p>1) Higher resolution rendering of photos &#8211; sometimes the photos look a bit grainy<br />
2) The ability for the user (i.e. the fotoviewr viewr <img src='http://dangreenblatt.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  ) to change the visualization mode, instead of / in addition to this being up to the person who creates the gallery.<br />
3) The ability to see titles associated with each photo. The &#8217;showing metadata&#8217; slope is a slippery one (e.g. but what about tags?!?) but I draw the line at title. While tags are nice for organizing photos, in this scenario, I think that seeing the title of the photos could add a lot of value.</p>
<p>Overall, this is a fantastic tool (and fantastically free!) for showing off your photos &#8211;  I&#8217;ll definitely be keeping an eye on it for more exciting visualizations / embedding options to come.</p>
]]></content:encoded>
			<wfw:commentRss>http://dangreenblatt.com/blog/2008/07/28/fotoviewr-gorgeous-embeddable-photo-galleries-in-less-than-ten-seconds/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
