interaction and interfaces. playful data

32
INTERACTION AND INTERFACES Playful Data Javier Pereda // Web Science DTC @TrinkerMedia ACRG Series - February 2014

Upload: javier-pereda

Post on 16-Nov-2014

252 views

Category:

Education


5 download

DESCRIPTION

ACRG Seminar, University of Southampton, School of Humanities. We live now in a world that is deeply linked to computers. We seek aid from these computers so we can deal with our everyday and work data. On the web, it is through those same computers that we access such data. Nevertheless, it is through software that we make it meaningful so it can be transformed into something relevant thus transformed into information. This empowerment that new technology has brought to a wide variety of users has allowed them to become users and producers of their own information. In order to communicate such knowledge as information, it requires a transformation into data and vice versa. This session will present an interdisciplinary perspective including Human Computer Interaction (HCI), Web Science, along with other Humanities disciplines such as Art and Design in an attempt to understand the different factors and perspectives when communicating to other people and computers.

TRANSCRIPT

Page 1: Interaction and interfaces. Playful Data

INTERACTION AND INTERFACES

Playful Data

Javier Pereda // Web Science DTC@TrinkerMedia

ACRG Series - February 2014

Page 2: Interaction and interfaces. Playful Data

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 of Things (IoT)

Page 3: Interaction and interfaces. Playful Data

WHAT IS AN INTERFACE?ø Wikimedia Commons

Page 4: Interaction and interfaces. Playful Data

CLOAKED COMPLEXITY

Page 5: Interaction and interfaces. Playful Data

CLOAKED COMPLEXITYø Rube Goldberg

Page 6: Interaction and interfaces. Playful Data

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?

Page 7: Interaction and interfaces. Playful Data

ANALOGUE INTERFACEø Wikimedia Commons

Page 8: Interaction and interfaces. Playful Data

DIGITAL INTERFACESCOMPUTING

ø Wikimedia Commons

Page 9: Interaction and interfaces. Playful Data

COMMAND-LINE INTERFACEø CodeProject

commandLineVideo

Page 10: Interaction and interfaces. Playful Data

TEXT-MENU INTERFACEø CodeProject

TextMenuVideo

Page 11: Interaction and interfaces. Playful Data

GRAPHIC USER INTERFACEø CodeProject

(GUI)

Page 12: Interaction and interfaces. Playful Data

THE USE OF METAPHORSø CSSauthor

Page 13: Interaction and interfaces. Playful Data

NATURAL USER INTERFACEø Microsoft

NUIvideo

Page 14: Interaction and interfaces. Playful Data

NATURAL USER INTERFACEø WikimediaCommons

Multi-sensory InterfaceHuman Like Interaction

Biometric Interaction Invisible Computing

Page 15: Interaction and interfaces. Playful Data

MULTI-SENSORYø Apple

GesturesVideo

Page 16: Interaction and interfaces. Playful Data

BIOMETRICø GoCollective.com

Page 17: Interaction and interfaces. Playful Data

HUMAN-LIKEø inc.ucds.edu

Page 18: Interaction and interfaces. Playful Data

INVISIBLE COMPUTINGø Turbosquid

Page 19: Interaction and interfaces. Playful Data

INTERACTION METHODS

ø Turbosquid

GRAPHIC USER INTERFACES

(GUI)

TANGIBLE USER INTERFACES

(TUI)

Page 20: Interaction and interfaces. Playful Data

TANGIBLE USER INTERFACESFRAMEWORK

TANGIBLEMANIPULATION

SPATIALINTERACTION

EMBODIEDFACILITATION

EXPRESSIVEREPRESENTATION

TOUCHHAPTIC

DIRECT MANIPULATION

SPATIALBODY

BEHAVIOURSOCIAL

PLACE SPECIFICSPATIAL CONFIGURATION

EXPRESSIVEMEANING

REPRESENTATIONSSIGNIFICANCECAUSE-EFFECT

ø Xiangyu ø Syllaø WebMediaMIT.eduø Oriboo // MIT

Page 21: Interaction and interfaces. Playful Data

TANGIBLE USER INTERFACES

ø Reactivision//Reactable

(TUI)

COMPUTER VISION

Page 22: Interaction and interfaces. Playful Data

INTERACTING WITH DATA

ø DIKW Model Wikimedia//Wikipedia

Ackoff, DIKW Model

Page 23: Interaction and interfaces. Playful Data

INTERACTING WITH DATA

Page 24: Interaction and interfaces. Playful Data

INTERACTING WITH DATA

CULTURAL HERITAGE EXAMPLE

Page 25: Interaction and interfaces. Playful Data

INTERACTING WITH DATA

DATA & METADATA

Page 26: Interaction and interfaces. Playful Data

INTERACTING WITH DATA

ø WordHoard Project

Page 27: Interaction and interfaces. Playful Data

INTERACTING WITH DATA

ø MandalaBrowser

Page 28: Interaction and interfaces. Playful Data

INTERACTING WITH DATA

ø DeityCollector @Trinkermedia

The Deity Collector

Page 29: Interaction and interfaces. Playful Data

INTERACTING WITH DATA

ø DeityCollector @Trinkermedia

The Deity CollectorInteraction methods

Page 30: Interaction and interfaces. Playful Data

THE INTERNET OF THINGS(IOT)

ø SilliconLabs

Page 31: Interaction and interfaces. Playful Data

EVERYTHING INTERACTS!

ø pngImg.com

Page 32: Interaction and interfaces. Playful Data

@TrinkerMedia

Thank you.