Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
INTERACTION AND
INTERFACES
From Physical Objects to Data
Javier Pereda // Web Science DTC
@TrinkerMedia
Masterclass Multim...
INTERACTIVITY AND
INTERFACES
• What is an interface
• The evolution of interfaces
• Natural and new interfaces
• Interface...
WHAT IS AN INTERFACE?
øWikimedia Commons
CLOAKED COMPLEXITY
CLOAKED COMPLEXITY
ø Rube Goldberg
THE INTERFACE
• A way of interacting with a system
• How do we get things into the system and how
do we manipulate them
• ...
ANALOGUE INTERFACE
øWikimedia Commons
DIGITAL INTERFACESCOMPUTING
øWikimedia Commons
COMMAND-LINE INTERFACE
ø CodeProject
commandLineVideo
TEXT-MENU INTERFACE
ø CodeProject
TextMenuVideo
GRAPHIC USER INTERFACE
ø CodeProject
(GUI)
THE USE OF METAPHORS
ø CSSauthor
NATURAL USER INTERFACE
ø Microsoft
NUIvideo
NATURAL USER INTERFACE
øWikimediaCommons
Multi-sensory InterfaceHuman Like Interaction
Biometric Interaction Invisible Com...
MULTI-SENSORY
ø Apple
GesturesVideo
BIOMETRIC
ø GoCollective.com
HUMAN-LIKE
ø inc.ucds.edu
INVISIBLE COMPUTING
øTurbosquid
INTERACTION METHODS
øTurbosquid
GRAPHIC USER
INTERFACES
(GUI)
TANGIBLE USER
INTERFACES
(TUI)
TANGIBLE USER INTERFACES
FRAMEWORK
TANGIBLE
MANIPULATION
SPATIAL
INTERACTION
EMBODIED
FACILITATION
EXPRESSIVE
REPRESENTATI...
TANGIBLE USER INTERFACES
ø Reactivision//Reactable
(TUI)
COMPUTER VISION
INTERACTING WITH DATA
ø DIKW ModelWikimedia//Wikipedia
Ackoff, DIKW Model
INTERACTING WITH DATA
INTERACTING WITH DATA
CULTURAL HERITAGE EXAMPLE
INTERACTING WITH DATA
DATA & METADATA
INTERACTING WITH DATA
øWordHoard Project
INTERACTING WITH DATA
ø MandalaBrowser
INTERACTING WITH DATA
ø DeityCollector @Trinkermedia
The Deity Collector
INTERACTING WITH DATA
ø DeityCollector @Trinkermedia
The Deity Collector
Interaction methods
THE INTERNET OFTHINGS
(IOT)
ø SilliconLabs
EVERYTHING INTERACTS!
ø pngImg.com
@TrinkerMedia
Thank you.
Upcoming SlideShare
Loading in …5
×

Interaction and Interfaces

330 views

Published on

Multimodal Engagements with Cultural Heritage.
Presentation to introduce Masterclass students to Tangible Interaction and novel interaction methods

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Interaction and Interfaces

  1. 1. INTERACTION AND INTERFACES From Physical Objects to Data Javier Pereda // Web Science DTC @TrinkerMedia Masterclass Multimodal Engagements with Cultural Heritage
  2. 2. INTERACTIVITY AND INTERFACES • What is an interface • The evolution of interfaces • Natural and new interfaces • Interfaces and the Web • Exploration and the use of data • Internet ofThings (IoT)
  3. 3. WHAT IS AN INTERFACE? øWikimedia Commons
  4. 4. CLOAKED COMPLEXITY
  5. 5. CLOAKED COMPLEXITY ø Rube Goldberg
  6. 6. THE INTERFACE • A way of interacting with a system • How do we get things into the system and how do we manipulate them • How do we get other people to do what is needed? • Technologic issues?
  7. 7. ANALOGUE INTERFACE øWikimedia Commons
  8. 8. DIGITAL INTERFACESCOMPUTING øWikimedia Commons
  9. 9. COMMAND-LINE INTERFACE ø CodeProject commandLineVideo
  10. 10. TEXT-MENU INTERFACE ø CodeProject TextMenuVideo
  11. 11. GRAPHIC USER INTERFACE ø CodeProject (GUI)
  12. 12. THE USE OF METAPHORS ø CSSauthor
  13. 13. NATURAL USER INTERFACE ø Microsoft NUIvideo
  14. 14. NATURAL USER INTERFACE øWikimediaCommons Multi-sensory InterfaceHuman Like Interaction Biometric Interaction Invisible Computing
  15. 15. MULTI-SENSORY ø Apple GesturesVideo
  16. 16. BIOMETRIC ø GoCollective.com
  17. 17. HUMAN-LIKE ø inc.ucds.edu
  18. 18. INVISIBLE COMPUTING øTurbosquid
  19. 19. INTERACTION METHODS øTurbosquid GRAPHIC USER INTERFACES (GUI) TANGIBLE USER INTERFACES (TUI)
  20. 20. TANGIBLE USER INTERFACES FRAMEWORK TANGIBLE MANIPULATION SPATIAL INTERACTION EMBODIED FACILITATION EXPRESSIVE REPRESENTATION TOUCH HAPTIC DIRECT MANIPULATION SPATIAL BODY BEHAVIOUR SOCIAL PLACE SPECIFIC SPATIAL CONFIGURATION EXPRESSIVE MEANING REPRESENTATIONS SIGNIFICANCE CAUSE-EFFECT ø Xiangyu ø SyllaøWebMediaMIT.eduø Oriboo // MIT
  21. 21. TANGIBLE USER INTERFACES ø Reactivision//Reactable (TUI) COMPUTER VISION
  22. 22. INTERACTING WITH DATA ø DIKW ModelWikimedia//Wikipedia Ackoff, DIKW Model
  23. 23. INTERACTING WITH DATA
  24. 24. INTERACTING WITH DATA CULTURAL HERITAGE EXAMPLE
  25. 25. INTERACTING WITH DATA DATA & METADATA
  26. 26. INTERACTING WITH DATA øWordHoard Project
  27. 27. INTERACTING WITH DATA ø MandalaBrowser
  28. 28. INTERACTING WITH DATA ø DeityCollector @Trinkermedia The Deity Collector
  29. 29. INTERACTING WITH DATA ø DeityCollector @Trinkermedia The Deity Collector Interaction methods
  30. 30. THE INTERNET OFTHINGS (IOT) ø SilliconLabs
  31. 31. EVERYTHING INTERACTS! ø pngImg.com
  32. 32. @TrinkerMedia Thank you.

×