Visualizing Reader Engagement

Human-Computer InteractionDept. Computerwetenschappen

KU Leuven

LICT workshop on "Information Processing in Social Media"

joris.klerkx@cs.kuleuven.be

Dr. Joris KlerkxProf. Erik Duval†

http://hci.cs.kuleuven.be

DataVisLaB Leuven http://datavislab.org

PROF. AERTS BIO-INFORMATICS

PROF. VERBERT COMPUTER SCIENCE

PROF. VANDE MOERE INFORMATION DESIGN

DR. KLERKX COMPUTER SCIENCE

Design,buildandevaluaterelevanttoolsandtechnologiesthathelpuserstobecomebe6erintheirdailylife&work(Duval,2015)

Our mission

“Toaugmentthehumanintellect”(Engelbart,1962)

3

Measuring & Visualizing Reader Engagement

4

@RobbyWauters

@RobbyWauters

@RobbyWauters

3) Visualizing & Analysing2) Synchronizing & Processing

1) Measuring

Signalen per gebruiker, per seconde

Lezer feedbackartikel

AfbeeldingTitel

Dislike

neutraal Likeneutraal

LikeLike

Dislike Dislike

neutraal

zelfde pagina

4-layered horizon graph with offset

Tijdens lezen artikel: ‘goosebumps’ ?

Surprise-effect?

Football Extra

Content matters

Relating engagement with actual pages, articles, titles?

Pagina’s in volgorde krant

Sensor data van alle gebruikers per pagina

Lengte: leestijd in seconden (logaritmische schaal)

Page Identifier

Lezer 1Lezer 2Lezer 3Lezer 4

…

Grootste fysiologische reactie bij lezer 4, tevens langst gelezen

Kleurverzadiging geeft standaard deviatie weer van gemeten signaal tijdens leesinterval

Lichtgroen: minder geëngageerd/opgewonden Donkergroen: meer geëngageerd/opgewonden

(lineaire schaal ifv gewogen gemiddelde fysiologische signalen tijdens leesinterval pagina

Feedback op artikel

Feedback op image

Feedback op titel

like

dislike

blauw: like + ’maakt deze krant beter/slechter dan gemiddeld’

Data per pagina

Demo!

Questions?Contact: joris.klerkx@cs.kuleuven.be