designing windows metro style apps part 3

Continuity through motion

Motion brings life to the Windows app design language

Purposeful animations tie experience together and tell a story

Use the Animation Library to get scenario-based animations

• App Navigation

• Enter page / Exit page

• Animate Content

• Enter content / Exit content

• Expand / Collapse

• Reposition

• Crossfade

• Fade In / Fade Out

• Peek

• Upgrade Badge

• Reveal / Hide

• Selection

• Pointer Animation

• Swipe Select / Swipe Deselect

• Swipe Reveal

• Show or hide supplement UI

• Show edge UI / Hide edge UI

• Show Panel / Hide Panel

• Show Pop Up / Hide Pop Up

• Collection and List

• Add / Delete from List

• Drag and drop animation

Continuity through motion

Ergonomics & Touch

Continuity through motion

Ergonomics & Touch

Simplified Flow

© 2010 Parallel Minds Technology Solutions Pvt.Ltd. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions,

it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation.

PARALLEL MINDS TECHNOLOGY SOLUTIONS PVT.LTD MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

For any information please mail on: win8support@pmtsl.onmicrosoft.com