3. “The way people interact with
computers is going to
dramatically change in the next
five years.”
Bill Gates, CEO Summit 2008
(c) 2012 Dennis Vroegop
4. “I'll be brave, in five years we'll
have many tens of million of
people sitting browsing their
photos, browsing their music,
organising their lives using this
type of touch interface.”
Bill Gates, CEO Summit 2008
(c) 2012 Dennis Vroegop
5. "I mean, you should be able to
come to computers and interact
with them in a much more natural
way, to ask questions, have them
respond to you to do tasks that
are valuable to you."
Graig Mundy (Chief Research and Strategy Officer, MS)
(c) 2012 Dennis Vroegop
10. “It’s hard to design a simple,
focused, intuitive interface. It’s
easy to complicate things by
adding (navigational) elements.
These are the greatest design
challenges.”
Daniel Makoski (Microsoft Surface team)
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
13. Look and feel van je applicaties
(c) 2012 Dennis Vroegop
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
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. Clean, light and
open
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. Celebrate
typography
Type is beautiful, not just legible
Clear, straightforward information design
Uncompromising sensitivity to weight,
balance and scale
(c) 2012 Dennis Vroegop
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. Content, not
chromecontent 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. Authentically digital
Design for the form factor
Don’t try to be what it’s not
Be direct
(c) 2012 Dennis Vroegop
22. And…
No save buttons
No exit buttons
Consistent gestures
Consistent User Interface across platform
App Bar support
Preferably Charm Support
(c) 2012 Dennis Vroegop