1. Metro Design and WP7
Design Principles
Daniela Panfili – UX Designer, Ordina
@TsoDa

2. What we talk about
Metro Design Inspirations
The New Content Concept
Centralize to start
Building the navigation
Other tips on WP7 UX
Born to be social

3. Metro Design Inspirations

4. How Metro Design is born
Wayfinding and Typography
«Type is information »
Clean and Light interface
Makes possible to focus on primary task

5. The New Content Concept

6. The new Content Grid
Content, not Chrome
There isn’t a visible grid,
the content itself becomes the UI
Strong Information
Architecture
to drive the user

7. Centralize to start

8. The Hub
Concentrate
all of the information into one screen,
like a dashboard
The Tiles Concept
how to bring the content
into the Home Screen
Tiles show brief notification
with the most important information
in the application,
similar to abstracts in a magazine

9. Building the navigation

10. Panorama
A bird’s-eye view
of all available information
The visual
communication
gives to the user a sensory link
to information

11. Pivot
Analytical list
used to show different aspects
of the same content
Splitting the
information
into categories and
listing the elements available
in each category

12. Other Tips on WP7 UX

13. WP7 Specifics
Animations
Transitions between screens are as important
design of the screen themselfs
Accent color
Helps to build the IA
Color theme
Respect the user’s choice

14. Born to be
social