Win8 metro infosupport


Published on

My presentation for the Infosupport / SDN / dotNed mobile event in Veenendaal.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Win8 metro infosupport

  1. 1. Look & Feel, meer dan eye-candy#ISMOB
  2. 2. Over mij…Dennis VroegopProgrammeer sinds 1981 (professioneel sinds 1992)Voorzitter dotNedMicrosoft Surface MVP (c) 2012 Dennis Vroegop
  3. 3. “The way people interact withcomputers is going todramatically change in the nextfive years.” Bill Gates, CEO Summit 2008 (c) 2012 Dennis Vroegop
  4. 4. “Ill be brave, in five years wellhave many tens of million ofpeople sitting browsing theirphotos, browsing their music,organising their lives using thistype of touch interface.” Bill Gates, CEO Summit 2008 (c) 2012 Dennis Vroegop
  5. 5. "I mean, you should be able tocome to computers and interactwith them in a much more naturalway, to ask questions, have themrespond to you to do tasks thatare valuable to you."Graig Mundy (Chief Research and Strategy Officer, MS) (c) 2012 Dennis Vroegop
  6. 6. Waar komen we vandaan? (c) 2012 Dennis Vroegop
  7. 7. 1949 - 1974 Batch 1969 Command Line 1974 Touch 1983 Graphical 2007 Natural (c) 2012 Dennis Vroegop
  8. 8. (c) 2012 Dennis Vroegop
  9. 9. Uhm.. Watte? (c) 2012 Dennis Vroegop
  10. 10. “It’s hard to design a simple,focused, intuitive interface. It’seasy to complicate things byadding (navigational) elements.These are the greatest designchallenges.” Daniel Makoski (Microsoft Surface team)
  11. 11. Een NUI is.. Effectief onzichtbaar Geen of lage leercurve Schaalt mee met kennis gebruiker Natuurlijke bewegingen, acties en gebaren “the user should feel like a natural” (c) 2012 Dennis Vroegop
  12. 12. Touch DevicesPOS devicesiPhoneiPadSmart PhonesTablets / SlatesTouch screensMicrosoft Surface (c) 2012 Dennis Vroegop
  13. 13. Look and feel van je applicaties (c) 2012 Dennis Vroegop
  14. 14. Metro“The Metro design principles center on a look that uses type to echo the visual language of airport and metro system signage.” (c) 2012 Dennis Vroegop
  15. 15. (c) 2012 Dennis Vroegop
  16. 16. Metro is…“… our design language. We call it Metro because it’s modern and clean. It’s fast and in motion. It’s about content and typography. And it’s entirely authentic.” (c) 2012 Dennis Vroegop
  17. 17. Clean, light andopen Feels fast and responsive Focus on primary tasks Do a lot with very little Fierce reduction of unnecessary elements Delightful use of whitespace Full bleed canvas (c) 2012 Dennis Vroegop
  18. 18. Celebratetypography Type is beautiful, not just legible Clear, straightforward information design Uncompromising sensitivity to weight, balance and scale (c) 2012 Dennis Vroegop
  19. 19. Alive in motion Feels responsive and alive Creates a system Gives context to improve usability Transition between UI is as important as the design of the UI Adds dimension and depth (c) 2012 Dennis Vroegop
  20. 20. Content, notchromecontent instead of Delight through decoration Reduce visuals that are not content Content is the UI Direct interaction with the content (c) 2012 Dennis Vroegop
  21. 21. Authentically digital Design for the form factor Don’t try to be what it’s not Be direct (c) 2012 Dennis Vroegop
  22. 22. And…No save buttonsNo exit buttonsConsistent gesturesConsistent User Interface across platformApp Bar supportPreferably Charm Support (c) 2012 Dennis Vroegop
  23. 23. (c) 2012 Dennis Vroegop
  24. 24. (c) 2012 Dennis Vroegop
  25. 25. WEBSITE (c) 2012 Dennis Vroegop
  26. 26. WINDOWSPHONE (c) 2012 Dennis Vroegop
  27. 27. WINDOWS 8 (c) 2012 Dennis Vroegop
  28. 28. Als ik iets vergeten ben… (c) 2012 Dennis Vroegop
  29. 29. (c) 2012 Dennis Vroegop
  30. 30. Contact Twitter: @dvroegop #ISMOB (c) 2012 Dennis Vroegop