presentation capita selecta chi - final
DESCRIPTION
Final presentatie for the project for the course of Capita Selecta CHI at the KULeuvenTRANSCRIPT
![Page 1: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/1.jpg)
Where to go with your subject?!
Anne Everars, Greet Robijns en Ward Cools
woensdag 22 mei 13
![Page 2: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/2.jpg)
ContentIntroductionDesign choicesPaper prototypeDigital prototypeExpert evaluationEvaluation digital prototypeWhat we learnedTeamworkTechnical issuesFuture work
woensdag 22 mei 13
![Page 3: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/3.jpg)
ContentIntroduction
What? Why? How?Design choicesPaper prototypeDigital prototypeExpert evaluationEvaluation digital prototypeWhat we learnedTeamworkTechnical issuesFuture work
woensdag 22 mei 13
![Page 4: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/4.jpg)
What to visualize?
Difference between LAK and EDM data
Localization of the subjects
Differences between participating universities (number of written papers)
woensdag 22 mei 13
![Page 5: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/5.jpg)
Why this?
Interesting to know where people are writing about a certain subject
LAK and EDM have a comparable research domain➠ visualize the differences
Quantity is also visualized, to see where a lot of research is done about a subject
woensdag 22 mei 13
![Page 6: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/6.jpg)
How did we do this?
Beginning
Simple map with markerfor the associations
map with EDM versus LAK data
woensdag 22 mei 13
![Page 7: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/7.jpg)
How did we do this?
Rapid prototyping
Paper prototype
First digital version
Expert evaluation
Second digital version
Evaluation digital version
woensdag 22 mei 13
![Page 8: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/8.jpg)
ContentIntroductionDesign choicesPaper prototypeDigital prototypeExpert evaluationEvaluation digital prototypeWhat we learnedTeamworkTechnical issuesFuture work
woensdag 22 mei 13
![Page 9: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/9.jpg)
Design choices
Conflict:
Visualize the quantity of papers e.g. in the US more publications than in Guatemala
Visualize distribution between LAK and EDM
woensdag 22 mei 13
![Page 10: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/10.jpg)
Design choices
Continue working with bar charts
Markers are too close together
Bar can get really long
Not clear to which association it belongs
woensdag 22 mei 13
![Page 11: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/11.jpg)
Design choices
Pie chart
Located at the center of the association
Unreadable when zoomed out or many associations close together
Hard to compare associations (number of papers not clear)
woensdag 22 mei 13
![Page 12: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/12.jpg)
Design choicesPop-ups
Clear to which association it belongs
Map not flooded with - potentially unwanted - information
Small markers on the map itself
Hover over association to see the name
Colored countries
woensdag 22 mei 13
![Page 13: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/13.jpg)
Design choices
woensdag 22 mei 13
![Page 14: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/14.jpg)
Pop-ups?
Visualize information about one association
Visualize differences between two associations
2 options were evaluated by use of paper prototype
woensdag 22 mei 13
![Page 15: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/15.jpg)
ContentIntroductionDesign choicesPaper prototypeDigital prototypeExpert evaluationEvaluation digital prototypeWhat we learnedTeamworkTechnical issuesFuture work
woensdag 22 mei 13
![Page 16: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/16.jpg)
Paper prototype
woensdag 22 mei 13
![Page 17: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/17.jpg)
Paper prototype
woensdag 22 mei 13
![Page 18: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/18.jpg)
Paper prototype
woensdag 22 mei 13
![Page 19: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/19.jpg)
Paper prototype
woensdag 22 mei 13
![Page 20: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/20.jpg)
Paper prototype
woensdag 22 mei 13
![Page 21: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/21.jpg)
Paper prototype
woensdag 22 mei 13
![Page 22: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/22.jpg)
Paper prototype
woensdag 22 mei 13
![Page 23: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/23.jpg)
Paper prototype
woensdag 22 mei 13
![Page 24: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/24.jpg)
Paper prototype
woensdag 22 mei 13
![Page 25: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/25.jpg)
Paper prototypethe compare issue
woensdag 22 mei 13
![Page 26: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/26.jpg)
EvaluationSome remarks during user test
‘Compare’ and ‘Search’ button are placed too close together.
Dots in the map might be mistaken for capital cities
Axis should be calibrated on the pop-ups
Can you only push the ‘Compare’ button if (more than) one association is selected?
Compare more than two associations?woensdag 22 mei 13
![Page 27: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/27.jpg)
EvaluationSUS-questionnaire➠ express the quality with a number➠ get a view of the usability of the application
SUS-score = 74
woensdag 22 mei 13
![Page 28: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/28.jpg)
ContentIntroductionDesign choicesPaper prototypeDigital prototypeExpert evaluationEvaluation digital prototypeWhat we learnedTeamworkTechnical issuesFuture work
woensdag 22 mei 13
![Page 29: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/29.jpg)
Changes
Scale : no continuous colors, but discrete➠ beter visualize the differences
Location of search and compare button are (hopefully) better
woensdag 22 mei 13
![Page 30: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/30.jpg)
Digital prototype
woensdag 22 mei 13
![Page 31: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/31.jpg)
Digital prototype
woensdag 22 mei 13
![Page 32: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/32.jpg)
Digital prototype
woensdag 22 mei 13
![Page 33: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/33.jpg)
Digital prototype
woensdag 22 mei 13
![Page 34: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/34.jpg)
Digital prototype
woensdag 22 mei 13
![Page 35: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/35.jpg)
Digital prototype
woensdag 22 mei 13
![Page 36: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/36.jpg)
Digital prototype
woensdag 22 mei 13
![Page 37: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/37.jpg)
Digital prototype
woensdag 22 mei 13
![Page 38: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/38.jpg)
Digital prototype
woensdag 22 mei 13
![Page 39: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/39.jpg)
Remarks from class
0 papers ⇒ graph not clear
Color scale not clear➠ continuous scale is better than 5 colors
woensdag 22 mei 13
![Page 40: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/40.jpg)
ContentIntroductionDesign choicesPaper prototypeDigital prototypeExpert evaluationEvaluation digital prototypeWhat we learnedTeamworkTechnical issuesFuture work
woensdag 22 mei 13
![Page 41: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/41.jpg)
Expert evaluation
Transparency adds too much complexity to the overview map➠ chose what to visualize (switched view?)
Small markers visible at a higher level?
Keep an overview of the entire map while zoomed in
Graph in compare view is confusing
Evaluation over time?
woensdag 22 mei 13
![Page 42: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/42.jpg)
Changes
Added radiobuttons
Two levels : - quantity - conference
No more transparency
Overview map
woensdag 22 mei 13
![Page 43: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/43.jpg)
ContentIntroductionDesign choicesPaper prototypeDigital prototypeExpert evaluationEvaluation digital prototypeWhat we learnedTeamworkTechnical issuesFuture work
woensdag 22 mei 13
![Page 44: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/44.jpg)
Evaluation - remarks
Radio buttons difficult to see
Hard to click the ‘compare city’ button➠ caused by the computer
Graphs : unclear x-axis
Interesting to look at multiple cities,since there is mostly only one paper about a subject
woensdag 22 mei 13
![Page 45: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/45.jpg)
EvaluationSUS-score = 65.6
woensdag 22 mei 13
![Page 46: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/46.jpg)
ContentIntroductionDesign choicesPaper prototypeDigital prototypeExpert evaluationEvaluation digital prototypeWhat we learnedTeamworkTechnical issuesFuture work
woensdag 22 mei 13
![Page 47: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/47.jpg)
What we learnedSome associations have a strong preference for one of the conferences
‘learning’ gives a divided image
Learning analytics and machine learning both concern learning
Visualize both conferences
Social network analysis
mainly LAK
only popular in certain countrieswoensdag 22 mei 13
![Page 48: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/48.jpg)
What we learnedSome associations have a strong preference for one of the conferences
‘learning’ gives a divided image
Learning analytics and machine learning both concern learning
Visualize both conferences
Social network analysis
mainly LAK
only popular in certain countrieswoensdag 22 mei 13
![Page 49: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/49.jpg)
What we learned
Important to get an idea about the data
Important to get an idea about what what people want to know about the data
woensdag 22 mei 13
![Page 50: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/50.jpg)
ContentIntroductionDesign choicesPaper prototypeDigital prototypeExpert evaluationEvaluation digital prototypeWhat we learnedTeamworkTechnical issuesFuture work
woensdag 22 mei 13
![Page 51: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/51.jpg)
Teamwork?
First meeting to look at what we wanted and how we wanted to do visualize it
Divided the tasks
Everyone did their part
Greet did evaluation, Anne and Ward worked on the changes
woensdag 22 mei 13
![Page 52: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/52.jpg)
ContentIntroductionDesign choicesPaper prototypeDigital prototypeExpert evaluationEvaluation digital prototypeWhat we learnedTeamworkTechnical issuesFuture work
woensdag 22 mei 13
![Page 53: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/53.jpg)
Technical issues?
Clash between markers and pop-ups
Location of universities
Naming of universitye.g. Katholieke Universiteit Leuven vs. K.U.Leuven
Coloring countries
woensdag 22 mei 13
![Page 54: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/54.jpg)
ContentIntroductionDesign choicesPaper prototypeDigital prototypeExpert evaluationEvaluation digital prototypeWhat we learnedTeamworkTechnical issuesFuture work
woensdag 22 mei 13
![Page 55: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/55.jpg)
Future work
White-space in compare boxes
More information about a paper or university
Evaluation over time
Search option when selected “# papers”
woensdag 22 mei 13
![Page 56: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/56.jpg)
DEMO
woensdag 22 mei 13
![Page 57: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/57.jpg)
woensdag 22 mei 13
![Page 58: Presentation Capita Selecta CHI - final](https://reader033.vdocuments.site/reader033/viewer/2022051515/54c833f74a795931018b4592/html5/thumbnails/58.jpg)
?Questions?
woensdag 22 mei 13