<?xml version="1.0" encoding="UTF-8"?>
<!--Generated by Squarespace Site Server v5.11.81 (http://www.squarespace.com/) on Tue, 07 Feb 2012 01:10:33 GMT--><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><title>www.tripodell.com</title><link>http://www.tripodell.com/journal/</link><description>Trip ODell: Interaction Designer, Creative Generalist, Nice Guy</description><lastBuildDate>Mon, 04 Apr 2011 22:35:34 +0000</lastBuildDate><copyright>2008, 2009, 2010</copyright><language>en-US</language><generator>Squarespace Site Server v5.11.81 (http://www.squarespace.com/)</generator><item><title>New Hotmail chrome</title><category>Hotmail</category><category>IA</category><category>Microsoft</category><category>visual design</category><dc:creator>Trip ODell</dc:creator><pubDate>Mon, 04 Oct 2010 05:33:36 +0000</pubDate><link>http://www.tripodell.com/journal/2010/10/3/new-hotmail-chrome.html</link><guid isPermaLink="false">296691:3043434:9091764</guid><description><![CDATA[<p><span class="full-image-block ssNonEditable"><span><img style="width: 600px;" src="http://www.tripodell.com/storage/Screen shot 2010-08-09 at 10.13.23 PM.png?__SQUARESPACE_CACHEVERSION=1286170546654" alt="" /></span></span></p>
]]></description><wfw:commentRss>http://www.tripodell.com/journal/rss-comments-entry-9091764.xml</wfw:commentRss></item><item><title>Windows Live Essentials Mail 2011 - Message list chrome</title><category>IA</category><category>Microsoft</category><category>art direction</category><category>visual design</category><dc:creator>Trip ODell</dc:creator><pubDate>Mon, 04 Oct 2010 05:21:20 +0000</pubDate><link>http://www.tripodell.com/journal/2010/10/3/windows-live-essentials-mail-2011-message-list-chrome.html</link><guid isPermaLink="false">296691:3043434:9091733</guid><description><![CDATA[<p><span class="thumbnail-image-block ssNonEditable"><span><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2Finbox_wlMail_wave4.png%3F__SQUARESPACE_CACHEVERSION%3D1286169816604',809,1078);"><img src="http://www.tripodell.com/storage/thumbnails/3043433-8810988-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1286169816604" alt="" /></a></span></span></p>
]]></description><wfw:commentRss>http://www.tripodell.com/journal/rss-comments-entry-9091733.xml</wfw:commentRss></item><item><title>Windows Live Essentials Mail 2011 - Compose</title><category>Microsoft</category><category>art direction</category><category>visual design</category><dc:creator>Trip ODell</dc:creator><pubDate>Mon, 04 Oct 2010 05:18:40 +0000</pubDate><link>http://www.tripodell.com/journal/2010/10/3/windows-live-essentials-mail-2011-compose.html</link><guid isPermaLink="false">296691:3043434:9091725</guid><description><![CDATA[<p><span class="thumbnail-image-block ssNonEditable"><span><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2Fcompose_wlMail_wave4.png%3F__SQUARESPACE_CACHEVERSION%3D1286169612347',656,857);"><img src="http://www.tripodell.com/storage/thumbnails/3043433-8810969-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1286169612347" alt="" /></a></span></span></p>
]]></description><wfw:commentRss>http://www.tripodell.com/journal/rss-comments-entry-9091725.xml</wfw:commentRss></item><item><title>Windows Live Essentials Mail 2011 - Contacts</title><category>CIM</category><category>IA</category><category>Microsoft</category><category>Workflow</category><category>visual design</category><dc:creator>Trip ODell</dc:creator><pubDate>Mon, 04 Oct 2010 05:13:41 +0000</pubDate><link>http://www.tripodell.com/journal/windows-live-essentials-mail-2011-contacts.html</link><guid isPermaLink="false">296691:3043434:9091711</guid><description><![CDATA[<p><span class="thumbnail-image-block ssNonEditable"><span><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2Fcontacts_wlMail_wave4.png%3F__SQUARESPACE_CACHEVERSION%3D1286169335738',807,1078);"><img src="http://www.tripodell.com/storage/thumbnails/3043433-8810513-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1286169335738" alt="" /></a></span></span></p>
]]></description><wfw:commentRss>http://www.tripodell.com/journal/rss-comments-entry-9091711.xml</wfw:commentRss></item><item><title>Hotmail message list filters</title><category>IA</category><category>Microsoft</category><category>Workflow</category><category>concept</category><dc:creator>Trip ODell</dc:creator><pubDate>Mon, 13 Sep 2010 03:40:30 +0000</pubDate><link>http://www.tripodell.com/journal/hotmail-message-list-filters.html</link><guid isPermaLink="false">296691:3043434:8862013</guid><description><![CDATA[<p><a class="offsite-link-inline" href="http://www.windowslive.com/newhotmail?ocid=PID30902::D:MSCHPF:ON:WL:en-US:RM_HMIH:201008#clutter/filter" target="_blank">Microsoft describes the feature here.</a></p>
<p><span class="full-image-block ssNonEditable"><span><img style="width: 600px;" src="http://www.tripodell.com/storage/filterBar.png?__SQUARESPACE_CACHEVERSION=1284349405539" alt="" /></span></span></p>
<p>&nbsp;</p>
<p><span class="full-image-block ssNonEditable"><span><img style="width: 500px;" src="http://www.tripodell.com/storage/Screen shot 2010-08-09 at 10.13.23 PM.png?__SQUARESPACE_CACHEVERSION=1284349843130" alt="" /></span></span></p>
]]></description><wfw:commentRss>http://www.tripodell.com/journal/rss-comments-entry-8862013.xml</wfw:commentRss></item><item><title>Windows Live Photomail</title><category>IA</category><category>Interaction</category><category>Microsoft</category><dc:creator>Trip ODell</dc:creator><pubDate>Sun, 12 Sep 2010 06:06:54 +0000</pubDate><link>http://www.tripodell.com/journal/windows-live-photomail.html</link><guid isPermaLink="false">296691:3043434:8848688</guid><description><![CDATA[<p><a class="offsite-link-inline" href="http://www.windowslive.com/newhotmail?ocid=PID30902::D:MSCHPF:ON:WL:en-US:RM_HMIH:201008#savetime/sharephotos" target="_blank">See how photomail works here.</a></p>
<p><br /><span class="full-image-block ssNonEditable"><span><img style="width: 500px;" src="http://www.tripodell.com/storage/album_footer_01.png?__SQUARESPACE_CACHEVERSION=1284271751157" alt="" /></span></span></p>
]]></description><wfw:commentRss>http://www.tripodell.com/journal/rss-comments-entry-8848688.xml</wfw:commentRss></item><item><title>Quick-add pannel v2.0 / Compose Insert Bar</title><category>CIM</category><category>Interaction</category><category>Microsoft</category><category>concept</category><category>visual design</category><dc:creator>Trip ODell</dc:creator><pubDate>Sun, 12 Sep 2010 05:59:41 +0000</pubDate><link>http://www.tripodell.com/journal/quick-add-pannel-v20-compose-insert-bar.html</link><guid isPermaLink="false">296691:3043434:8848673</guid><description><![CDATA[<p>The quick-add panel was an existing feature from a previous wave that suffered from &#8220;Ad blindness&#8221;. Because of its location, and visual presentation the Quick-Add Panel was frequently mistaken for a skyscraper ad. Users also didn&#8217;t really understand the value of the feature - which was to surface rich content from Bing in the compose view and allow users to insert information like maps, movie times, images, videos, etc. Directly in the body of the email.&nbsp;</p>
<p>My proposed solution was to move these content types into the rich text editor, and then animate the panel in from the left side when the user clicked on a QAP item in the editor. This solved two problems.</p>
<p>Users understand attaching content to mail. Representing inserting (say a map and directions) in the same way the user attaches a document makes sense to them. It made the value of the QAP clearer to the user.&nbsp;By animating the panel in from the right side instead of always having it open, it triggered a&nbsp;phenomena known as an orienting response. Motion gets noticed at a pre-cognitive level. Users notice motion and orient to it. They see the new map content there and make the connection attach workflow they just created. The user not only understands that &#8220;This is not an add&#8221; but they have a firmer understanding of what the Quick Add Panel is used for.</p>
<p><br /><span class="full-image-block ssNonEditable"><span><img style="width: 500px;" src="http://www.tripodell.com/storage/Screen shot 2010-08-09 at 10.31.24 PM.png?__SQUARESPACE_CACHEVERSION=1284271372056" alt="" /></span></span></p>
]]></description><wfw:commentRss>http://www.tripodell.com/journal/rss-comments-entry-8848673.xml</wfw:commentRss></item><item><title>Microsoft Office Online: Docmail</title><category>Microsoft</category><category>Workflow</category><dc:creator>Trip ODell</dc:creator><pubDate>Sun, 12 Sep 2010 05:27:50 +0000</pubDate><link>http://www.tripodell.com/journal/microsoft-office-online-docmail.html</link><guid isPermaLink="false">296691:3043434:8848636</guid><description><![CDATA[<p><a class="offsite-link-inline" href="http://www.windowslive.com/newhotmail?ocid=PID30902::D:MSCHPF:ON:WL:en-US:RM_HMIH:201008#office/share" target="_blank">Microsoft describes the feature here.</a></p>
<p>Docmails are special emails that enable users to create, send and share documents using Windows Live Skydrive and office online. My responsibility was to create the end-to-end workflow, prototypes, visual treatments etc.&nbsp;</p>
<p><br /><span class="full-image-block ssNonEditable"><span><img style="width: 500px;" src="http://www.tripodell.com/storage/Screen shot 2010-08-09 at 10.36.55 PM.png?__SQUARESPACE_CACHEVERSION=1284270355117" alt="" /></span></span></p>
]]></description><wfw:commentRss>http://www.tripodell.com/journal/rss-comments-entry-8848636.xml</wfw:commentRss></item><item><title>Hotmail Wave 4: Rich Attachements</title><category>CIM</category><category>Microsoft</category><category>Workflow</category><category>concept</category><category>visual design</category><dc:creator>Trip ODell</dc:creator><pubDate>Sun, 12 Sep 2010 04:41:29 +0000</pubDate><link>http://www.tripodell.com/journal/hotmail-wave-4-rich-attachements.html</link><guid isPermaLink="false">296691:3043434:8848471</guid><description><![CDATA[<p>&nbsp;This design resulted from my work on <a href="http://www.tripodell.com/journal/2010/9/11/hotmail-wave-4-hotmail-live-views.html">Hotmail Live Views</a>. Once the design for Live Views began to mature, we realized that we needed to unify the concept of the existing attachment well with how we were presenting other relevant information in the mail. &nbsp;Our argument was more often than not, if an email has attachments, the mail is about the attachment (photos, documents, etc). That information should be presented as richly as any of the other Live Views we were creating for video, photo, and shipping URLs.</p>
<h4>Documents Only</h4>
<p><span class="full-image-block ssNonEditable"><span><img style="width: 500px;" src="http://www.tripodell.com/storage/DocAttachmentsSM.png?__SQUARESPACE_CACHEVERSION=1284266704276" alt="" /></span></span></p>
<h4>Mixed attachments - Photos and Documents</h4>
<p><span class="full-image-block ssNonEditable"><span><img style="width: 500px;" src="http://www.tripodell.com/storage/MixedAttachments.png?__SQUARESPACE_CACHEVERSION=1284266798558" alt="" /></span></span></p>
]]></description><wfw:commentRss>http://www.tripodell.com/journal/rss-comments-entry-8848471.xml</wfw:commentRss></item><item><title>Hotmail Wave 4: Hotmail Live Views</title><category>CIM</category><category>IA</category><category>Microsoft</category><category>Workflow</category><category>concept</category><category>prototyping</category><category>visual design</category><dc:creator>Trip ODell</dc:creator><pubDate>Sat, 11 Sep 2010 18:47:07 +0000</pubDate><link>http://www.tripodell.com/journal/hotmail-wave-4-hotmail-live-views.html</link><guid isPermaLink="false">296691:3043434:8843764</guid><description><![CDATA[<p>Update -<a href="http://www.windowslive.com/newhotmail?ocid=PID30902::D:MSCHPF:ON:WL:en-US:RM_HMIH:201008#savetime/photoview"> Microsoft is running a great overview of how Live Views work here.</a></p>
<p>&nbsp;</p>
<p>Live Views were a new introduction to Hotmail in Wave 4. In a nutshell, a &#8220;Live View&#8221; is a better way to visualize certain parts of an email message. If someone sends you a link to photos on Flickr or a video on YouTube - the email isn&#8217;t about the link, its about the content the link represents - &nbsp; Basically - Hotmail looks at the content of email and finds useful ways to display your mail in rich engaging ways without having to leave the inbox.&nbsp;</p>
<p>This is one of the most significant features for the entire release, and Hotmail won rave reviews not only for the technical aspects of the feature but for its design, and the way that it dovetailed cleanly with the rest of the mail experience.&nbsp;</p>
<p>My work on this feature influenced other areas of the Hotmail and Windows Live UI <a href="http://www.tripodell.com/journal/2010/9/11/hotmail-wave-4-rich-attachements.html">-Including the way attachments are reflected in the read view of mail.&nbsp;</a></p>
<h3>Photo LiveView (Flickr, Smugmug)</h3>
<h4><span class="full-image-block ssNonEditable"><img style="width: 500px;" src="http://www.tripodell.com/storage/hotmailLiveView_flickr.png?__SQUARESPACE_CACHEVERSION=1284231374376" alt="" /></span></h4>
<h3>Video LiveView (YouTube, Hulu, Daily Motion)</h3>
<p><span class="thumbnail-image-block ssNonEditable"><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2FHMLV_video_preview.png%3F__SQUARESPACE_CACHEVERSION%3D1284232098243',506,777);"><img src="http://www.tripodell.com/storage/thumbnails/3043433-8506524-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1284232098243" alt="" /></a></span></p>
<p><span class="full-image-block ssNonEditable"><img style="width: 500px;" src="http://www.tripodell.com/storage/HMLV_videoPlay.png?__SQUARESPACE_CACHEVERSION=1284231999766" alt="" /></span></p>
<p>&nbsp;</p>
<h3>Shipping Live View (FedEx, USPS, DHL)</h3>
<p><span class="full-image-block ssNonEditable"><img style="width: 500px;" src="http://www.tripodell.com/storage/HMLV_shipping.png?__SQUARESPACE_CACHEVERSION=1284232283278" alt="" /></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></description><wfw:commentRss>http://www.tripodell.com/journal/rss-comments-entry-8843764.xml</wfw:commentRss></item></channel></rss>
