MSN/Bing Sports for Windows 8

Sep 2011 – May 2012, Bing App Experiences(AppEx) | Applications and Services Group(ASG) | Microsoft

As a default app on Windows 8, Bing/MSN Sports app was designed to show the full potential of Microsoft’s Metro design language. As the lead designer, I led the overall visual/interaction design, information architecture, and UX. I developed full-bleed ‘hero’ image concept as a signature design element of the Bing Windows 8 app suite. The app shows the bold use of typography, color, and images with rich data elements such as scores, player stats, and headshots.

Goal

The main design goal was to create a magazine style rich content consumption experience. Based on Windows 8’s horizontal scrolling mechanism, I designed information architecture in a way that makes the user’s reading flow natural and enjoyable. Starting with the latest news ‘Top Stories’ section, the app shows score updates of my ‘Favorite Teams’.

  • Aggregates the best of the sporting information for me
  • Makes it effortless to follow my teams year round
  • Awesome TV companion to watch live games
  • Makes it easy to connect with my sporting friends
  • Surface relevant stats to make fantasy research easy and fun
  • Uncover hidden statistics by making them interesting

Windows 8 Design Principles

  • Pride in Craftsmanship
  • Be Fast and Fluid
  • Authentically Digital
  • Do More with Less
  • Win as One

Media Reviews

Initial design explorations

Information hierarchy was one of the most important elements in designing Bing/MSN Sports app. To display complex statistic data, I used the typographic hierarchy and grid system.

Initial sketches – design explorations on different entities (Team/Player/Match)

The Hero Image

One of the most interesting elements in magazine design is the use of photo images on the cover or section title pages. I wanted to bring the visual impact with the headline stories on the landing experience. To achieve this, I explored the hero image system where the user can instantly immerse into the sports stories with beautifully curated photos.

Screenshots