Worked with brilliant designers at Microsoft during design of Bing Health & Fitness. I worked as User Experience Designer for the product along with two other teammates and designed major interactions. My main focus was to retain existing app experience on Windows 8 and translate the same on web. My role was interaction designer and I collaborated with other disciplines, Program Managers, Developers and QA teams to design features and product experience.
Project Lead - Sandesh Harlarnkar
Awesome teammates; Yash Mishra, Ram Neta, Shweta Krishna, Dhaumya Mehta, Vaibhav Jain, Diego Baca, Rodney Edwards, Sooyun Yun, Sagar Shastry, Gauravi Chaudhari and Krishna Velagapathi.
We designed dozens of layouts for the homepage. Our desire was to put beautiful content front and center while balancing page density (since more density meant more clicks and more revenue). In addition, we sought to promote the Microsoft ecosystem with links to other Microsoft services such as Office.com and Skype.
The final design of the homepage balanced information density and beautiful content. We created a hero module at the top of the page to emphasize the most important story. Unlike the previous version of MSN, the redesign (using a card layout) was fully responsive and worked at all resolutions and on all devices. The stripe design organized the page by topic, which could be customized and reordered by the user.
Like the BingBar before it, the “Me Bar” under the header provided a set of applets with which the user could access personal data across the Microsoft services. One of the applets was mail, which allowed the user to preview their latest messages from within the MSN homepage.
Another of these applets was office.com. If the user was subscribed to Office 365, we displayed recent documents and action buttons to create a new Word, Excel, PowerPoint or OneNote document.
The final MSN H&F homepage used some elements explored in the conceptual phase while maintaining an overall structure more consistent with the other MSN verticals. It was important to have a unified top of the page system so all the verticals felt like part of a family.
Another of these applets was office.com. If the user was subscribed to Office 365, we displayed recent documents and action buttons to create a new Word, Excel, PowerPoint or OneNote document.
The final MSN H&F homepage used some elements explored in the conceptual phase while maintaining an overall structure more consistent with the other MSN verticals. It was important to have a unified top of the page system so all the verticals felt like part of a family.
Print format of exercise plan
Visual explorations
Item interaction explorations