1. Surface & Multitouch in Research
Mario Meir-Huber
11/14/2018

2. About Me Independent Trainer & Consultant
Autor for German .NET Magazines
Speaker on various Conferences
Normaly in Germany 
Microsoft Senior Student Partner in Austria
11/14/2018

3. Agenda Intro: What is Digital Graffiti? Natural User Interfaces
The Theory
Surface Design Guidelines
Implications for Digital Graffiti
11/14/2018

4. What is Digital Graffiti?
Intro
11/14/2018

5. Project Background 9 Project Members (Full Time)
Project Started in 2003
Digital Graffiti evolved from navigation Project
SIC (Smart Information Campus) starts this Semester
11/14/2018

6. What is Digital Graffiti?
Location-based Service
Publish graffitis at a Location
Extend existing Services on campus
Friend Finder
11/14/2018

7. How does Digital Graffiti work?
GPS
Provider
JKU Linz
Internet
Client
GSM/UMTS
Station
Client
11/14/2018

8. Demo Video
11/14/2018

9. Why Digital Graffiti? Trendsetting Service
Efficient tool to build processes
Infrastructure for new Research Projects
Improoved Infrastructure in IT-Research
Improoved Business Cooperations
Potential Future StartUps
11/14/2018

10. WPF DEMO
11/14/2018

11. Why on the Surface? Information Terminal Administration
Plan Academic life
For freshman
Social Meetup
11/14/2018

12. Multitouch Design What challenges did we face?
Where are we in research for NUI?
How do we want to solve the problem?
Multitouch Design
11/14/2018

13. Some basic requirenments
Response
Size of Elements
Feedback to Users
Reduce Text Input!
11/14/2018

14. Criterias for gestures
Context
Simplicity
Methaphors
Clear gestures
Keep in Mind: Guestures/Manipulations will be repeated!
11/14/2018

15. Interaction Guidelines
Virtual Objects should act „Real“
Use Objects – Tagged and Untagged
Single and Multiuser Experience
Different Levels of Task Coupling
Consider Space Usage for multiple Users
Provide a 360-Degree User Interface
11/14/2018

16. Interaction Guidelines
Improoveed Experiences
Create a Sense of Life
Playful, Pleasurable and Exploratory Touches
Focused Experience
Intelligent but not Presumptuous Applications
11/14/2018

17. Interaction Guidelines
Integrate Learning with Doing
Progressive Disclosure
Gratification and a Sense of Success
Appeal to multiple Senses
Make the Content the Interface
11/14/2018

18. Social Aspects - Theory
Multitouch brings social aspects and challenges
Not only Multitouch, but Multiuser!
Group behaviour, shared usage
Human tactile and perceptual implications
11/14/2018

19. Additional Gestures/Manipulation for the Application
IT IS A WINDOWS WORLD!
Most gestures or manipulations with one hand
Gestures/Manipulations are often similar to mouse input
Delete by dragging things off the table
11/14/2018

20. Additional Gestures/Manipulations
11/14/2018

21. Additional Gestures/Manipulations
11/14/2018

22. Additional Gestures/Manipulations
11/14/2018

23. Agreement on custom Gestures
11/14/2018

24. Integrating Desing into the Development Process
Strategy
discover user needs
Scope
define functional specifications
find content requirenments
Sceleton
interaction design
information architecture
Structure
interface design
information design
Surface
11/14/2018

25. Requirenments and Demo
Application
11/14/2018

26. What to integrate? Map should be in the background
More users should work on device
Graffiti and friends should be connected
There should be some interaction
11/14/2018

27. First Approach
11/14/2018

28. What was not OK? Only 2 Users How would you distinguish users?
Not a 360 degree interface
NOT NATURAL ENOUGH
11/14/2018

29. Solution Use the Tag Control Different Ways to close Application
No custom Gestures or Manipulations due to map
11/14/2018

30. „Social“ Colors
11/14/2018

31. (Current) Gestures and Manipulations
11/14/2018

32. 11/14/2018

33. Demo/Video
11/14/2018

34. What‘s next? Application is at the very beginning
More Gestures and Manipulations to come
Map integration in Summer 2010
11/14/2018

35. Discussion
11/14/2018