Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Metro Metro Metro


Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

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
  2. 2. Central Ohio Windows Phone User Grouphttp://cowpug.org Monday @ TechColumbus
  3. 3.
  4. 4. SilverlightShow ( – onlineportal for everything Silverlight, XAML and WindowsPhone, 10K+ members.* daily news * tutorials* exclusive articles * forums* free webinars * events* ebooks * newsletters CompletIT ( – 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.
  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 !!