46
The Interactive Technologies Lab Human- Computer Interaction Group University of Patras Nikolaos Avouris [email protected] INTER-SOCIAL Unleashing the Power of Social Networking for Enhancing Regional SMEs Kickoff meeting Ioannina December 2 nd 2011

The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

  • Upload
    others

  • View
    8

  • Download
    0

Embed Size (px)

Citation preview

Page 1: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

The Interactive Technologies Lab Human-Computer Interaction Group University of PatrasNikolaos Avouris [email protected]

INTER-SOCIAL Unleashing the Power of Social Networking for Enhancing Regional SMEsKickoff meeting Ioannina December 2nd 2011

Page 2: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Where we are … Patras inWestern Greece

University of Patras

Page 3: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

The Universityu The 3rd Greek University in terms of academic staff and number of students u 22 academic departments u Over 20,000 students currently registered of undergraduate and postgraduate level u Largest campus in Greeceu Long history in competitive research and development of technology

Page 4: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

www.upatras.gr

Page 5: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Rector Building

Page 6: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

University Hospital

Page 7: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Largest campus in Greece over 5 km2

Page 8: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-
Page 9: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Interactive Technologies LabHCI Group

Page 10: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

n Activity: Focus on Interactive Systems Design and Evaluation

n Size: 10+ researchers and support group

n Infrastructure: Tools for interactive applications design, development and evaluation (Usability Laboratory )

Page 11: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

hci.ece.upatras.gr

Page 12: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

A historical note… 1996-2011

Page 13: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Actors

Page 14: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Usability Lab: Monitoring and logging behavioral patterns

Eyetracker

Page 15: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Study of phenomena of collaboration supportUsability of e-learning systems

The Synergo environment

- Collaborative Technologies Unit

Page 16: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Synergo: a tool for group activities

n Synchronous collaboration-support environmentn Suitable for problem solving activities involving

diagrammatic representations

Page 17: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Analysis and evaluation of collaborative problem solving activitiesObject-orientedness of collaborative action

n Dialogue events can also be related to objects manually

n Objects have owners and history

Page 18: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Dialogue annotation Annotation of dialogue message

Page 19: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

- Web Usability Unitwebsite usability evaluation based on information foraging model

The InfoScentEvaluator

(Katsanos et al. 2007)

Page 20: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

20

InfoScent: Hyperlinks Evaluator

For a given user goal and user profile the semantic appropriateness of hyperlinks is evaluated and the most probable user trail predicted in order to identify navigability/findability flaws

Based on Information Foraging Theory (Pirolli & Card, 1997) Latent Semantic Analysis (Landauer & Dumais, 1997)

Page 21: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

InfoScent Evaluator – Parsing a page

n Using “Grab Links” button the ISEtool parses the defined “entry point page” of the site under evaluation and collects the following information for all available links:n Link Type: Is it a text link or a graphic link? n Proximal Cue: Textual description, if it is a text hyperlink or

the alternative text (e.g. ALT tag), if it is a graphical hyperlink.

n Link URL: The URL of the grabbed linkn Target Type: The type of the pointed file (e.g. html, pdf, ppt?

etc)n External?: Is the link internal or external to the defined site?

Page 22: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

InfoScent Evaluator – Computing Scent

n Using “Compute Scent” button the ISEtool computes and returns the semantic similarity (LSA index) of the user goal against all the proximal cues of the links.

n Calculation of “Information Scent” for all links is achieved by running the LSA algorithm

n The result is a normalized LSA index ranging from -100 (semantically opposite) to 100 semantically identical).

n This index is also presented also in the internal browser of thetool

Page 23: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

AutoCardSorter Information Architecture Support

Given a description of the pages of a web siteThe AutoCardSorter runs an automated analysis:

LSA is used to calculate the semantic similarity among all the pages,Clustering algorithms applied to group together

semantically similar pages

Page 24: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Web Accessibility Web site evaluation against WCAG v1.0 guidelines using IBM Rational Policy Tester

Page 25: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

-Mobile Devices UnitUser studies of activities involving mobile devices through a micro-ethnographic approach

The ActivityLens

(Fiotakis et al. 2007)

Page 26: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

SolomosMuseumMobile Application: Guide and Games

Page 27: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

ActivityLens

Page 28: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

ActivityLens• Synchronous presentation of multiple multimedia

sources structured/unstructured media• Definition of appropriate annotation schemes• Filtering of activities focusing in different levels of

abstraction• Navigation from the log file or from the video file

(synchronized)• Definition of multilayer tagging• Aggregation of observation per task for all

subjects

Page 29: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

City games

City games

Page 30: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Multi-touch surfaces

Page 31: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

tablets

Page 32: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Related / activity Projectsn Coordinator of a Human Network on Software Usability,

funding GSRTn Coordinator of a University Network on Web Science

(currently active)n ModellingSpace (IST) and e-COMODE (e-ten) web based

collaborative learning environment, main development site n Web usability, Greece-Italy collaboration program, (GSRT,

Italian Minstero degli Esteri)n Main developer and evaluator of web sites:

www.ece.upatras.gr, www.ee.upatras.gr, www.ecedu.upatras.gr, hci.ece.upatras.gr, www.demetra-tox.net, www.synergo.gr, myece.upatras.gr, www.qualibra.eu Series/ ace/ orchestra

Page 33: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Services Unitn User Research Servicesn Interaction Design & Development Servicesn • Interviews

• Research Review• User Needs Assessment• Field Research• Task Analysis• Focus Groups• Online Surveys • Prototyping• Usage Scenario Definition• User Model Research• Design Walkthrough• User Interface Design• Object Oriented Design and Development

n Usability Testing Servicesn • Usability Testing

• Remote Usability• Expert Evaluation• Design Walkthrough• Eye Tracking Studies

Page 34: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

CMTool: Task Analysis

Page 35: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Examples of Systems developed/evaluated

Page 36: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

SERIES Seismic Engineering Research Infrastructure

Distributed DatabaseData Access Portal

Page 37: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

www.orchestra-qsar.eu

ORCHESTRA is an EU project, funded to disseminate recent research oncomputer-based in silico methods for evaluating the toxicity of chemicals.

Page 38: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

QALIBRA

Page 39: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

comode.com

Page 40: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

ModellingSpace.net

Page 41: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Demetra-tox.net

Page 42: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

SolomosMuseum.gr

Page 43: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

myece.ece.upatras.gr

Page 44: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

Recent related activityHomophily-based recommendations in social networksE. Christakopoulou, S. Daskalaki, N. Avouris. 2012 (under preparation)

Data mining social network data Data from tweeter and facebook

Tweet folowers

Facebook similarity network

Page 45: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

possible actors in InterSocialn HCI GROUP (http://hci.ece.upatras.gr)

n Prof. Nikolaos Avouris Coordination n Dr. Christos Fidas Technical Coordinationn Ioannis Ioannidis, Computer Engineer, Software Design and

Developmentn Ilias Kotinas, Electrical & Comput. Engineer, Web Applications

Designn Christos Katsanos – user studies – support on information

modelingn Lefteris Papachristos – user studies – visual design and credibilityn Irene Hounta – collaborative systems usabilityn Filio Vogiantzi data entry, secretarial support

Page 46: The Interactive Technologies Lab Human- Computer Interaction …collab.di.uniba.it/intersocial/wp-content/uploads/sites/... · 2018-02-08 · The Interactive Technologies Lab Human-

thankshci.ece.upatras.gr