<?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:58 GMT--><feed xmlns="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/"><title>www.tripodell.com</title><subtitle>Portfolio</subtitle><id>http://www.tripodell.com/journal/</id><link rel="alternate" type="application/xhtml+xml" href="http://www.tripodell.com/journal/"/><link rel="self" type="application/atom+xml" href="http://www.tripodell.com/journal/atom.xml"/><updated>2011-04-04T22:35:34Z</updated><generator uri="http://www.squarespace.com/" version="Squarespace Site Server v5.11.81 (http://www.squarespace.com/)">Squarespace</generator><entry><title>New Hotmail chrome</title><category term="Hotmail"/><category term="IA"/><category term="Microsoft"/><category term="visual design"/><id>http://www.tripodell.com/journal/2010/10/3/new-hotmail-chrome.html</id><link rel="alternate" type="text/html" href="http://www.tripodell.com/journal/2010/10/3/new-hotmail-chrome.html"/><author><name>Trip ODell</name></author><published>2010-10-04T05:33:36Z</published><updated>2010-10-04T05:33:36Z</updated><content type="html" xml:lang="en-US"><![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></entry><entry><title>Windows Live Essentials Mail 2011 - Message list chrome</title><category term="IA"/><category term="Microsoft"/><category term="art direction"/><category term="visual design"/><id>http://www.tripodell.com/journal/2010/10/3/windows-live-essentials-mail-2011-message-list-chrome.html</id><link rel="alternate" type="text/html" href="http://www.tripodell.com/journal/2010/10/3/windows-live-essentials-mail-2011-message-list-chrome.html"/><author><name>Trip ODell</name></author><published>2010-10-04T05:21:20Z</published><updated>2010-10-04T05:21:20Z</updated><content type="html" xml:lang="en-US"><![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></entry><entry><title>Windows Live Essentials Mail 2011 - Compose</title><category term="Microsoft"/><category term="art direction"/><category term="visual design"/><id>http://www.tripodell.com/journal/2010/10/3/windows-live-essentials-mail-2011-compose.html</id><link rel="alternate" type="text/html" href="http://www.tripodell.com/journal/2010/10/3/windows-live-essentials-mail-2011-compose.html"/><author><name>Trip ODell</name></author><published>2010-10-04T05:18:40Z</published><updated>2010-10-04T05:18:40Z</updated><content type="html" xml:lang="en-US"><![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></entry><entry><title>Windows Live Essentials Mail 2011 - Contacts</title><category term="CIM"/><category term="IA"/><category term="Microsoft"/><category term="Workflow"/><category term="visual design"/><id>http://www.tripodell.com/journal/windows-live-essentials-mail-2011-contacts.html</id><link rel="alternate" type="text/html" href="http://www.tripodell.com/journal/windows-live-essentials-mail-2011-contacts.html"/><author><name>Trip ODell</name></author><published>2010-10-04T05:13:41Z</published><updated>2010-10-04T05:13:41Z</updated><content type="html" xml:lang="en-US"><![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></entry><entry><title>Hotmail message list filters</title><category term="IA"/><category term="Microsoft"/><category term="Workflow"/><category term="concept"/><id>http://www.tripodell.com/journal/hotmail-message-list-filters.html</id><link rel="alternate" type="text/html" href="http://www.tripodell.com/journal/hotmail-message-list-filters.html"/><author><name>Trip ODell</name></author><published>2010-09-13T03:40:30Z</published><updated>2010-09-13T03:40:30Z</updated><content type="html" xml:lang="en-US"><![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></entry><entry><title>Windows Live Photomail</title><category term="IA"/><category term="Interaction"/><category term="Microsoft"/><id>http://www.tripodell.com/journal/windows-live-photomail.html</id><link rel="alternate" type="text/html" href="http://www.tripodell.com/journal/windows-live-photomail.html"/><author><name>Trip ODell</name></author><published>2010-09-12T06:06:54Z</published><updated>2010-09-12T06:06:54Z</updated><content type="html" xml:lang="en-US"><![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></entry><entry><title>Quick-add pannel v2.0 / Compose Insert Bar</title><category term="CIM"/><category term="Interaction"/><category term="Microsoft"/><category term="concept"/><category term="visual design"/><id>http://www.tripodell.com/journal/quick-add-pannel-v20-compose-insert-bar.html</id><link rel="alternate" type="text/html" href="http://www.tripodell.com/journal/quick-add-pannel-v20-compose-insert-bar.html"/><author><name>Trip ODell</name></author><published>2010-09-12T05:59:41Z</published><updated>2010-09-12T05:59:41Z</updated><content type="html" xml:lang="en-US"><![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></entry><entry><title>Microsoft Office Online: Docmail</title><category term="Microsoft"/><category term="Workflow"/><id>http://www.tripodell.com/journal/microsoft-office-online-docmail.html</id><link rel="alternate" type="text/html" href="http://www.tripodell.com/journal/microsoft-office-online-docmail.html"/><author><name>Trip ODell</name></author><published>2010-09-12T05:27:50Z</published><updated>2010-09-12T05:27:50Z</updated><content type="html" xml:lang="en-US"><![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></entry><entry><title>Hotmail Wave 4: Rich Attachements</title><category term="CIM"/><category term="Microsoft"/><category term="Workflow"/><category term="concept"/><category term="visual design"/><id>http://www.tripodell.com/journal/hotmail-wave-4-rich-attachements.html</id><link rel="alternate" type="text/html" href="http://www.tripodell.com/journal/hotmail-wave-4-rich-attachements.html"/><author><name>Trip ODell</name></author><published>2010-09-12T04:41:29Z</published><updated>2010-09-12T04:41:29Z</updated><content type="html" xml:lang="en-US"><![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></entry><entry><title>Hotmail Wave 4: Hotmail Live Views</title><category term="CIM"/><category term="IA"/><category term="Microsoft"/><category term="Workflow"/><category term="concept"/><category term="prototyping"/><category term="visual design"/><id>http://www.tripodell.com/journal/hotmail-wave-4-hotmail-live-views.html</id><link rel="alternate" type="text/html" href="http://www.tripodell.com/journal/hotmail-wave-4-hotmail-live-views.html"/><author><name>Trip ODell</name></author><published>2010-09-11T18:47:07Z</published><updated>2010-09-11T18:47:07Z</updated><content type="html" xml:lang="en-US"><![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></entry></feed>
