<?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/"
	>
   <channel>
      <title>unraveled</title>
      <dc:creator>Joshua Kaufman</dc:creator>
      <link>http://unraveled.com/</link>
      <description>Joshua Kaufman&apos;s Personal Website</description>
      <language>en</language>
      <copyright>Copyright 2010</copyright>
      <lastBuildDate>Thu, 13 May 2010 13:49:27 -0800</lastBuildDate>
      <generator>http://www.sixapart.com/movabletype/?v=5.01</generator>
      <docs>http://blogs.law.harvard.edu/tech/rss</docs> 
      
      <item>
         <title>Deactivating Facebook, Reactivating Facebook</title>
         <dc:creator>Joshua Kaufman</dc:creator>
         <description>My one resolution for 2010 is to only do things that feel good and right. Last night, as part of that resolution I deactivated my Facebook account. It wasn&apos;t an action I took lightly, but it was something that I felt like I needed to do.</description>
		 <content:encoded><![CDATA[<h3>Deactivating Facebook</h3>

<p>My one resolution for 2010 is to only do things that feel good and right. Last night, as part of that resolution I deactivated my Facebook account. It wasn&#8217;t an action I took lightly, but it was something that I felt like I needed to do.</p>

<p>By the end of 2009, I was making several visits to Facebook a day. I&#8217;d have a moment of downtime during lunch, in between meetings, after dinner or before sleep, and Facebook was the first site that would come to mind. I&#8217;d hit the site, and of course I&#8217;d have to click through all of my notifications and see what comments people had left on my posts. <em>Read, comment.</em> And why not check the news feed? <em>Read, comment, like</em> In addition to the times I&#8217;d visit Facebook on my own, throughout the day I&#8217;d receive an occasional message or event invite via the site. <em>Read, mark as attending, reply.</em> And oh while I&#8217;m here, let&#8217;s check the news feed again. <em>Read, comment, like.</em></p>

<p>(On Facebook, you can get notifications for a lot of things, but I didn&#8217;t really use Facebook apps, so I generally only received notifications when someone commented or liked one of my posts or when someone commented or liked a post that I also commented on. If you put a lot into it, you get a lot out of it. And me, I was putting a lot into it. Beyond simply commenting and liking news feed posts, I was posting updates and links almost daily. So the influx of notifications I received with every visit was mostly my own doing.)</p>

<p>I was probably spending at least an hour a day on Facebook. That&#8217;s 7 hours a week, 28 hours a month - and at least <em>two weeks a year</em>.** I&#8217;m not a terribly busy person but I personally find that to be a huge chunk of my time.</p>

<p>I realize that many people have no issues spending this amount of time browsing, commenting and liking on Facebook. While writing this entry, I asked a friend of mine how much time she spent on Facebook, and she answered &#8220;maybe an hour or two.&#8221; But she couldn&#8217;t use it at work.</p>

<p>I also realize that many people find Facebook entertaining, useful and/or valuable. I sometimes found it entertaining, useful and valuable as well. But many more things didn&#8217;t feel right: the compulsion to visit the site several times a day, the endless yammering, the &#8220;likes,&#8221; the dating ads, the distorted idea of &#8220;privacy&#8221; that Facebook promotes, the lack of control I felt when using the site.</p>

<p>I had a few options: I could post and comment on Facebook less, I could login less, or I could deactivate my account. Posting to Facebook less was easier. Restraining myself from commenting was hard. Logging in less was harder. In short, I couldn&#8217;t change my activity on my own, so I needed external moderation. Deactivating my account was really easy, and it would automatically keep me from logging in, posting and commenting. My plan is to keep my account deactivated for at least rest of January, watch how often I try to use Facebook (and for what reason), see if I miss it - or see if I forget about it - and then go from there.</p>

<p>Facebook isn&#8217;t just a website anymore. It&#8217;s become part of our lives. And like anything in our lives, especially something that we spend so much time using, it deserves a critical evaluation. I hope to reactivate my account someday, but next time I visit I want to feel better about my experience there. I want it to feel right.</p>

<hr />

<p>** Some may be asking, &#8220;<a href="http://twitter.com/wendyness/status/7288561886">What about Twitter</a>.&#8221; I feel like I have more control over my Twitter experience, mainly because Twitter only has a stream. It&#8217;s really just updates, mentions and an occasional direct message. No &#8220;friends,&#8221; no mysterious news feed, no notifications, no photos, and not a million other things have no need for. As a result, I spend much less time on Twitter, and the time I do spend there feels more valuable.</p>

<hr />

<h3>Reactivating Facebook</h3>

<p>For folks who weren&#8217;t following along, I deactivated Facebook back in January because I felt like it was slowly taking over my life. Basically, I wanted to prevent myself from being able to immediately logging in and using the site. It worked, and I didn&#8217;t use Facebook at all for a little over three weeks.</p>

<p>I&#8217;m proud to say that I use Facebook significantly less now. Essentially, I only use it as an extended address book and to RSVP for events as it&#8217;s practically become the de facto standard for events and invites. </p>

<p>A few services I use (Tumblr, Netflix and YouTube to name a few) still automatically post to Facebook on my behalf, which I&#8217;m okay with because I don&#8217;t ever have to worry about comment notifications on these posts. In fact, I don&#8217;t ever have to worry about comment notifications on any post because I&#8217;ve <em>turned off commenting</em>. If you want to reduce the time you spend on Facebook without deactivating your account, turning off commenting on your posts is probably my top suggestion. (As a sidenote, I tried disabling my wall for a short period of time, but I felt like that was going a little too far. Visiting a profile without a wall feels like visiting a site without a home page; I re-enabled it shortly afterwards.)</p>

<p>It&#8217;s hard not to pass through Facebook without at least glancing at the News Feed, which I&#8217;ve done on several occasions. I think I&#8217;ve read a small handful of posts and have left two comments. Overall, my 1+ hours a day has been reduced to a few minutes a day at the most. I&#8217;d say that&#8217;s a very good thing.</p>

<p>I feel like I can say that it&#8217;s a good thing because I don&#8217;t miss it at all and the little interaction I have with the site feels much healthier. If you do miss Facebook when you don&#8217;t use it, and you enjoy the time you spend on there, that&#8217;s great. But I would ask you to take a more critical look at your experience on Facebook and ask yourself, despite how entertaining it might seem in the moment, does it truly feel good and right?</p>

<hr />

<p><a href="http://also.unraveled.com/post/317822508/deactivating-facebook">Deactivating Facebook</a> and <a href="http://also.unraveled.com/post/458283524/reactivating-facebook">Reactivating Facebook</a> were originally published in January 2010 and March 2010 on my tumblelog, also unraveled.</p>
]]></content:encoded>
         <link>http://unraveled.com/archives/2010/05/deactivating-facebook-reactivating-facebook</link>
         <guid>http://unraveled.com/archives/2010/05/deactivating-facebook-reactivating-facebook</guid>
         <category>Politics</category>
         <pubDate>Thu, 13 May 2010 13:49:27 -0800</pubDate>
         <wfw:commentRSS>http://unraveled.com/archives/2010/05/deactivating-facebook-reactivating-facebook.xml</wfw:commentRSS>
      </item>
      
      <item>
         <title>The crux of the switch</title>
         <dc:creator>Joshua Kaufman</dc:creator>
         <description>Before Apple introduced the Mac OS X application switcher, a small software company name Proteron created LiteSwitch X, which works almost identically to Apple&apos;s version, except for one critical detail.</description>
		 <content:encoded><![CDATA[<p>It&#8217;s almost hard to imagine Mac OS X without a good application switcher. But previous to OS X 10.3, that was just the case. Back in 2003, <a href="http://unraveled.com/archives/2003/10/liteswitch-x" _mce_href="http://unraveled.com/archives/2003/10/liteswitch-x">I summarized why the previous application switcher was so poor</a>:</p>

<blockquote>
  <p>To switch the active application in 10.2, you hit Command-Tab and a highlighted dock icon told you which application was selected. It worked, but it had problems. The biggest of which occurred when open applications were separated by several unopened applications on the dock. When this happened, the highlight skipped across these unopened applications in a seemingly unpredictable manner because almost no one could remember exactly which applications were open and which applications where closed.</p>
</blockquote>

<h3>A Better Switcher</h3>

<p>In 2001, a small software startup named Proteron <a href="http://web.archive.org/web/20020802103532/www.proteron.com/liteswitchx/" _mce_href="http://web.archive.org/web/20020802103532/www.proteron.com/liteswitchx/">announced LiteSwitch X</a>, an OS X update to its popular OS 9 keyboard application switcher. LiteSwitch was essentially a Mac implementation of the Alt-Tab switcher found in Windows, but with an additional slew of features including drag and drop support, closing multiple applications and windows layering control. I was unsatisfied with the 10.2 application switcher and started using LiteSwitch X soon after buying my first Mac.</p>

<p><img alt="LiteSwitchX" src="http://unraveled.com/archives/archives/assets/images/2010/liteswitch-x.jpg" width="450" height="85" /></p>

<p>Apple caught up to Proteron in OS X 10.3 and introduced its own application switcher albeit with significantly less features than LiteSwitch X. Apple&#8217;s switcher has remained relatively unchanged since its original implementation.</p>

<p><img alt="OS X 10.6 Application Switcher" src="http://unraveled.com/archives/assets/images/2010/os-x-switcher.jpg" width="450" height="86" /></p>

<p>Hit Command-Tab and you switch from the current app to the next most recently used app. If you hold Command, all running apps are displayed, and you can continue hitting tab to switch to another app. You can additionally hold down Shift and cycle in the opposite direction, and use the H and Q keys to hide and quit applications.</p>

<p>Apple slightly improved the switcher with 10.5, introducing drag and drop support and then again with 10.6, allowing you to trigger Exposé and show all windows of the selected application by hitting the up or down key.</p>

<h3>Blinded by the Lite</h3>

<p>Version 1.1 of LiteSwitch X introduced a preference for sending the reopen event to applications upon switching to them. This meant that LiteSwitch would force OS X to reopen the window if it had been closed, or restore the window if it had been minimized to the Dock. I enabled this preference soon after I started using LiteSwitch as it felt like the most natural way to switch to an application. With every OS X update, LiteSwitch X was one of the first add-ons that I installed. So when I switched to an application, I expected to it to be visible &#8212; the only exception being if it was a document-based application and there were no open documents.</p>

<p>In early 2009, I noticed that the Proteron website was down (The Wayback Machine records July 24, 2008 as the last date the website was reachable), and over the past year I was concerned about continuing to use software that was no longer supported. So near the end of December I begrudgingly tried to use the built-in OS X switcher.</p>

<p>Having been blinded by LiteSwitch for so many years, I was completely set back that the OS X switcher didn&#8217;t reopen closed or minimized application windows. For example, say iTunes was open but the main app window was closed. If I switched to iTunes, no window would appear. Switching to to Finder, Mail, Address Book, Safari, Tweetie, Adium and other apps also didn&#8217;t reopen application windows.</p>

<h3>Shortcut Madness</h3>

<p>Given that switching didn&#8217;t reopen application windows, I expected a common keyboard shortcut for accomplishing this. Unfortunately, shortcuts only complicated the situation. To show the iTunes main window, I needed to hit the keyboard shortcut for opening the window (Option-Command-1 in the case of iTunes) or click on the iTunes Dock icon. There&#8217;s no unified keyboard shortcut for reopening the main window - even among applications made by Apple. Here are the keyboard shortcuts for the apps I listed above:</p>

<ul>
<li>iTunes: Option-Command-1</li>
<li>Finder: None</li>
<li>Mail: Command-1</li>
<li>Address Book: Command-0</li>
<li>Safari: None</li>
<li>Tweetie: Command-0</li>
<li>Adium: Command-/</li>
</ul>

<p>These are just the apps that have a shortcut. Many, like Evernote, don&#8217;t even have one.</p>

<p>After tweeting about the lack of a standard shortcut for reopening main windows, <a href="http://twitter.com/martinpolley/status/6975973056" _mce_href="http://twitter.com/martinpolley/status/6975973056">Martin Polley pointed out</a> that the OS X application switcher actually can reopen windows with some additional shortcut trickery.</p>

<p>It goes like this: hit Command-Tab to switch as you would normally, then when the app you want to switch to/reopen is selected, hit Option while continuing to hold Command. Then release Command <em>before</em> you release Option. Go ahead and try it now. When you first start using it, it&#8217;s quite painful after the simplicity of Command-Tab, but it does get slightly easier over time.</p>

<p>Personally, I love controlling OS X via keyboard, and most of the time I welcome consistent and standard keyboard shortcuts for commands. However, I believe that adding a shortcut for reopening windows is the wrong solution because it defies traditional keyboard shortcut expectations. For nearly every keyboard shortcut I use in OS X, there is a perceived before state and an expected after state. For example, if I&#8217;m browsing a site in Safari and I want to jump to the search input, I hit Command-Option-F. In the before state, I perceive that the webpage has focus. The expected after state is that the search input will have focus. In the case of the OS X reopen shortcut, the before state is that the window is closed or minimized. The expected after state is that OS X will bring the selected application forward and reopen or restore the window. The issue is that it&#8217;s very difficult, and sometimes impossible, to know if the window is actually closed or minimized. So for the shortcut to be truly effective, the user needs to remember which windows are open and which windows are closed or minimized. This is unrealistic at best.</p>

<h3>Switching 101</h3>

<p>Out of the box, the Mac offers three key ways to switch applications, and each of them behaves differently.</p>

<ul>
<li>The Dock. Click the application icon in the Dock to switch to the application and bring all of its windows, including closed application windows or individual minimized windows (if the app has only one window and it&#8217;s minimized), to the front. Clicking on an application&#8217;s Dock icon to switch to that app is one of the first skills that a new Mac user will learn. So it makes sense that doing this brings that application&#8217;s windows to the front.</li>
<li>Selecting the Window and Exposé. Click within an window to switch to the application and bring the selected, but not all of its application windows, to the front. Exposé is a different way to visualize windows but the same behavior applies. This is even more straightforward that clicking on a Dock icon; clicking on a window brings that window forward. For the new user, it seems okay that only a single application window comes to the front because the user clicked a single window. (As a historical note, in OS 9, clicking within a window actually brought all the application&#8217;s windows to the front.)</li>
<li>Command-Tab. Hit Command-Tab and you switch from the current app to the next most recently used app and bring its <em>open</em> windows to the front. Let&#8217;s consider the new Mac user again. Clicking on an application&#8217;s Dock icon brought that app&#8217;s windows to the front, but using Command-Tab to switch to an app &#8212; which looks identical to the app icon in the Dock &#8212; only brings open windows to the front. It&#8217;s easy to assume that this isn&#8217;t going to make a lot of sense to the new user.</li>
</ul>

<p>I believe that Command-Tab is the only way to switch applications without affecting windows because when Apple implemented the switcher in OS X 10.3, someone decided that it was the one true application switcher. And a true application switcher shouldn&#8217;t affect windows; a true application switcher only switches the application.</p>

<p>This is where Apple misstepped. Beyond being inconsistent with its closest switcher sibling the Dock, it doesn&#8217;t provide perhaps the most important thing that most users need upon switching: to see an application window.</p>

<h3>Applications and Windows and Documents</h3>

<p>Every application has at least one window. Some applications are document-based, meaning they allow the user to operate on multiple items at the same time. Mail, TextMate and Photoshop are all examples of document-based applications. Typically, document-based applications have one window per open document and often have multiple windows open at once. Other applications are non-document based; in these apps the user can only operate on one item at a time. As of this writing, iTunes, iCal and Address Book are all examples of non-document based applications. Typically, non-document based applications only have one window. For all practical purposes, that window is the application.</p>

<p>In the case of non-document based applications, the argument for always showing a window upon switching is easier. If you want to use iTunes, there&#8217;s practically nothing you can do without the application window. The same is true for iCal, Address Book and many other single window apps.</p>

<p>It&#8217;s a little trickier for document based applications. If the application has one document open, it makes sense to show that window &#8212; even if its minimized &#8212; because there&#8217;s a damn good chance that they&#8217;ll want to see that window. (People who keep their Dock hidden: have you ever switched to a document-based application and thought nothing was open because you didn&#8217;t see a window, later only to discover that you had a window minimized in the Dock?) If the application has two documents open, it makes sense to show the last document (window) the user interacted with.</p>

<p>Here&#8217;s the tricky part: what if a document-based application doesn&#8217;t have any documents open? Current apps handle this in different ways: some do nothing, some open a new untitled document automatically, some make it a user preference. Personally, I prefer apps to do nothing and not open any new windows, but ultimately I believe the window opening behavior should be based on the app. This, then, is the only exception to showing a window upon switching: if a document-based application doesn&#8217;t have any documents open, the developer should choose the window opening behavior and in some cases, allow the user to choose in the application preferences.</p>

<h3>The Crux of the Switch</h3>

<p>Switching should reopen closed and minimized application windows. It&#8217;s consistent with other ways to switch and therefore easy to understand. But most importantly, it&#8217;s what the user needs to use the app in most cases.</p>

<p>Given that Apple has released three versions of OS X since introducing the application switcher, I&#8217;m fairly certain that they would be extremely hard pressed to change its behavior at this point. The good news is that LiteSwitch X 2.6, despite being released previous to OS X 10.5, works perfectly in 10.6 Snow Leopard. There&#8217;s currently no official download site, but it&#8217;s still available on several software sites such as <a href="http://www.versiontracker.com/dyn/moreinfo/macosx/14857&amp;vid=307128" _mce_href="http://www.versiontracker.com/dyn/moreinfo/macosx/14857&amp;vid=307128">VersionTracker</a>. Unregistered, it will work for 30 days.</p>

<p>If you end up liking LiteSwitch, you&#8217;ll probably want to use it longer than a month. While there&#8217;s currently no way to get a serial number, you shouldn&#8217;t panic. I&#8217;ve been in touch with Proteron developers, and we&#8217;re working on a plan for resurrecting an official download site for LiteSwitch in the near future.</p>

<hr />

<p><a href="http://also.unraveled.com/post/346561558/the-crux-of-the-switch">The Crux of the Switch</a> was originally published in January 2010 on my tumblelog, also unraveled.</p>
]]></content:encoded>
         <link>http://unraveled.com/archives/2010/04/the-crux-of-the-switch</link>
         <guid>http://unraveled.com/archives/2010/04/the-crux-of-the-switch</guid>
         <category>Design</category>
         <pubDate>Tue, 27 Apr 2010 10:16:00 -0800</pubDate>
         <wfw:commentRSS>http://unraveled.com/archives/2010/04/the-crux-of-the-switch.xml</wfw:commentRSS>
      </item>
      
      <item>
         <title>Tweetie reloaded: an interview with Loren Brichter</title>
         <dc:creator>Joshua Kaufman</dc:creator>
         <description>One feature common to all Twitter clients is &quot;reload,&quot; allowing users to load the latest tweets. Tweetie handled this particular feature differently from the beginning. I talked to Tweetie&apos;s creator, Loren Brichter, about how this feature evolved and his perspectives on designing gestural interfaces.</description>
		 <content:encoded><![CDATA[<p>Tweetie 1 for iPhone set the standard for a simple yet powerful Twitter client, garnering the attention of both A-list tweeters and Apple, winning an Apple Design Award at the Worldwide Developers Conference. <a href="http://www.atebits.com/tweetie-iphone/">Tweetie 2</a> raised the bar once again, providing a slew of new features wrapped inside an elegant interface.</p>

<p>One feature common to all Twitter clients is &#8220;reload,&#8221; allowing users to load the latest tweets. Tweetie handled this particular feature differently from the beginning. I talked to Tweetie&#8217;s creator, Loren Brichter, about how this feature evolved and his perspectives on designing gestural interfaces.</p>

<p><strong>Joshua Kaufman:</strong> Tapping a button to reload was generally accepted as a standard within the iPhone interface. What made you explore the refresh interaction in Tweetie 1?</p>

<p><strong>Loren Brichter:</strong> Necessity is the mother of all invention.  Looking back to Tweetie 1, I was in this position where my navigation bar was already filled up.  On the left side was the &#8220;Accounts&#8221; back button which would take you back to the accounts list (Tweetie 1 was the first app with a sensible multiple accounts implementation).  On the right side was the compose button.</p>

<p>So where did the reload button go?  Other apps of the day simply put the reload button in the upper right corner.  This was acceptable for single-account apps, but for apps that handled multiple accounts, those apps had to go through some nasty contortions and shove the account switcher UI into some other non-optimal place.  So I thought about it, and asked: what was &#8220;reload&#8221;&#8230; really?  In the context of Twitter, it really meant &#8220;load newer&#8221;.  And when you loaded newer tweets in your tweet stream, where did they go?  At the top of your list.</p>

<p>So I put the reload button at the top of the list.  As you scrolled up, reading newer tweets, eventually you&#8217;d get to the top of the list and bam&#8230; there&#8217;s a reload button, it just slid into view exactly when you needed it.  You tap it and it&#8217;s replaced by the newer tweets.  It&#8217;s intuitive and doesn&#8217;t waste prime screen real estate (corners of the screen) until you actually need it.</p>

<p><strong>JK:</strong> How did you arrive at the pull down and release to refresh interaction in Tweetie 2?</p>

<p><strong>LB:</strong> Tweetie 2 simply took this idea from Tweetie 1, that reloading was simply &#8220;loading newer&#8221;, and &#8220;loading newer&#8221; put new messages at the top of the list&#8230; and activated the action based on a finger motion that <em>you were already doing</em>.  Why make the user stop scrolling, lift their finger, then tap a button?  Why not have them continue the gesture that they are already in the process of making?  When I want to see newer stuff, I scroll <em>up</em>.  So I made scrolling itself the gesture.</p>

<p>The gesture is only half the battle though, you need appropriate feedback.  Once the reload is activated, the scrollable area of the list actually changes to leave the feedback UI in-place (rather than bouncing offscreen).  Without this part, the UI is unintuitive.  And once the loading is complete, the UI makes itself disappear.</p>

<p><strong>JK:</strong> Using this interaction in Tweetie 2 reminded me that gestural UI is still young and full of possibilities. Are there other common interactions that you see being improved by new gestures?</p>

<p><strong>LB:</strong> Of course.  But you need to be careful.  The reason that I think the pull-down-to-refresh works so well in Tweetie 2 is because it&#8217;s discoverable and explanatory.  It&#8217;s discoverable because you already know how to scroll a list, and as you scroll up, when you get to the top &#8212; bam &#8212; the UI reveals itself and you go &#8220;whoa, what&#8217;s <strong>that</strong>?&#8221;.  It explanatory because once you start tugging down there is some great UI feedback, actual text that provides instructions as you interact.  It&#8217;s not like it pops up some modal dialog with instructions on how to use it, the UI itself is the instruction.  Once you learn it you simply ignore the text and can look at the graphical arrow which gives appropriate feedback on what you need to do.</p>

<p>Now, I think you can split gestures into two categories.  One is of the pull-down-to-refresh kind.  These are gestures that are discoverable and explanatory.  The other kind of gestures are like tapping-the-status-bar-to-scroll-to-the-top, or swipe-to-delete (or swipe-to-reply in Tweetie).  These gestures you won&#8217;t discover on your own except by accident.  These are not discoverable, and they are not explanatory.</p>

<p>This second class of gestures can exist (in my opinion) because <em>they are not the only way to accomplish a goal</em>. In the case of tapping the status bar, users already know how to scroll to the top manually.  It&#8217;s slower, but it&#8217;s possible.  In the case of swipe to delete, users already know they can tap on a message and then tap the trash button.  So knowing the gesture isn&#8217;t <em>necessary</em>.</p>

<p>So when you&#8217;re inventing new gestures, it&#8217;s important to think about whether the gesture is <em>required</em> to use the app.  If it&#8217;s the only way to accomplish a goal, you better be sure it&#8217;s discoverable and explanatory without needing to read a manual.  If it&#8217;s the other kind of gesture, go nuts!</p>

<hr />

<p>Loren Brichter runs <a href="http://www.atebits.com">atebits</a> &#8212; a devious scheme designed to take your money $2.99 at a time.  Previously he worked for Apple on the original iPhone.  Now he mostly answers email, and occasionally finds time to actually program.</p>
]]></content:encoded>
         <link>http://unraveled.com/archives/2009/11/tweetie-interview-loren-brichter</link>
         <guid>http://unraveled.com/archives/2009/11/tweetie-interview-loren-brichter</guid>
         <category>Design</category>
         <pubDate>Sun, 08 Nov 2009 21:41:55 -0800</pubDate>
         <wfw:commentRSS>http://unraveled.com/archives/2009/11/tweetie-interview-loren-brichter.xml</wfw:commentRSS>
      </item>
      
      <item>
         <title>Bj&#246;rn Hartmann and future design tools</title>
         <dc:creator>Joshua Kaufman</dc:creator>
         <description>I recently had the opportunity to meet with Bj&#246;rn Hartmann, a human computer interaction researcher who is currently finishing his PhD in Computer Science at Stanford and will soon be teaching at Berkeley.</description>
		 <content:encoded><![CDATA[<p>I recently had the opportunity to meet with <a href="http://bjoern.org">Bj&#246;rn Hartmann</a>, a human computer interaction researcher who is currently finishing his PhD in Computer
Science at <a href="http://hci.stanford.edu">Stanford</a> and will soon be
teaching at <a href="http://bid.berkeley.edu">Berkeley</a>. I first heard of his work at <a href="http://interaction09.ixda.org">IxDA Interaction &#8216;09</a> in Vancouver when several industry colleagues raved about his <a href="http://bjoern.org/projects/">fourbysix project</a> that he presented.</p>

<p>A video of his entire presentation is unfortunately not available, but <a href="http://twitter.com/joshdamon">Josh Damon-Williams</a> did manage to grab this clip.</p>

<p><object type="application/x-shockwave-flash" width="400" height="300" data="http://www.flickr.com/apps/video/stewart.swf?v=71377" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="flashvars" value="intl_lang=en-us&amp;photo_secret=3ac0d73c9a&amp;photo_id=3263409111"></param> <param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=71377"></param> <param name="bgcolor" value="#000000"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&amp;photo_secret=3ac0d73c9a&amp;photo_id=3263409111" height="300" width="400"></embed></object></p>

<p>After watching this clip it&#8217;s easy to understand why the audience became so excited about the possibilities of these tools. At the same time, I wondered what the chances were for something like fourbysix to be developed on a much larger scale. The fact is that we can drool over tools like this all we want, but unless a large group of designers starts supporting the work of people like Bj&#246;rn, we&#8217;re going to be stuck with the same tools we&#8217;ve been using for the past ten years for the foreseeable future. I wanted to know what it would take to make tools like this accessible to more designers.</p>

<p>When I met with Bj&#246;rn, he explained how he created the fourbysix table while at Microsoft. Not surprisingly, he used a lot of Microsoft technology including the Microsoft Surface SDK and proprietary source code only available within Microsoft&#8217;s walls. However, he also used a lot of non-proprietary technology, including tools that have been available since the late 90s. He also explained that, while he did use proprietary technology to build fourbysix, there are more open equivalents that could be used to build something very similar.</p>

<p>So with enough know-how, resources and materials, you could build something like the table in the clip above, but chances are that this is out of reach for most designers. So what&#8217;s the next option? According to Bj&#246;rn, the best chance for designers to make use of this technology is to collaborate with a research university on such a project. Fortunately, there may even be opportunities for this in the San Francisco area over the coming year.</p>

<p>If you&#8217;re interested in participating in something like this in the future, please get in touch with myself or Bj&#246;rn. In the meantime, I&#8217;ll definitely be following his work and helping out where I can.</p>

<p><strong>Update</strong> (21/9/09)</p>

<p>Bj&#246;rn just let me know that videos are now available which feature the multitouch table he demonstrated at Interaction &#8216;09.</p>

<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/Sm2e4aB7H1k&amp;hl=en&amp;fs=1&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Sm2e4aB7H1k&amp;hl=en&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>

<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/qIASBXG3-Sk&amp;hl=en&amp;fs=1&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/qIASBXG3-Sk&amp;hl=en&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
]]></content:encoded>
         <link>http://unraveled.com/archives/2009/06/bjorn-hartmann-and-future-design-tools</link>
         <guid>http://unraveled.com/archives/2009/06/bjorn-hartmann-and-future-design-tools</guid>
         <category>Design</category>
         <pubDate>Mon, 29 Jun 2009 23:51:00 -0800</pubDate>
         <wfw:commentRSS>http://unraveled.com/archives/2009/06/bjorn-hartmann-and-future-design-tools.xml</wfw:commentRSS>
      </item>
      
      <item>
         <title>Design Inside Yahoo!: Greg Rosenberg</title>
         <dc:creator>Joshua Kaufman</dc:creator>
         <description>This is the fifth and final interview in the [Design Inside Yahoo!](http://unraveled.com/publications/design_inside_yahoo/) series. I interviewed Greg Rosenberg, Principal Designer for Yahoo! Mail. I talked to Greg about where web email platforms are heading, the redesign of Yahoo! Mail&apos;s and the recent addition of social features.</description>
		 <content:encoded><![CDATA[<p>Since its introduction in 1997, Yahoo! Mail has dominated the web-based email space and is a staple of many Yahoo! users&#8217; web experience. It&#8217;s matured significantly over time, having undergone a major redesign in 2006 and introducing other social features such as instant messaging, SMS and activity streams.</p>

<p>This is the fifth and final interview in the <a href="http://unraveled.com/publications/design_inside_yahoo/">Design Inside Yahoo!</a> series. I interviewed Greg Rosenberg, Principal Designer for Yahoo! Mail. I talked to Greg about where web email platforms are heading, the redesign of Yahoo! Mail&#8217;s and the recent addition of social features.</p>

<p><strong>Joshua Kaufman:</strong> It&#8217;s been nearly three years since the launch of the redesigned <a href="http://overview.mail.yahoo.com/products/new">Yahoo! Mail</a>. How has the web-based email landscape changed in that time?</p>

<p><strong>Greg Rosenberg:</strong> &#8216;04 to &#8216;06 was the big Web 2.0 Shuffle: &#8220;Hey, got AJAX?!  FLASH?!  Drag-n-Drop?!&#8221;  That&#8217;s certainly leveled off, and rich web mailers are pretty much the norm now.  Since then, I&#8217;ve seen two big things happen in the web-mail space.  As industry leaders we all have this great technology in place in our products (Yahoo!, Google, et al.), but at the same time we continue to tweak our products to make sure they still address core needs, while we add new dynamic interactions and features.  It&#8217;s a tough sweet spot to find: striking that balance between a cool, new feature and &#8220;why can&#8217;t I just check my mail?&#8221;  This dilemma will always be there as long as we have expectations around what email is, and the massive population that&#8217;s grown up using it.  We&#8217;ve continually tweaked the new Yahoo! Mail, and seen some the evolution of other e-mail services. Hey, even <a href="http://gmail.com">Gmail</a> added a &#8220;Delete&#8221; button.  </p>

<p>The second big thing is pretty obvious: the social media and social networking explosion.  This has had a big impact on email as for some it has replaced traditional online communications (Email, IM), almost turning them into commodities.  In social networking sites, once you and your friends join, you don&#8217;t need to remember an email address to contact someone:  you only need to remember your username/password for that site.  What constitutes &#8220;communication&#8221; has also evolved:  a tweet, just updating your picture, posting a set of pictures, &#8220;liking&#8221; something, commenting on someone&#8217;s Facebook status, etc.  In social networking, MySpace was the first to try and venture into e-mail (yes, there were predecessors, but not as mainstream and prevalent.)  But, as we have seen, they suffer from a pretty big perception problem of only catering to tweens, a place for creepy stalkers, and bands trying to promote themselves.  Facebook really deserves the credit for changing the social networking game here as they&#8217;ve zoomed past MySpace with finding a way to appeal to a wider demographic and have had explosive growth.  However, an email address is still the starting point here, and hundreds of millions of people still heavily rely upon email.  This is where I still think social networking sites still haven&#8217;t broken through a key barrier:  the communications are so casual, the line between public/private so fine, that it&#8217;s not only a bit of an unorganized mess but there also seems to be a lack of etiquette in 1:1 private communications and incentive to engage in these types of communications. At Yahoo!, we recognize what&#8217;s happening in the industry and have been working hard to create a best-of-both worlds experience, reversing the flow and infusing social communications into an email environment.  Not for the just for the hell of it, but to make email better and use connections (aka &#8220;friends&#8221;) and social features to power that. In your inbox, you can instantly weed out the noise to see messages from people most important to you. When you sign in, you&#8217;ll also see those messages highlighted with their pictures, along with updates about them (a news feed of sorts).  The updates stream is not isolated to Yahoo!&#8217;s network, it aggregates Yahoo! and non-Yahoo! updates (Twitter, Yelp reviews/ratings, YouTube, etc.) all of which the user can control in their Yahoo! Profile page.   We also have a whole new assortment of connection-related features in the pipeline.  The core though, is still email, which draws more of a need to take real action, as opposed to social networking casual check-in behavior.  This is where email is strong:  you can still consume updates, traverse your network of connections, but the emphasis is on email functionality as the primary tool here.  So, we retain the important and familiar user behaviors and give our users deeper confidence in knowing that the emails (and IMs) they send and receive are governed by the strongest and most robust security and privacy measures. </p>

<p><strong>JK:</strong> After Google innovated with a conversation view, &#8220;archiving&#8221; and labels in Gmail, why did Yahoo! take a more traditional approach with folders and a standard column-sortable list of messages?</p>

<p><strong>GR:</strong> Regarding Yahoo!&#8217;s approach, we have folders and not labels for a couple of reasons:.  First, unlike Gmail which had no user base to migrate, we have millions of users worldwide of varying ages, experience levels, and usage behaviors, many of which using folders in the <a href="http://overview.mail.yahoo.com/products/classic">Classic version of Yahoo! Mail</a>.  Changing both the UI at a high-level and their method of organizing their messages at the same time would&#8217;ve been too much change at once.  That&#8217;s the biggest reason we kept folders.  Secondly, and equally important is that the concept of labeling can be confusing to some and thus has a bigger learning curve and ultimately doesn&#8217;t address what a lot of our users want to do:  clean out their inbox.  We know that users of folders use them to keep a tidy inbox, and like to file things away.  It&#8217;s a natural behavior that&#8217;s been part of the digital world, based on the realities of the physical world.  I&#8217;ve personally seen users in the lab, and during in-home research visits that end their daily mail experience with an empty inbox &#8212; as if an inbox that had any messages in it felt like a stack of late/unpaid bills.  On the column sortable list:  no need to reinvent the wheel here, this is just another example of something Yahoo! Mail users were already accustomed to using.</p>

<p>All that said, three years later, it doesn&#8217;t mean we&#8217;re not thinking about similar features :)</p>

<p><strong>JK:</strong> What&#8217;s the story behind the general design approach, including the decision around using tabs?</p>

<p><strong>GR:</strong> The early version of the new Yahoo! Mail (prior to the first beta phase) was actually very different from what you see today. The product more closely resembled its predecessor, <a href="http://en.wikipedia.org/wiki/Oddpost">Oddpost</a>: it appeared as a traditional desktop application with &#8220;child&#8221; windows, primarily for composing and reading messages. It also launched into a chromeless browser window (that is, there was no toolbar) and hi-jacked the browser&#8217;s pull-down menu and shortcut key system.  Essentially, it functioned identically to a desktop mail program, but ran inside a browser. For a variety of technical and usability reasons, we recognized that we had to change design direction.</p>

<p>Technical reasons:</p>

<ul>
<li>Proliferation of pop-up blockers (which became more extensive and built-in since Oddpost&#8217;s design framework was built) increased dramatically. Pushing past a blocked popup when launching the application, or composing a message, would be a difficult hurdle for the user to jump over.</li>
<li>For security reasons, many browsers require a URL prefix to the title of any window that doesn&#8217;t contain an address bar. This means that as long as we opened all our windows into chromeless browser windows, the titlebar would have to be a random confusing mess of symbols, letters and numbers.</li>
<li>The increase of tabbed browsers with enhanced control over clicked links would create unpredictable results when working within the application.</li>
</ul>

<p>Usability Testing Feedback/User Perception reasons:</p>

<ul>
<li>There&#8217;s a growing user perception that a &#8220;window&#8221; and a &#8220;pop-up&#8221; are one and the same. If the user is using a web browser, and the page being viewed opens a new window (without the user specifically creating a new window), a significant percentage of the users will associate that window with an annoying ad.</li>
<li>It felt heavy. We wanted to make the application light. As the earlier product mimicked a desktop application, it brought many of the expectations of such a product (required installation, full-OS specific shortcut keys, etc.)</li>
<li>An inconsistent experience across all browsers and operating systems.  The earlier version worked well on Windows (and Oddpost only worked on Windows), but we now had an odd experience for the Mac, which manages its menu system outside the browser&#8217;s application frame. On a Mac, the earlier version showed the Y! Mail native menu system and the browser&#8217;s menu system simultaneously - thus creating major confusion.</li>
</ul>

<p>After the rough first set of usability tests, and peeling me off the observation room floor, our PM (Ethan Diamond) dropped me into a cave to come up with a new interaction model, and seven days later I crawled out with what you see today. We decided to have the product run in a Web-standard fashion: a single page in a chromed browser, without popping up windows for composing and reading. We also wanted to offer our own proprietary shortcut key system.  How would we retain the same level of multi-tasking support that a windowed application affords the user, but do it in such a way that it&#8217;s dirt simple for the user?  Out of the need to support this came the tabbed message system you see in the product today.  In essence, native Yahoo! Mail tabs replace windows, but without all the mess of finding all the windows you have open. This is pain we&#8217;ve all felt with an OS, desktop program, and is worse with a stack of browser windows that can have confusing/unpredictable titles (that on Windows get grouped under one taskbar entity after a certain threshold has been reached).  The tabs do a nice job of serving as an &#8220;index&#8221; of the user&#8217;s current open tasks: a message being written, an inbox to return to without losing the message being composed, to read the newest blurb in an IM tab with a friend, the social dashboard/updates tab, an application, etc.</p>

<p><strong>JK:</strong> <a href="http://calendar.mail.yahoo.com/">Calendar</a> seems to be the only office app that hasn&#8217;t been fully integrated into Yahoo! Mail. Not to be rude, but what&#8217;s taken so long?</p>

<p><strong>GR:</strong> Oh, I wish I had a good answer for this. While we have the calendar bar at the bottom of the Mail window supporting basic calendaring functionality available, we don&#8217;t have a Mail-integrated version of the <a href="http://switch.calendar.yahoo.com/m/landing.php">rich calendar that&#8217;s currently in beta</a>. Nothing new to report here.</p>

<p><strong>JK:</strong> I noticed that RSS has been moved from Yahoo! Mail into <a href="http://my.yahoo.com/">My Yahoo!</a>. The reasoning behind this is described in <a href="http://help.yahoo.com/l/us/yahoo/mail/yahoomail/tools/rss-01.html">Yahoo! Mail help</a>. I&#8217;m curious how much this decision was based on customer feedback. Do many people really want to read their RSS feeds from a start page?</p>

<p><strong>GR:</strong> The decision wasn&#8217;t based on customer feedback.  Most people don&#8217;t even know what feeds are, and an even smaller percentage know what RSS means.  The RSS feature, inherited from Oddpost, was rarely used, took up valuable space in the folder list, and we just couldn&#8217;t give it more time &amp; resources due to higher priorities.  Given the small number of users of the feature, and that their feeds are mirrored in My Yahoo! (a more popular content consumption environment), it was a good move for us.  As My Yahoo! is a popular starting page for many on the web, offers a robust built-in reader, and the content that appears on My Yahoo! is fairly similar, there are likely only a small number of users feeling much pain from this change.</p>

<p><strong>JK:</strong> Meanwhile, on the way in are slew of social features based around connections. Is email the new newsfeed?</p>

<p><strong>GR:</strong> It&#8217;s certainly moved more in this direction than it has in the past.  You have to be careful though how far you take the news feed.  The news feed is a strong way to passively consume what&#8217;s largely public content, see what friends are up to, casual commenting, etc.  Blurring that too much with email is tricky business.  Personal emails are private between the sender and the recipients, and there&#8217;s a different expectation put on the recipient of the message.  For example, you&#8217;re more likely to hear &#8220;Why didn&#8217;t you reply to the email I sent to you four days ago?&#8221; as opposed to &#8220;Why didn&#8217;t you comment on my Facebook status from four days ago?&#8221;.  So, baby steps.  With the new social features we&#8217;re rolling out, we show updates from your connections, but above that in its own section are the email messages from your connections.  In the context of Yahoo! Mail, emails are first and updates are second.</p>

<p><strong>JK:</strong> What&#8217;s next for Yahoo! Mail?</p>

<p><strong>GR:</strong> We&#8217;re gradually rolling out the social features and the open features (productivity apps integrated into the Mail environment).  Outside of that, we&#8217;re always looking at every pixel, and every feature, always asking: does this make sense, does it belong, and does it make Yahoo! Mail better for our users?</p>

<hr />

<p>Greg Rosenberg was Principal Designer on <a href="http://overview.mail.yahoo.com/products/new">Yahoo! Mail</a> for over four years and led the design of the new version.  Currently, Greg is the Design Director for Community Products at Yahoo!, which includes <a href="http://groups.yahoo.com/">Yahoo! Groups</a> and <a href="http://answers.yahoo.com/">Yahoo! Answers</a>.</p>

<p>Readers may also be interested in my <a href="http://unraveled.com/archives/2003/07/an_interview_with_ethan_diamond">2003 interview with Ethan Diamond</a>, co-founder of Oddpost.</p>
]]></content:encoded>
         <link>http://unraveled.com/archives/2009/04/design-inside-yahoo-greg-rosenberg</link>
         <guid>http://unraveled.com/archives/2009/04/design-inside-yahoo-greg-rosenberg</guid>
         <category>Design</category>
         <pubDate>Thu, 16 Apr 2009 08:16:25 -0800</pubDate>
         <wfw:commentRSS>http://unraveled.com/archives/2009/04/design-inside-yahoo-greg-rosenberg.xml</wfw:commentRSS>
      </item>
      
   </channel>
</rss>