+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
Metro Metro Metro
1. Local Touch – Global Reach
Metro Metro Metro !
Samidip Basu
Solutions Lead | MSFT Mobility
Email: Samidip.Basu@us.sogeti.com
Twitter: @samidip
Info: http://samidipbasu.info
Blog: http://samidipbasu.com
Sogeti USA
8425 Pulsar Place, Suite 300 | Columbus, OH 43240.
www.us.sogeti.com
www.us.sogeti.com
2. Central Ohio Windows Phone User Group
http://cowpug.org
http://meetup.com/cowpug
@cowpug
3rd Monday @ TechColumbus
13. So, what is the Metro Design Language?
Fast & Fluid
Light & Simple
Content over Chrome
In Motion
All about Typography
Authentically Digital
Bold & Beautiful
14. Modern Design - Bauhaus
International Typographic Style – Swiss Design
Motion Design - Cinematography
16. The industrial revolution had changed the world.
Communication and travel advancements were making
the world smaller.
Artisans were still using yesterday’s design thinking.
Bauhaus : No adornments; fierce reductionism
Not unlike the changes that we see in our world today.
17. Focus on cleanliness, readability and beautiful graphic
design.
The tools of Swiss design:
Typography
Grid
Bold flat color
Photography in place of illustrations or drawings
24. Focus on primary tasks
Do a lot with very little
Fierce reduction of unnecessary elements
Delightful use of whitespace
25. Type is beautiful, not just legible
Clear, straightforward information design
Uncompromising sensitivity to weight, balance and scale
26. Feels responsive and alive
Creates a system
Gives context to improve usability
Transition between UI is as important as design of the UI
Adds dimension and depth
27. Delight through content instead of decoration
Reduce visuals that are not content
Content is the UI
Users interact with the content directly
28. Design for the form factor
Authentically digital
Don’t try to be what it’s NOT
Be direct
29. It’s fresh and clean
It’s simple
It’s beautiful – I want it
It feels like a new Microsoft
32. Sweat the details
Make it consistent and reliable
Balance, symmetry, hierarchy
Align to the grid
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46. Life is mobile
Delight with motion
Design for touch
Intuitive interaction
Be responsive and ready
Immersive and compelling
47. Create for the form factor
Your creation lives electronically
Your kids will ask about the ‘Save’ button
Alive & personal
48.
49.
50. Be great at something
Focused and direct
Let your Content shine
Inspire confidence
51. Fit into the UI model
Your App should feel at home in the OS
Reduce redundancy
Work with a Designer to complete scenarios
Tools and templates are designed to scale
71. Credits & Resources
Samuel Moreeau Director of UX Design & Research, Windows
Brian Agnetta Windows Phone Design Team Lead
Arturo Toledo Senior Windows Phone UX Designer
72. Local Touch – Global Reach
Questions?
Thank you !!
www.us.sogeti.com
Notas do Editor
All of these slides should focus on how the team found design inspiration in existing advertising. Metro is about motion.
Consistency with design directionBeautiful work over last 40 years
40 Years of Swiss and Swiss Influence DesignPrintPackageAligned with design direction for Metro UI