Metro Design and WP7Design PrinciplesDaniela Panfili – UX Designer, Ordina@TsoDa
What we talk aboutMetro Design InspirationsThe New Content ConceptCentralize to startBuilding the navigationOther tips on ...
Metro Design Inspirations
How Metro Design is bornWayfinding and Typography«Type is information »Clean and Light interfaceMakes possible to focus on...
The New Content Concept
The new Content GridContent, not ChromeThere isn’t a visible grid,the content itself becomes the UIStrong InformationArchi...
Centralize to start
The HubConcentrateall of the information into one screen,like a dashboardThe Tiles Concepthow to bring the contentinto the...
Building the navigation
PanoramaA bird’s-eye viewof all available informationThe visualcommunicationgives to the user a sensory linkto information
PivotAnalytical listused to show different aspectsof the same contentSplitting theinformationinto categories andlisting th...
Other Tips on WP7 UX
WP7 SpecificsAnimationsTransitions between screens are as importantdesign of the screen themselfsAccent colorHelps to buil...
Born to besocial
Upcoming SlideShare
Loading in...5
×

Metro Design and WP7 - Uxperts 2012

237

Published on

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
237
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Metro Design and WP7 - Uxperts 2012

  1. 1. Metro Design and WP7Design PrinciplesDaniela Panfili – UX Designer, Ordina@TsoDa
  2. 2. What we talk aboutMetro Design InspirationsThe New Content ConceptCentralize to startBuilding the navigationOther tips on WP7 UXBorn to be social
  3. 3. Metro Design Inspirations
  4. 4. How Metro Design is bornWayfinding and Typography«Type is information »Clean and Light interfaceMakes possible to focus on primary task
  5. 5. The New Content Concept
  6. 6. The new Content GridContent, not ChromeThere isn’t a visible grid,the content itself becomes the UIStrong InformationArchitectureto drive the user
  7. 7. Centralize to start
  8. 8. The HubConcentrateall of the information into one screen,like a dashboardThe Tiles Concepthow to bring the contentinto the Home ScreenTiles show brief notificationwith the most important informationin the application,similar to abstracts in a magazine
  9. 9. Building the navigation
  10. 10. PanoramaA bird’s-eye viewof all available informationThe visualcommunicationgives to the user a sensory linkto information
  11. 11. PivotAnalytical listused to show different aspectsof the same contentSplitting theinformationinto categories andlisting the elements availablein each category
  12. 12. Other Tips on WP7 UX
  13. 13. WP7 SpecificsAnimationsTransitions between screens are as importantdesign of the screen themselfsAccent colorHelps to build the IAColor themeRespect the user’s choice
  14. 14. Born to besocial

×