Local Touch – Global Reach                            Metro Metro Metro !Samidip BasuSolutions Lead | MSFT MobilityEmail: ...
Central Ohio Windows Phone User Grouphttp://cowpug.orghttp://meetup.com/cowpug@cowpug3rd Monday @ TechColumbus
http://www.m3conf.com/@m3conf
SilverlightShow (www.silverlightshow.net) – onlineportal for everything Silverlight, XAML and WindowsPhone, 10K+ members.*...
What inspires you?
So, what is the Metro Design Language?                  Fast & Fluid Light & Simple                           Content over...
Modern Design - BauhausInternational Typographic Style – Swiss DesignMotion Design - Cinematography
historiarte1.wikispaces.com
The industrial revolution had changed the world.Communication and travel advancements were makingthe world smaller.Artisan...
Focus on cleanliness, readability and beautiful graphicdesign.The tools of Swiss design:TypographyGridBold flat colorPhoto...
Movies inspireSearch YouTube for ‘Kinetic Typography’Opening credits for ‘Catch Me If You Can’‘Star Wars’
Inspirations to Actionable Principles
Modern Design - Reduce to the EssenceInternational Typographic Style – Clear, Honest andBeautifulMotion Design - Bring it ...
Light & simpleTypographyMotionContent, not chromeHonest
Focus on primary tasksDo a lot with very littleFierce reduction of unnecessary elementsDelightful use of whitespace
Type is beautiful, not just legibleClear, straightforward information designUncompromising sensitivity to weight, balance ...
Feels responsive and aliveCreates a systemGives context to improve usabilityTransition between UI is as important as desig...
Delight through content instead of decorationReduce visuals that are not contentContent is the UIUsers interact with the c...
Design for the form factorAuthentically digitalDon’t try to be what it’s NOTBe direct
It’s fresh and cleanIt’s simpleIt’s beautiful – I want itIt feels like a new Microsoft
Everyday Mantras
Pride in craftsmanshipBe fast and fluidAuthentically digitalDo more with lessWin as one
Sweat the detailsMake it consistent and reliableBalance, symmetry, hierarchyAlign to the grid
Life is mobileDelight with motionDesign for touchIntuitive interactionBe responsive and readyImmersive and compelling
Create for the form factorYour creation lives electronicallyYour kids will ask about the ‘Save’ buttonAlive & personal
Be great at somethingFocused and directLet your Content shineInspire confidence
Fit into the UI modelYour App should feel at home in the OSReduce redundancyWork with a Designer to complete scenariosTool...
Let’s Talk Windows Phone
Credits & ResourcesSamuel Moreeau        Director of UX Design & Research, WindowsBrian Agnetta    Windows Phone Design Te...
Local Touch – Global ReachQuestions?Thank you !!                             www.us.sogeti.com
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Metro Metro Metro
Upcoming SlideShare
Loading in …5
×

Metro Metro Metro

1,025 views
930 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
1,025
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 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
  • Metro Metro Metro

    1. 1. Local Touch – Global Reach Metro Metro Metro !Samidip BasuSolutions Lead | MSFT MobilityEmail: Samidip.Basu@us.sogeti.comTwitter: @samidipInfo: http://samidipbasu.infoBlog: http://samidipbasu.comSogeti USA8425 Pulsar Place, Suite 300 | Columbus, OH 43240.www.us.sogeti.com www.us.sogeti.com
    2. 2. Central Ohio Windows Phone User Grouphttp://cowpug.orghttp://meetup.com/cowpug@cowpug3rd Monday @ TechColumbus
    3. 3. http://www.m3conf.com/@m3conf
    4. 4. SilverlightShow (www.silverlightshow.net) – onlineportal for everything Silverlight, XAML and WindowsPhone, 10K+ members.* daily news * tutorials* exclusive articles * forums* free webinars * events* ebooks * newsletters CompletIT (www.completit.com) – Silverlight and Windows Phone trainings, consultations and development company, founder of SilverlightShow. * Individual and group, on-site and online trainings * Standard and custom course schedules * Trainings by Silverlight MVP, MCT
    5. 5. What inspires you?
    6. 6. So, what is the Metro Design Language? Fast & Fluid Light & Simple Content over Chrome In Motion All about Typography Authentically Digital Bold & Beautiful
    7. 7. Modern Design - BauhausInternational Typographic Style – Swiss DesignMotion Design - Cinematography
    8. 8. historiarte1.wikispaces.com
    9. 9. The industrial revolution had changed the world.Communication and travel advancements were makingthe world smaller.Artisans were still using yesterday’s design thinking.Bauhaus : No adornments; fierce reductionismNot unlike the changes that we see in our world today.
    10. 10. Focus on cleanliness, readability and beautiful graphicdesign.The tools of Swiss design:TypographyGridBold flat colorPhotography in place of illustrations or drawings
    11. 11. Movies inspireSearch YouTube for ‘Kinetic Typography’Opening credits for ‘Catch Me If You Can’‘Star Wars’
    12. 12. Inspirations to Actionable Principles
    13. 13. Modern Design - Reduce to the EssenceInternational Typographic Style – Clear, Honest andBeautifulMotion Design - Bring it to Life
    14. 14. Light & simpleTypographyMotionContent, not chromeHonest
    15. 15. Focus on primary tasksDo a lot with very littleFierce reduction of unnecessary elementsDelightful use of whitespace
    16. 16. Type is beautiful, not just legibleClear, straightforward information designUncompromising sensitivity to weight, balance and scale
    17. 17. Feels responsive and aliveCreates a systemGives context to improve usabilityTransition between UI is as important as design of the UIAdds dimension and depth
    18. 18. Delight through content instead of decorationReduce visuals that are not contentContent is the UIUsers interact with the content directly
    19. 19. Design for the form factorAuthentically digitalDon’t try to be what it’s NOTBe direct
    20. 20. It’s fresh and cleanIt’s simpleIt’s beautiful – I want itIt feels like a new Microsoft
    21. 21. Everyday Mantras
    22. 22. Pride in craftsmanshipBe fast and fluidAuthentically digitalDo more with lessWin as one
    23. 23. Sweat the detailsMake it consistent and reliableBalance, symmetry, hierarchyAlign to the grid
    24. 24. Life is mobileDelight with motionDesign for touchIntuitive interactionBe responsive and readyImmersive and compelling
    25. 25. Create for the form factorYour creation lives electronicallyYour kids will ask about the ‘Save’ buttonAlive & personal
    26. 26. Be great at somethingFocused and directLet your Content shineInspire confidence
    27. 27. Fit into the UI modelYour App should feel at home in the OSReduce redundancyWork with a Designer to complete scenariosTools and templates are designed to scale
    28. 28. Let’s Talk Windows Phone
    29. 29. Credits & ResourcesSamuel Moreeau Director of UX Design & Research, WindowsBrian Agnetta Windows Phone Design Team LeadArturo Toledo Senior Windows Phone UX Designer
    30. 30. Local Touch – Global ReachQuestions?Thank you !! www.us.sogeti.com

    ×