MSN Enhanced TV

ETV.png

Background

MSN approached Drumroll requesting a unique, tablet and mobile-friendly television viewing companion. I worked with our Associate Creative Director on the design, production and user experience/creative brainstorming of the resulting MSN Enhanced TV site. Not an app, but rather designed to sniff your device and serve up the appropriate desktop, tablet, or smartphone experience.

My Role

  • Brainstorming & Whiteboarding
  • UI/UX Design Collaboration
  • Visual Design Collaboration
  • Production & Handoff

Lead Designer / ACD: Nicole Fikes

  • MSN_ETV_1.jpg
  • MSN_ETV_2.jpg
  • MSN_ETV_3.jpg
  • MSN_ETV_4.jpg
  • Poll_Tablet_Horz.jpg
  • MSN_ETV_1b.jpg
  • 01_home.jpg
  • 02_photo.jpg
  • 03_video.jpg

Wimbledon Tablet

The experience begins with a splash screen inviting you to “Start spectating.” What follows is a dashboard view featuring a stream of modules supplying extra content to what you’re watching in real-time. In addition to photos and videos and their respective galleries; it also serves up trivia, quotes, ads, fan polls and various media feeds.

I followed Nicole's initial wireframes for the stream and ideas for the dashboard, and we both began designing various features, visualizations of polls and information, etc. She led the overall design with a lot of my ideas and solutions being used as well. I also adapted everything we did together for the tablet landscape view that we were comping to desktop and mobile portrait and landscape views and led the production efforts and handoff to MSN's development team.

  • IMG_0646.jpg
  • 02_Fact_Poll_2_answer.jpg
  • IMG_0647.jpg
  • IMG_0648.jpg
  • 10467 Enhanced TV_Tablet_Horizontal_SoccerSkin.jpg

Poll Answers Visualizations

I played a big part in creating the various kinds of poll answers visualizations for the user. This was back in 2012, before you could just plug and play any chart design and tool from GitHub, so I'm proud of some of these early data vis ideas.

Wimbledon Phone

  • MSN_ETV_5.jpg
  • MSN_ETV_x.jpg
  • MSN_ETV_xx.jpg
  • Poll_Results_Phone_Vert.jpg
  • Phone_Horz.jpg

Wimbledon Desktop

  • MSN_ETV_6.jpg

  • Screen Shot 2013-02-11 at 9.46.44 PM.png
  • 01_Intro_Page.jpg
  • 10467 Enhanced TV_Tablet_Horizontal_OlympicSkin_11.jpg
  • 02_Fact_Poll_2_answer.jpg
  • 03_All_Feeds.jpg
  • 04_Photo_Gallery.jpg
  • 05_Photo_Horizontal.jpg
  • 06_Video_Gallery.jpg
  • 07_Video_Play.jpg
  • 10467 Enhanced TV_Web_SoccerSkin.Default copy.jpg
  • 10467 Enhanced TV_Tablet_Vertical_SoccerSkin.jpg
  • tablet_L_new_UI.jpg
  • tablet_P_new_UI.jpg
  • 10467 Enhanced TV_Tablet_Horizontal_SkinnableShell.png.jpg
  • 10467 Enhanced TV_Tablet_Vertical_SkinnableShell.jpg
  • PC_Version_Galleries.jpg
  • PC_Version_Default_Ballot.jpg
  • Enhanced_TV_Mobile.jpg

Other Skins & Uses

The ETV experience was originally concepted for the Oscars and included a fun, interactive ballot system linking users to their facebook fans also participating and creating a leaderboard amongst groups. The client wasn't ready to proceed for this event unfortunately. However, it was used for the London Olympics and the UEFA and Wimbledon Championships.