<?xml version="1.0" encoding="UTF-8"?>
<!--Generated by Squarespace Site Server v5.11.81 (http://www.squarespace.com/) on Mon, 13 Feb 2012 12:30:52 GMT--><rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rss="http://purl.org/rss/1.0/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:admin="http://webns.net/mvcb/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:cc="http://web.resource.org/cc/"><rss:channel rdf:about="http://www.tripodell.com/journal/"><rss:title>www.tripodell.com</rss:title><rss:link>http://www.tripodell.com/journal/</rss:link><rss:description>Trip ODell: Interaction Designer, Creative Generalist, Nice Guy</rss:description><dc:language>en-US</dc:language><dc:date>2012-02-13T12:30:52Z</dc:date><admin:generatorAgent rdf:resource="http://www.squarespace.com/">Squarespace Site Server v5.11.81 (http://www.squarespace.com/)</admin:generatorAgent><rss:items><rdf:Seq><rdf:li rdf:resource="http://www.tripodell.com/journal/2010/10/3/new-hotmail-chrome.html"/><rdf:li rdf:resource="http://www.tripodell.com/journal/2010/10/3/windows-live-essentials-mail-2011-message-list-chrome.html"/><rdf:li rdf:resource="http://www.tripodell.com/journal/2010/10/3/windows-live-essentials-mail-2011-compose.html"/><rdf:li rdf:resource="http://www.tripodell.com/journal/windows-live-essentials-mail-2011-contacts.html"/><rdf:li rdf:resource="http://www.tripodell.com/journal/hotmail-message-list-filters.html"/><rdf:li rdf:resource="http://www.tripodell.com/journal/windows-live-photomail.html"/><rdf:li rdf:resource="http://www.tripodell.com/journal/quick-add-pannel-v20-compose-insert-bar.html"/><rdf:li rdf:resource="http://www.tripodell.com/journal/microsoft-office-online-docmail.html"/><rdf:li rdf:resource="http://www.tripodell.com/journal/hotmail-wave-4-rich-attachements.html"/><rdf:li rdf:resource="http://www.tripodell.com/journal/hotmail-wave-4-hotmail-live-views.html"/></rdf:Seq></rss:items></rss:channel><rss:item rdf:about="http://www.tripodell.com/journal/2010/10/3/new-hotmail-chrome.html"><rss:title>New Hotmail chrome</rss:title><rss:link>http://www.tripodell.com/journal/2010/10/3/new-hotmail-chrome.html</rss:link><dc:creator>Trip ODell</dc:creator><dc:date>2010-10-04T05:33:36Z</dc:date><dc:subject>Hotmail IA Microsoft visual design</dc:subject><content:encoded><![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>
]]></content:encoded></rss:item><rss:item rdf:about="http://www.tripodell.com/journal/2010/10/3/windows-live-essentials-mail-2011-message-list-chrome.html"><rss:title>Windows Live Essentials Mail 2011 - Message list chrome</rss:title><rss:link>http://www.tripodell.com/journal/2010/10/3/windows-live-essentials-mail-2011-message-list-chrome.html</rss:link><dc:creator>Trip ODell</dc:creator><dc:date>2010-10-04T05:21:20Z</dc:date><dc:subject>IA Microsoft art direction visual design</dc:subject><content:encoded><![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>
]]></content:encoded></rss:item><rss:item rdf:about="http://www.tripodell.com/journal/2010/10/3/windows-live-essentials-mail-2011-compose.html"><rss:title>Windows Live Essentials Mail 2011 - Compose</rss:title><rss:link>http://www.tripodell.com/journal/2010/10/3/windows-live-essentials-mail-2011-compose.html</rss:link><dc:creator>Trip ODell</dc:creator><dc:date>2010-10-04T05:18:40Z</dc:date><dc:subject>Microsoft art direction visual design</dc:subject><content:encoded><![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>
]]></content:encoded></rss:item><rss:item rdf:about="http://www.tripodell.com/journal/windows-live-essentials-mail-2011-contacts.html"><rss:title>Windows Live Essentials Mail 2011 - Contacts</rss:title><rss:link>http://www.tripodell.com/journal/windows-live-essentials-mail-2011-contacts.html</rss:link><dc:creator>Trip ODell</dc:creator><dc:date>2010-10-04T05:13:41Z</dc:date><dc:subject>CIM IA Microsoft Workflow visual design</dc:subject><content:encoded><![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>
]]></content:encoded></rss:item><rss:item rdf:about="http://www.tripodell.com/journal/hotmail-message-list-filters.html"><rss:title>Hotmail message list filters</rss:title><rss:link>http://www.tripodell.com/journal/hotmail-message-list-filters.html</rss:link><dc:creator>Trip ODell</dc:creator><dc:date>2010-09-13T03:40:30Z</dc:date><dc:subject>IA Microsoft Workflow concept</dc:subject><content:encoded><![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>
]]></content:encoded></rss:item><rss:item rdf:about="http://www.tripodell.com/journal/windows-live-photomail.html"><rss:title>Windows Live Photomail</rss:title><rss:link>http://www.tripodell.com/journal/windows-live-photomail.html</rss:link><dc:creator>Trip ODell</dc:creator><dc:date>2010-09-12T06:06:54Z</dc:date><dc:subject>IA Interaction Microsoft</dc:subject><content:encoded><![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>
]]></content:encoded></rss:item><rss:item rdf:about="http://www.tripodell.com/journal/quick-add-pannel-v20-compose-insert-bar.html"><rss:title>Quick-add pannel v2.0 / Compose Insert Bar</rss:title><rss:link>http://www.tripodell.com/journal/quick-add-pannel-v20-compose-insert-bar.html</rss:link><dc:creator>Trip ODell</dc:creator><dc:date>2010-09-12T05:59:41Z</dc:date><dc:subject>CIM Interaction Microsoft concept visual design</dc:subject><content:encoded><![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>
]]></content:encoded></rss:item><rss:item rdf:about="http://www.tripodell.com/journal/microsoft-office-online-docmail.html"><rss:title>Microsoft Office Online: Docmail</rss:title><rss:link>http://www.tripodell.com/journal/microsoft-office-online-docmail.html</rss:link><dc:creator>Trip ODell</dc:creator><dc:date>2010-09-12T05:27:50Z</dc:date><dc:subject>Microsoft Workflow</dc:subject><content:encoded><![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>
]]></content:encoded></rss:item><rss:item rdf:about="http://www.tripodell.com/journal/hotmail-wave-4-rich-attachements.html"><rss:title>Hotmail Wave 4: Rich Attachements</rss:title><rss:link>http://www.tripodell.com/journal/hotmail-wave-4-rich-attachements.html</rss:link><dc:creator>Trip ODell</dc:creator><dc:date>2010-09-12T04:41:29Z</dc:date><dc:subject>CIM Microsoft Workflow concept visual design</dc:subject><content:encoded><![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>
]]></content:encoded></rss:item><rss:item rdf:about="http://www.tripodell.com/journal/hotmail-wave-4-hotmail-live-views.html"><rss:title>Hotmail Wave 4: Hotmail Live Views</rss:title><rss:link>http://www.tripodell.com/journal/hotmail-wave-4-hotmail-live-views.html</rss:link><dc:creator>Trip ODell</dc:creator><dc:date>2010-09-11T18:47:07Z</dc:date><dc:subject>CIM IA Microsoft Workflow concept prototyping visual design</dc:subject><content:encoded><![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>
]]></content:encoded></rss:item></rdf:RDF>
