http://msdo.us MSdo Thu, 25 Aug 2011 22:56:53 +0000 http://msdo.us en http://msdo.us/Altoids http://msdo.us/following/msdo.us/Altoids Thu, 25 Aug 2011 22:56:53 +0000 MSdo 1445336 Altoids Marketing Website - 2001 <img src="http://payload.cargocollective.com/1/0/18737/1445336/02-home_740.png" width="740" height="427" width_o="740" height_o="427" src_o="http://payload.cargocollective.com/1/0/18737/1445336/02-home_o.png" data-mid="9472193" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1445336/03-myhome_740.png" width="740" height="427" width_o="740" height_o="427" src_o="http://payload.cargocollective.com/1/0/18737/1445336/03-myhome_o.png" data-mid="9472196" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1445336/04-untitled_740.png" width="740" height="427" width_o="740" height_o="427" src_o="http://payload.cargocollective.com/1/0/18737/1445336/04-untitled_o.png" data-mid="9472198" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1445336/06-untitled_740.png" width="740" height="427" width_o="740" height_o="427" src_o="http://payload.cargocollective.com/1/0/18737/1445336/06-untitled_o.png" data-mid="9472199" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1445336/08-pop-culture_740.png" width="740" height="427" width_o="740" height_o="427" src_o="http://payload.cargocollective.com/1/0/18737/1445336/08-pop-culture_o.png" data-mid="9472201" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1445336/10-pop-culture-sub2_740.png" width="740" height="427" width_o="740" height_o="427" src_o="http://payload.cargocollective.com/1/0/18737/1445336/10-pop-culture-sub2_o.png" data-mid="9472202" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1445336/11_stechy_instruct_740.png" width="740" height="427" width_o="740" height_o="427" src_o="http://payload.cargocollective.com/1/0/18737/1445336/11_stechy_instruct_o.png" data-mid="9472203" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1445336/12-sketchy_myb_740.png" width="740" height="427" width_o="740" height_o="427" src_o="http://payload.cargocollective.com/1/0/18737/1445336/12-sketchy_myb_o.png" data-mid="9472391" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1445336/15-sktechy-send_740.png" width="740" height="427" width_o="740" height_o="427" src_o="http://payload.cargocollective.com/1/0/18737/1445336/15-sktechy-send_o.png" data-mid="9472394" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1445336/17-ad-gal_740.png" width="740" height="427" width_o="740" height_o="427" src_o="http://payload.cargocollective.com/1/0/18737/1445336/17-ad-gal_o.png" data-mid="9472395" border="0" align="left"/> The project challenge was to evolve the previous award winning Altoids website into a new rich-media Flash driven site addressing the uniqueness of the brand and the curiously strong appetites of the Altoids audience. The new site is a fresh, unpretentious and fun destination that “immerses visitors in the process of creative discovery”. The Red Sky team developed three unique modules, which inspire visitors to peer inside an actual work-in-progress created by artists of different disciplines, to enjoy humorous commentary provided by pop culture critics and to participate in an online art collaboration with friends. As the Senior Interaction Designer, having joined the project in process, I developed the overall site architecture and connected the three sections of the site through the homepage preview and expanding global navigation. I addressed the remaining interaction design issues and assisted in designing the first time user experience flow and help features. http://msdo.us/Whitney-Museum http://msdo.us/following/msdo.us/Whitney-Museum Thu, 25 Aug 2011 22:56:51 +0000 MSdo 1882869 Whitney Museum, American Century Exhibit - 1999 <img src="http://payload.cargocollective.com/1/0/18737/1882869/01_60s2_740.png" width="740" height="485" width_o="740" height_o="485" src_o="http://payload.cargocollective.com/1/0/18737/1882869/01_60s2_o.png" data-mid="9471946" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1882869/02_40s2_740.png" width="740" height="484" width_o="740" height_o="484" src_o="http://payload.cargocollective.com/1/0/18737/1882869/02_40s2_o.png" data-mid="9471948" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1882869/03_40s3_740.png" width="740" height="485" width_o="740" height_o="485" src_o="http://payload.cargocollective.com/1/0/18737/1882869/03_40s3_o.png" data-mid="9471949" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1882869/04_40s4_740.png" width="740" height="485" width_o="740" height_o="485" src_o="http://payload.cargocollective.com/1/0/18737/1882869/04_40s4_o.png" data-mid="9471952" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1882869/05_40s5_740.png" width="740" height="485" width_o="740" height_o="485" src_o="http://payload.cargocollective.com/1/0/18737/1882869/05_40s5_o.png" data-mid="9471953" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1882869/06_40s6_740.png" width="740" height="485" width_o="740" height_o="485" src_o="http://payload.cargocollective.com/1/0/18737/1882869/06_40s6_o.png" data-mid="9471954" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1882869/07_40s7_740.png" width="740" height="484" width_o="740" height_o="484" src_o="http://payload.cargocollective.com/1/0/18737/1882869/07_40s7_o.png" data-mid="9471958" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1882869/08_40s8_740.png" width="740" height="485" width_o="740" height_o="485" src_o="http://payload.cargocollective.com/1/0/18737/1882869/08_40s8_o.png" data-mid="9471960" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1882869/09_40s9_740.png" width="740" height="485" width_o="740" height_o="485" src_o="http://payload.cargocollective.com/1/0/18737/1882869/09_40s9_o.png" data-mid="9471962" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1882869/10_About_740.png" width="740" height="485" width_o="740" height_o="485" src_o="http://payload.cargocollective.com/1/0/18737/1882869/10_About_o.png" data-mid="9471965" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1882869/11_Discussion_740.png" width="740" height="487" width_o="740" height_o="487" src_o="http://payload.cargocollective.com/1/0/18737/1882869/11_Discussion_o.png" data-mid="9471966" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1882869/12_Learning_740.png" width="740" height="486" width_o="740" height_o="486" src_o="http://payload.cargocollective.com/1/0/18737/1882869/12_Learning_o.png" data-mid="9471968" border="0" align="left"/> The American Century art exhibit was an unprecedented assembly of American art of the 20th Century. The exhibit was held at the Whitney Museum in New York during the summer of 1999. Intel commissioned a rich-media website to complement the exhibit. The objective was to create a rich-media broadband website that pushed web technology at the time. The website showcased a significant sampling of the exhibit, experienced primarily through the Exhibit section, as seen to the right. The website expanded on the background of the artist, significance of the art and historical context when the art was made. The overall goal was to enable visitors to better identify with the art and provide an innovative digital "museum going" experience. The site made use of extensive DHTML, streaming media and other advanced web technologies. A unique component of the site is the scrolling Timeline and My List feature, as seen in the sequence of images below. The My List feature allows visitors to bookmark and annotate artworks as they move through the online exhibit and then create a personal tour, which can be saved and shared with friends. As one of two Interaction Designers on the project, I worked on the overall concept, the Timeline section and the My List feature. In addition, I architected the content management system that managed all media assets. http://msdo.us/3Com-Audrey http://msdo.us/following/msdo.us/3Com-Audrey Fri, 19 Aug 2011 01:56:00 +0000 MSdo 1445351 3Com Audrey Internet Appliance - 2000 <img src="http://payload.cargocollective.com/1/0/18737/1445351/02_mail_740.png" width="720" height="591" width_o="720" height_o="591" src_o="http://payload.cargocollective.com/1/0/18737/1445351/02_mail_o.png" data-mid="9312875" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1445351/03_messages_740.png" width="720" height="591" width_o="720" height_o="591" src_o="http://payload.cargocollective.com/1/0/18737/1445351/03_messages_o.png" data-mid="9312877" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1445351/04_calender_740.png" width="720" height="591" width_o="720" height_o="591" src_o="http://payload.cargocollective.com/1/0/18737/1445351/04_calender_o.png" data-mid="9312878" border="0" align="left"/> The Audrey is an information appliance designed to act as the nerve center of the home, enabling the coordination of family activities, communication between family members, and quick access to online content like weather, traffic, sports, stocks and pre-packaged content channels.3Com looked to Razorfish to develop a high quality user interface that would differentiate the Audrey user experience from the emerging information appliance competitive landscape. The Audrey user interface is simple, easy to use and intuitive. The key features comprised of a calendar, email, address book and web browser. Audrey's personality is a combination of a trusted friend and concierge. As the Interaction Designer on this project, I outlined the personality of the interface and led the interaction design development. I defined the user experience direction, assessed the technical constraints presented by the hardware and limited OS as well as worked with the visual design and development team to deliver the solution. I also played a coordination role in our collaboration with IDEO who developed the industrial design. http://msdo.us/FlipShare http://msdo.us/following/msdo.us/FlipShare Fri, 03 Jun 2011 19:41:16 +0000 MSdo 1442206 Video Playback, Creation and Sharing Application - 2009-2011 <img src="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_00_740.png" width="740" height="454" width_o="740" height_o="454" src_o="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_00_o.png" data-mid="7466170" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_01_740.png" width="740" height="454" width_o="740" height_o="454" src_o="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_01_o.png" data-mid="7466231" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_02_740.png" width="740" height="454" width_o="740" height_o="454" src_o="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_02_o.png" data-mid="7466232" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_03_740.png" width="740" height="454" width_o="740" height_o="454" src_o="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_03_o.png" data-mid="7466234" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_05_740.png" width="740" height="454" width_o="740" height_o="454" src_o="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_05_o.png" data-mid="7466236" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_06_740.png" width="740" height="454" width_o="740" height_o="454" src_o="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_06_o.png" data-mid="7466238" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_09_740.png" width="740" height="454" width_o="740" height_o="454" src_o="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_09_o.png" data-mid="7466239" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_10_740.png" width="740" height="454" width_o="740" height_o="454" src_o="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_10_o.png" data-mid="7466241" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_11_740.png" width="740" height="454" width_o="740" height_o="454" src_o="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Desktop_11_o.png" data-mid="7466242" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Web-App_00b_740.png" width="740" height="454" width_o="740" height_o="454" src_o="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Web-App_00b_o.png" data-mid="7468446" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Web-App_01b_740.png" width="740" height="454" width_o="740" height_o="454" src_o="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Web-App_01b_o.png" data-mid="7468448" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Web-App_02b_740.png" width="740" height="454" width_o="740" height_o="454" src_o="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Web-App_02b_o.png" data-mid="7468450" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Web-App_04b_740.png" width="740" height="454" width_o="740" height_o="454" src_o="http://payload.cargocollective.com/1/0/18737/1442206/FlipShare-Web-App_04b_o.png" data-mid="7468453" border="0" align="left"/> FlipShare is a media management, movie creation and social sharing application that comes pre-loaded on the FlipVideo line of cameras. FlipShare makes it easy to transfer videos off the camera, organize and edit videos, create custom movies and personalized video greeting cards and seamlessly share their videos with friends and family. FlipVideo has sold more than 7 million cameras since it’s inception in 2007. It created a new “shoot and share” video camera category that changed the video camera industry. Much of Flip’s appeal rested in how simple it is to capture and share videos. You turn it on, and it’s ready to shoot immediately. The driving vision has been to make video fun and accessible to all. People are passionate about their Flip. Flip was acquired by Cisco in 2010. FlipShare began as a simple media file off loader in late 2008 and quickly grew and expanded to become a full featured desktop software that included a web application, a comprehensive cloud services platform supporting iPhone and Android smart phones, iPad tablet and a FlipConnect TV product. Over 24 months we completed countless releases, following a Agile development process, made a major shift from a memory making emphasis to a real-time communications emphasis based on constant feedback from customers. We expanded the capabilities around simple editing and creation tools to allow customers to express themselves and create high quality videos. And lastly we invested in developing robust sharing capabilities that tied into sending via email, posting to group channels and uploading to social networks such as Facebook and YouTube. As the head of User Experience, I worked on all features, setting the direction, guiding the requirements definition, directing the design development and overseeing the delivery of each release. This was a strategic leadership and management role working closely with senior management and cross functional stakeholders, building the design team while guiding product and design efforts to deliver an integrated and simple user experience. www.theflip.com http://msdo.us/FlipShare-Redesign http://msdo.us/following/msdo.us/FlipShare-Redesign Fri, 03 Jun 2011 19:32:08 +0000 MSdo 1442171 Desktop and Web Redesign Proposal - 2011 <img src="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.059_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.059_o.png" data-mid="9449013" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4.117_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4.117_o.png" data-mid="9449246" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.060_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.060_o.png" data-mid="9449016" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.061_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.061_o.png" data-mid="9449018" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.062_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.062_o.png" data-mid="9449019" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.063_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.063_o.png" data-mid="9449021" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.064_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.064_o.png" data-mid="9449023" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.065_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.065_o.png" data-mid="9449025" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4.118_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4.118_o.png" data-mid="9449251" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.066_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.066_o.png" data-mid="9449032" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.067_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.067_o.png" data-mid="9449035" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.068_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442171/Preso_v4 copy.068_o.png" data-mid="9449039" border="0" align="left"/> The FlipShare redesign was in response to the growing desire to both enhance the FlipShare look and feel as well as unify more closely with the overall Cisco Consumer Products brand direction and marketing site. This was a quick turn around project that took less than a month. The scope of the project was to simply refresh the desktop and web user experience. The design explorations were part of a broader effort to establish a unified Flip design language across desktop, web, mobile, tablet and TV platforms for all Cisco Consumer Products. As the head of User Experience, I initiated the project, sold the need to senior management, coordinated with brand stakeholders and directed multiple design directions with individual designers. As part of that effort I also took the opportunity to develop one of the directions. I authored the above designs. http://msdo.us/FlipShare-Mobile http://msdo.us/following/msdo.us/FlipShare-Mobile Fri, 03 Jun 2011 19:31:48 +0000 MSdo 1442184 FlipShare iPhone and iPad Applications - 2010-2011 <img src="http://payload.cargocollective.com/1/0/18737/1442184/01_iPhone_740.png" width="740" height="580" width_o="740" height_o="580" src_o="http://payload.cargocollective.com/1/0/18737/1442184/01_iPhone_o.png" data-mid="9698778" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442184/02_iPhone_740.png" width="740" height="580" width_o="740" height_o="580" src_o="http://payload.cargocollective.com/1/0/18737/1442184/02_iPhone_o.png" data-mid="9698779" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/18737/1442184/iPad_01_740.png" width="740" height="647" width_o="740" height_o="647" src_o="http://payload.cargocollective.com/1/0/18737/1442184/iPad_01_o.png" data-mid="9698626" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442184/iPad_02_740.png" width="740" height="647" width_o="740" height_o="647" src_o="http://payload.cargocollective.com/1/0/18737/1442184/iPad_02_o.png" data-mid="9698638" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442184/iPad_03_740.png" width="740" height="647" width_o="740" height_o="647" src_o="http://payload.cargocollective.com/1/0/18737/1442184/iPad_03_o.png" data-mid="9698643" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442184/iPad_04_740.png" width="740" height="647" width_o="740" height_o="647" src_o="http://payload.cargocollective.com/1/0/18737/1442184/iPad_04_o.png" data-mid="9698646" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442184/iPad_05_740.png" width="740" height="647" width_o="740" height_o="647" src_o="http://payload.cargocollective.com/1/0/18737/1442184/iPad_05_o.png" data-mid="9698654" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442184/iPad_06_740.png" width="740" height="647" width_o="740" height_o="647" src_o="http://payload.cargocollective.com/1/0/18737/1442184/iPad_06_o.png" data-mid="9698662" border="0" align="left"/> FlipShare mobile consists of an iPhone, iPad and Android application that offer instant access to your Flip videos. In late 2010 the objective was to develop a robust FlipShare mobile offering alongside the desktop and web offering. Within a period of 4 months we developed an iPhone solution that focused on three major areas; playback of shared videos, access to local videos shot from the device along with sharing and commenting capabilities. We then leveraged the iPhone solution in develop Android and iPad solutions. It was a solid starting point for many of the subsequent mobile connected experiences we have explored. As the head of User Experience, my responsibilities were to direct all aspects of the design development. I led a team of three designers as part of a rapid design, prototyping and Agile development process. http://msdo.us/FlipShare-MovieMaker http://msdo.us/following/msdo.us/FlipShare-MovieMaker Fri, 03 Jun 2011 19:24:43 +0000 MSdo 1442214 FlipShare MovieMaker Project for the iPad - 2011 <img src="http://payload.cargocollective.com/1/0/18737/1442214/Preso_v4_94_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442214/Preso_v4_94_o.png" data-mid="9698906" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442214/Preso_v4_95_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442214/Preso_v4_95_o.png" data-mid="9698907" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442214/Preso_v4_96_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442214/Preso_v4_96_o.png" data-mid="9698911" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442214/Preso_v4_97_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442214/Preso_v4_97_o.png" data-mid="9698912" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442214/Preso_v4_98_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442214/Preso_v4_98_o.png" data-mid="9698913" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442214/Preso_v4_99_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442214/Preso_v4_99_o.png" data-mid="9698916" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/1442214/Preso_v4_100_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/1442214/Preso_v4_100_o.png" data-mid="9698917" border="0" align="left"/> FlipShare MovieMaker project brings the simple Flip video editing and movie creation capabilities to the iPad. Flip was interested to develop a complimentary offering to the desktop on the iPad with a focus on enhancing the immediacy of creation and sharing capabilities. As part of an evolving mobile strategy, we explored multiple concepts. We choose to start with the MovieMaker concept and took 3 months to develop a prototype. The thinking both pushed the next-gen product roadmap as well as established a new forward looking direction for the design language. As the head of User Experience, I outlined the project, led the product concepting and directed the design and prototyping efforts, working in close collaboration with an external design partner. http://msdo.us/Microsoft-Mira http://msdo.us/following/msdo.us/Microsoft-Mira Sun, 10 Jan 2010 02:38:11 +0000 MSdo 216848 Microsoft Mira Smart Display OS Interface - 2002 <img src="http://payload.cargocollective.com/1/0/18737/216848/01_mira_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/216848/01_mira_o.png" data-mid="7043016" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/216848/02_mira_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/216848/02_mira_o.png" data-mid="7043017" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/216848/03_mira_740.png" width="740" height="555" width_o="740" height_o="555" src_o="http://payload.cargocollective.com/1/0/18737/216848/03_mira_o.png" data-mid="7043018" border="0" align="left"/> Mira is Microsoft’s consumer facing eHome wireless smart display solution. The Mira user interface is comprised of a full-screen dashboard that facilitates managing profile selection, host PC connectivity and external media playback. The Mira user interface compliments the Windows XP user interface, allowing users to feel as though they are seamlessly using their desktop computer while interacting with the smart display. Microsoft looked to Agency.com to develop the overall visual language and button iconography for the Mira user interface. We had to work within a limited Windows CE environment, a pre-defined architecture and a tight project timeline. We developed three interface concepts; "flat monitor", "utility PDA" and "metallic PC", resulting in a highly refined final design seen to the right. As the Senior Interaction Designer on this project, my responsibilities were to guide the interface concept exploration, translate the technical architecture constraints and lead the interaction design development of the dashboard and setup wizard. http://msdo.us/MyYahoo http://msdo.us/following/msdo.us/MyYahoo Sun, 10 Jan 2010 01:36:15 +0000 MSdo 216779 MyYahoo! Broadband Portal Redesign - 2004 <img src="http://payload.cargocollective.com/1/0/18737/216779/01_740.png" width="740" height="813" width_o="740" height_o="813" src_o="http://payload.cargocollective.com/1/0/18737/216779/01_o.png" data-mid="9699671" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/216779/02_740.png" width="740" height="813" width_o="740" height_o="813" src_o="http://payload.cargocollective.com/1/0/18737/216779/02_o.png" data-mid="9699676" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/216779/03_740.png" width="740" height="813" width_o="740" height_o="813" src_o="http://payload.cargocollective.com/1/0/18737/216779/03_o.png" data-mid="9699677" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/216779/04_MyYahoo_BT_740.png" width="740" height="813" width_o="740" height_o="813" src_o="http://payload.cargocollective.com/1/0/18737/216779/04_MyYahoo_BT_o.png" data-mid="9699680" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/216779/05_MyYahoo_rogers_740.png" width="740" height="813" width_o="740" height_o="813" src_o="http://payload.cargocollective.com/1/0/18737/216779/05_MyYahoo_rogers_o.png" data-mid="9699684" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/216779/06_MyYahoo_verizon_740.png" width="740" height="813" width_o="740" height_o="813" src_o="http://payload.cargocollective.com/1/0/18737/216779/06_MyYahoo_verizon_o.png" data-mid="9699686" border="0" align="left"/> The MyYahoo! Broadband Portal is Yahoo!’s premium portal for Broadband Access customers. The portal leverages the MyYahoo! platform to deliver customization capabilities with added rich media modules, advanced functionality and premium content. The site follows an evolutionary process building innovative new features on top of the MyYahoo! platform optimized to meet specific engagement and performance objectives. During the v2.0 to v3.0 upgrade my team addressed the redesign of the portal header to incorporate the Yahoo! Vertical Search feature, Yahoo! property shortcut links and customer care services. We refined the overall portal framework and partner co-branding capabilities. Within the portal we added dynamic Flash functionality to the Today and Quick Picks modules, which are shown to the right. More specifically, in the case of the Today module, we incorporated inline video functionality and the ability to paginate through multiple collections of articles, which dramatically increased content consumption on the portal. As the Senior Design Manager, Mark's responsibilities were to oversee the various enhancements. I initiated the concepting, set the strategic direction and oversaw the interaction and visual design development. I was also responsible for coordinating my team’s efforts with the MyYahoo! team to ensure consistency and platform compatibility. my.yahoo.com with premium account http://msdo.us/Yahoo-Video http://msdo.us/following/msdo.us/Yahoo-Video Sun, 10 Jan 2010 00:55:59 +0000 MSdo 216748 Yahoo! Broadband Video Player - 2005 <img src="http://payload.cargocollective.com/1/0/18737/216748/03_view_740.png" width="740" height="506" width_o="740" height_o="506" src_o="http://payload.cargocollective.com/1/0/18737/216748/03_view_o.png" data-mid="7042841" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/216748/04_browse_740.png" width="740" height="506" width_o="740" height_o="506" src_o="http://payload.cargocollective.com/1/0/18737/216748/04_browse_o.png" data-mid="7042842" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/216748/05_results_740.png" width="740" height="506" width_o="740" height_o="506" src_o="http://payload.cargocollective.com/1/0/18737/216748/05_results_o.png" data-mid="7042843" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/18737/216748/06_variations_740.png" width="740" height="356" width_o="740" height_o="356" src_o="http://payload.cargocollective.com/1/0/18737/216748/06_variations_o.png" data-mid="7042844" border="0" align="left"/> The Yahoo! Broadband Video Player is a Flash rich internet application (RIA) developed to deliver high quality streaming video for the Broadband Access customers. The16s to increase engagement and video consumption as well as achieve a universal video player platform for the Yahoo! network, consolidating seven different players. This was a large scale cross BU initiative having to address a significant number of stakeholder needs, challenging requirements and yet achieve a simple and intuitive user experience. The design team conducted formative user research as well as iterative prototype testing to refine the design and feature set. We discovered the user behavior of a primary “view mode” vs a secondary “browse mode”. We incorporated current advertising units and video search functionality. We developed an innovative and scalable multi-channel navigation system, allowing for quick content pagination and easy access to the complete Yahoo! video collection. As the design director, Mark led all aspects of the user experience design in particular outlining the user-centered design process, helping define the product requirements, overseeing the user research and testing, developing the user experience strategy, directing the interaction and visual design, overseeing the implementation and fostering consensus across the various BU senior stakeholders.