<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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:creativeCommons="http://backend.userland.com/creativeCommonsRssModule" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">
   <channel>
      <title>unraveled</title>
      <dc:creator>Joshua Kaufman</dc:creator>
      <link>http://unraveled.com/</link>
      <description>Joshua Kaufman's Personal Website</description>
      <language>en</language>
      <copyright>Copyright 2009</copyright>
      <lastBuildDate>Mon, 29 Jun 2009 23:51:00 -0800</lastBuildDate>
      <generator>http://www.sixapart.com/movabletype/?v=4.25</generator>
      <docs>http://blogs.law.harvard.edu/tech/rss</docs> 
      
      <creativeCommons:license>http://creativecommons.org/licenses/by-sa/3.0/</creativeCommons:license><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/unraveledMain" type="application/rss+xml" /><feedburner:emailServiceId>unraveledMain</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
         <title>Björn Hartmann and future design tools</title>
         <dc:creator>Joshua Kaufman</dc:creator>
         <description>I recently had the opportunity to meet with Bjö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>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/unraveledMain?a=H9_4Kuvdob0:2yN-B_k1JlA:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/unraveledMain?i=H9_4Kuvdob0:2yN-B_k1JlA:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/unraveledMain/~4/H9_4Kuvdob0" height="1" width="1"/>]]></content:encoded>
         <link>http://feedproxy.google.com/~r/unraveledMain/~3/H9_4Kuvdob0/bjorn-hartmann-and-future-design-tools</link>
         <guid isPermaLink="false">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>
      <feedburner:origLink>http://unraveled.com/archives/2009/06/bjorn-hartmann-and-future-design-tools</feedburner:origLink></item>
      
      
      <item>
         <title>Design Inside Yahoo!: Greg Rosenberg</title>
         <dc:creator>Joshua Kaufman</dc:creator>
         <description>Since its introduction in 1997, Yahoo! Mail has dominated the web-based email space and is a staple of many Yahoo!...</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>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/unraveledMain?a=E5S5dIWH62w:GCShrOeUdB8:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/unraveledMain?i=E5S5dIWH62w:GCShrOeUdB8:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/unraveledMain/~4/E5S5dIWH62w" height="1" width="1"/>]]></content:encoded>
         <link>http://feedproxy.google.com/~r/unraveledMain/~3/E5S5dIWH62w/design-inside-yahoo-greg-rosenberg</link>
         <guid isPermaLink="false">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>
      <feedburner:origLink>http://unraveled.com/archives/2009/04/design-inside-yahoo-greg-rosenberg</feedburner:origLink></item>
      
      
      
      <item>
         <title>A Twitter mission</title>
         <dc:creator>Joshua Kaufman</dc:creator>
         <description>A Twitter mission: add value, provide just enough context, only share constructive criticism, don't be negative, don't hijack emotions.&lt;img src="http://feeds.feedburner.com/~r/unraveledMain/~4/EArUOBG54GY" height="1" width="1"/&gt;</description>
         <link>http://feedproxy.google.com/~r/unraveledMain/~3/EArUOBG54GY/twitter-mission</link>
         <guid isPermaLink="false">http://unraveled.com/archives/notes/2009/04/twitter-mission</guid>
         <pubDate>Mon, 06 Apr 2009 13:41:51 -0800</pubDate>
      <feedburner:origLink>http://unraveled.com/archives/notes/2009/04/twitter-mission</feedburner:origLink></item>
      
      
      <item>
         <title>UX Book Club San Francisco: Sketching User Experiences, Part I</title>
         <dc:creator>Joshua Kaufman</dc:creator>
         <description>Announced UX Book Club SF April meeting. We're discussing Sketching User Experiences, Part I: Design as Dreamcatcher. &lt;a href="http://bit.ly/EKfFi"&gt;http://bit.ly/EKfFi&lt;/a&gt;&lt;img src="http://feeds.feedburner.com/~r/unraveledMain/~4/_9MzBRXHXnQ" height="1" width="1"/&gt;</description>
         <link>http://feedproxy.google.com/~r/unraveledMain/~3/_9MzBRXHXnQ/ux-bookclub-sf-april</link>
         <guid isPermaLink="false">http://unraveled.com/archives/notes/2009/04/ux-bookclub-sf-april</guid>
         <pubDate>Thu, 02 Apr 2009 21:35:13 -0800</pubDate>
      <feedburner:origLink>http://unraveled.com/archives/notes/2009/04/ux-bookclub-sf-april</feedburner:origLink></item>
      
      
      <item>
         <title>UX Book Club SF</title>
         <dc:creator>Joshua Kaufman</dc:creator>
         <description>#uxbookclub SF has chosen its next book, "Sketching User Experiences" by Bill Buxton. Read more in our Google Group: &lt;a href="http://bit.ly/TVcXM"&gt;http://bit.ly/TVcXM&lt;/a&gt;.&lt;img src="http://feeds.feedburner.com/~r/unraveledMain/~4/d1QMwX3CxmQ" height="1" width="1"/&gt;</description>
         <link>http://feedproxy.google.com/~r/unraveledMain/~3/d1QMwX3CxmQ/ux-bookclub-sf</link>
         <guid isPermaLink="false">http://unraveled.com/archives/notes/2009/03/ux-bookclub-sf</guid>
         <pubDate>Wed, 18 Mar 2009 10:11:01 -0800</pubDate>
      <feedburner:origLink>http://unraveled.com/archives/notes/2009/03/ux-bookclub-sf</feedburner:origLink></item>
      
   </channel>
</rss>
