Designing windows metro style apps

31

description

I have uploaded a series of Designing presentations on slideshare that will take you and explain the designing details of the Metro Style apps and what designs should be followed. Please walk through all the design presentations.

Transcript of Designing windows metro style apps

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

Focus on what you are GREAT AT

Page 4: Designing windows metro style apps

First step to designing a great Windows app is to create a “best at” statement

This app is the best app in its category at _____________ .

Page 5: Designing windows metro style apps

One sentence

Specific

Truly differentiated

Example: News Reader

Page 6: Designing windows metro style apps

One sentence

Specific

Truly differentiated

Example: News Reader is the best app in its category at helping users view

latest headlines from a personalized set of news sources

Page 7: Designing windows metro style apps

One sentence

Specific

Truly differentiated

Example: News Reader is the best app in its category at helping users view

latest headlines from a personalized set of news sources

Page 8: Designing windows metro style apps

Focus on what you are GREAT AT

Put content before chrome

Page 9: Designing windows metro style apps

Where does chrome come from?

1. Layout

2. Interaction

3. Navigation

Page 10: Designing windows metro style apps

Create visual clarity with crisp graphical elements

Remove lines and boxes as a way to group and organize content

Give content breathing room through intentional use of space

Page 11: Designing windows metro style apps
Page 12: Designing windows metro style apps
Page 13: Designing windows metro style apps

Integrate command with content

Page 14: Designing windows metro style apps
Page 15: Designing windows metro style apps
Page 16: Designing windows metro style apps

Integrate command with content

Leverage the edge

Page 17: Designing windows metro style apps
Page 18: Designing windows metro style apps
Page 19: Designing windows metro style apps
Page 20: Designing windows metro style apps
Page 21: Designing windows metro style apps
Page 22: Designing windows metro style apps
Page 23: Designing windows metro style apps

View should be about where you are at, not where you might go

Integrate navigational elements into the content

Avoid persistent way finding chrome (such as tabs)

Page 24: Designing windows metro style apps
Page 25: Designing windows metro style apps
Page 26: Designing windows metro style apps
Page 27: Designing windows metro style apps
Page 28: Designing windows metro style apps
Page 29: Designing windows metro style apps
Page 30: Designing windows metro style apps
Page 31: Designing windows metro style apps

© 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]