The document discusses the history and principles of natural user interfaces (NUIs). It notes that Bill Gates predicted in 2008 that interaction with computers would dramatically change within five years to involve touch-based interfaces. The document outlines key characteristics of NUIs, such as being effectively invisible, intuitive with little or no learning curve, and supporting natural gestures. It discusses Microsoft's Metro and Modern UI design philosophies for clean, minimalist interfaces focused on typography and content. The document also covers PixelSense interfaces and their 360-degree, multi-user touch capabilities.

1. Natural User Interface
#ZWOLLESHARES
Met dank aan:
Dennis Vroegop

2. Voorstellen…
• Roy Janssen
• Microsoft PixelSense / Surface Specialist
• Beheerder “Microsoft Surface Dutch
Developers” LinkedIn Groep

3. “The way people interact with
computers is going to
dramatically change in the next
five years.”
Bill Gates, CEO Summit 2008

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

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)

6. Geschiedenis
1969 1983 2007
CLI GUI NUI

7. NUI
“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)

8. Kenmerken…
• Effectief onzichtbaar
• Geen of lage leercurve
• Schaalt mee met kennis gebruiker
• Natuurlijke bewegingen, acties en gebaren
• “the user should feel like a natural”

9. Hoe bereik je dit…
• Focus op de primaire functie
• Doe veel met heel weinig
• Gebruik geen overbodige elementen

10. Metro
“The Metro design principles center on a
look that uses type to echo the visual
language of airport and metro system
signage.”

11. Windows 8

12. Modern UI
“Modern UI is our design language. We call
it Modern UI because it’s modern and clean.
It’s fast and in motion. It’s about content and
typography. And it’s entirely authentic.”

13. 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

14. Celebrate typography
• Type is beautiful, not just legible
• Clear, straightforward information design
• Uncompromising sensitivity to weight,
balance and scale

15. Content, not
chrome
• Delight through content instead of
decoration
• Reduce visuals that are not content
• Content is the UI
• Direct interaction with the content

16. Authentically digital
• Design for the form factor
• Don’t try to be what it’s not
• Be direct

17. And…
• No save buttons
• No exit buttons
• Consistent gestures
• Consistent User Interface across platform
• App Bar support
• Preferably Charm Support

18. Windows Phone

19. Windows 8

20. PixelSense

21. PixelSense
• 360° interface
• Multiple users
• Vermijd tekstinvoer
• Massive multi-touch
• Maak gebruik van fysieke objecten
• Magisch gevoel oproepen bij gebruikers

22. Vragen…

23. Contact
roy@semper-it.nl
Twitter: @SemperIT
http://www.semper-it.nl
http://www.semper-it.nl/blog