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

1. Look & Feel, meer dan eye-candy
#ISMOB

2. Over mij…
Dennis Vroegop
Programmeer sinds 1981 (professioneel
sinds 1992)
Voorzitter dotNed
Microsoft Surface MVP
(c) 2012 Dennis Vroegop

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

6. Waar komen we vandaan?
(c) 2012 Dennis Vroegop

7. 1949 - 1974
Batch
1969
Command Line
1974
Touch
1983
Graphical
2007
Natural
(c) 2012 Dennis Vroegop

8. (c) 2012 Dennis Vroegop

9. Uhm.. Watte?
(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

12. Touch Devices
POS devices
iPhone
iPad
Smart Phones
Tablets / Slates
Touch screens
Microsoft Surface
(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

15. (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

23. (c) 2012 Dennis Vroegop

24. (c) 2012 Dennis Vroegop

25. WEBSITE
(c) 2012 Dennis Vroegop

26. WINDOWS
PHONE
(c) 2012 Dennis Vroegop

27. WINDOWS 8
(c) 2012 Dennis Vroegop

28. Als ik iets vergeten ben…
(c) 2012 Dennis Vroegop

29. (c) 2012 Dennis Vroegop

30. Contact
dennis@vroegop.org
Twitter: @dvroegop
http://blogs.vroegop.org
http://www.dotned.nl
#ISMOB
(c) 2012 Dennis Vroegop