Microsoft
2012 – 2013

 

Bing News

The Bing News App is a news reading App that comes pre-installed with Windows 8. The App integrates with the Windows 8 design principals such as horizontal browsing and the new modern look and feel, the result is a magazine like experience with a bold and clean design approach for everyday news reading.

 

Role
Visual language
Interaction patterns
Feature development

 
 

 

Home

The home pano starts off with a hero story , as users swipe towards the right they get to see more stories that are seperated in category clusters. Users can also customized this home pano and add topics or bookmark sources for quick access.

 
BingNews01.png
BingNews02.png
BingNewsA03.png
BingNewsA04.png
 
 

 

Trending topics

Trending topics is a group of topics that are selected by our editorial team. Stories for these topics are hand picked and curated by our editors, this type of page is especially useful for events that only happens in a certain period of time such as elections or sports events.

 
BingNewsB01.png
BingNewsB02.png
BingNewsB03.png
BingNewsB05.png
 
 

 

Article

Our article pages reflects the magazine like design and experience in our home pano and topics designs. The page is also dynamic and adjusts itself in terms of layout to fit with multiple types of article content.

 
BingNewsC01.png
BingNewsC02.png
 
 

 

Motion study

This motion study is an exersice to explore how transitions can be added to the app. We played with different time durations for each transition and also explored the use of layering and parallax techniques.

 
 
 
 
 
 

 

Personalization

Last but not the least, the app is also designed for users to customize it to their own reading habit. Users can add topics and bookmark sources and also reorder, add or remove categories on the pano to match their own interest.

 
BingNewsD1.png
BingNewsD2.png
BingNewsD3.png