Designing windows metro style apps part 3

12

description

This is the third slide in the series that will be describing you about the app design. I have covered the third principle in this presentation

Transcript of Designing windows metro style apps part 3

Page 1: Designing windows metro style apps   part 3
Page 2: Designing windows metro style apps   part 3
Page 3: Designing windows metro style apps   part 3

Continuity through motion

Page 4: Designing windows metro style apps   part 3

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

Page 5: Designing windows metro style apps   part 3
Page 6: Designing windows metro style apps   part 3
Page 7: Designing windows metro style apps   part 3

• 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

Page 8: Designing windows metro style apps   part 3

Continuity through motion

Ergonomics & Touch

Page 9: Designing windows metro style apps   part 3
Page 10: Designing windows metro style apps   part 3

Continuity through motion

Ergonomics & Touch

Simplified Flow

Page 11: Designing windows metro style apps   part 3
Page 12: Designing windows metro style apps   part 3

© 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: [email protected]