• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Metro Metro Metro

Metro Metro Metro






Total Views
Views on SlideShare
Embed Views



0 Embeds 0

No embeds



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment
  • 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 Metro Metro Metro Presentation Transcript

  • 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
  • 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.* 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
  • What inspires you?
  • So, what is the Metro Design Language? Fast & Fluid Light & Simple Content over Chrome In Motion All about Typography Authentically Digital Bold & Beautiful
  • 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.Artisans were still using yesterday’s design thinking.Bauhaus : No adornments; fierce reductionismNot unlike the changes that we see in our world today.
  • Focus on cleanliness, readability and beautiful graphicdesign.The tools of Swiss design:TypographyGridBold flat colorPhotography in place of illustrations or drawings
  • 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 to Life
  • 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 and scale
  • Feels responsive and aliveCreates a systemGives context to improve usabilityTransition between UI is as important as design of the UIAdds dimension and depth
  • Delight through content instead of decorationReduce visuals that are not contentContent is the UIUsers interact with the content directly
  • 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 scenariosTools and templates are designed to scale
  • Let’s Talk Windows Phone
  • Credits & ResourcesSamuel Moreeau Director of UX Design & Research, WindowsBrian Agnetta Windows Phone Design Team LeadArturo Toledo Senior Windows Phone UX Designer
  • Local Touch – Global ReachQuestions?Thank you !! www.us.sogeti.com