...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
The module takes place over 5 weeks, including a reading week (3), from Tuesday to Friday, 9.30 – 17.00, November 02 – December 01 2017.
Class sessions include lectures, discussions, mentoring sessions, in-class exercises, assignments and independent study blocks.
Projects are conducted in groups of 4 students.
Module Details
- Course title: Interactive Visualization
- Dates: November 2 – December 1 2017
- Days: Tuesday to Friday
- Lecture hours: 09.30 – 17.00
- Office hours: 09.30 – 17.00
- Classroom: TBD
Module Instructors
Joël Gähwiler
joel.gaehwiler@zhdk.ch
Technology and programming
Benjamin Wiederkehr
benjamin@interactivethings.com
Data analysis, visualization, interaction, narration, communication, and evaluation
Timo Grossenbacher
timo.grossenbacher@srf.ch
Module Sessions
Lectures
Presentations will introduce the students to the essential theory and practice of data visualization.
Design Studio
Collective review sessions where the students can get and give feedback to their current state.
Coding Lab
Collaborative coding sessions where the students can experiment and get support.
Group Mentoring
Individual review and coaching sessions where the instructors give advice to groups of students.
(2) Overview and Objectives
Topic Overview
...
(3) Module Outline
The module is split into three parts:
Week 1: Data Literacy
Students learn the basics of data acquisition,
Week 2: Reading Week
Week 3 – 5: Data Visualization
(4) Expectations and Grading
Grades will be based on group presentations, class participation, home assignments, documentation (journal) and final work.
Contributing to constructive group feedback is an essential aspect of class participation.
Regular attendance is required. Two or more unexcused absences will affect the final grade. Arriving late on more than one occasion will also affect the grade.
- 40% Final work
- 20% Group discussions
- 20% Journal documentation
- 10% Class participation
Any assignment that remains unfulfilled receives a failing grade.
(5) Deliverables
See Example below:
- Oral presentations
Students must independently prepare lectures on selected texts from the week. These can be presented in different formats.
Possible presentation formats are:
- Live sketching
- Demo with prototyping
- Slides presentation
- etc.
The presentation should include a 3-pages written discussion, made available to the class and instructor by Friday 9am, prior to the day of the class to insure a general discussion.
The paper should include title, author, date, context, summary, bibliography.
Additional sources can be added to inform the discussion if necessary.
- Final Essay
The essay is a final 2500-words essay with a diversity of sources and bibliography (classified by genre: book, book chapter, journal article, conference article, academic thesis, newspaper article, web article, etc).
The topic of the essay is chosen by the student and proposed by Week 8 in the form of a short paragraph (100 words) explaining the topic and the questions at stake. I will inform the student if the topic is accepted in that week. The final essay has to be submitted by Week 12.
The paper should be written in English.
- Journal/Blog
A separate 'Journal' is developed by each student that reflects on learnings from the seminar. It should be in the form of an online blog (ie. WordPress, Tumblr or other):
- The journal should be structured in a generally comprehensible manner
- The lecture notes, including annotations, are stored
- Notes, sketches for each lesson should be included as well
(6) Course Materials
Essentials
Add a short list of specific articles, chapters, videos, podcasts, etc. here.
Books
...
- https://www.vis4.net/blog/posts/mastering-multi-hued-color-scales/
- https://www.vis4.net/blog/posts/avoid-equidistant-hsv-colors/
- https://blog.graphiq.com/finding-the-right-color-palettes-for-data-visualizations-fcd4e707a283
- Data Stories by Moritz Stefaner and Enrico Bertini
Tools
- http://datavizproject.com/
- http://ft-interactive.github.io/visual-vocabulary/
- http://labs.juiceanalytics.com/chartchooser/index.html
...
...
...
(7) Calendar
Content week by week or module calendar. See examples below:
Example 1
Week 1 - 20.02.17 Deconstructing Interaction Design
The focus of this introductory lesson is a discussion on the term "Interaction Design".
From your short experience as design students in the first semester and your various experience as customers and users, we’ll uncover the variety of meanings of interaction design.
We’ll also look at the syllabus and go through the lectures to prepare.
...
Löwgren, J. & Stolterman, E. (2007). Thoughtful Interaction Design. The Process (15-41).
Week 2 - 27.02.17 Perspectives of design
Historical outline and introduction of design methods theories. Highlighting the notion of design, technology and human experience.
Lecture : “Perspectives of Interaction Design”
...
Carroll, J. M. (2000). Making Use: Scenario-Based Design of HumanComputer Interactions. The MIT Press.
Dreyfuss, H. S. (1955). Designing for People. (26-43).
Dubberly, H. (2004). How do you design? Dubberly Design Office.
Kolko, J. (2011). Exposing the Magic of Design: A Practitioner’s Guide to the Methods and Theory of Synthesis (Oxford Series in HumanTechnology Interaction) (1 ed.). Oxford University Press, USA.
...
Dreyfuss, H. S. The designer’s role (sketch).
Kolko, J. (2007). Thoughts on Interaction Design. Brown Bear LLC. (Chapter 3)
Week 3 - 06.03.2017 Design in the everyday context
etc..
Example 2
...
Week 1
...
Tuesday 28.3
...
Wednesday 29.3
...
Thursday 30.3
...
Friday 31.3
...
Morning
...
Kickoff
09.30-11.00
Introduction about the module, Presentation of the topic, Note on Documentation
JB
11.00-12.00
Ethnographic study
NF
...
Field Research
Independent Study
...
Field Research / Independent Study
...
Afternoon
...
13.00-13.45
Brainstorming session
NF
13.45-14.15
Exercise: group building
JB
14.15-14.45
Renting Equipment
NF
14.45-15.30
Get prepared for Field Research
NF
15.30-
Initial Field Research
13.00-14.00
Group presentations:
First Impressions
JB, NF
14.00-15.00
Sense Making (AEIO)
NF
15.00-
Independent Study
...
13.00-15.00
Mentoring: Sense Making and Clustering (Going Back to the Field)
NF
15.00-
Field Research
...
13.00-15.00
Group presentations: Inspirations and Field Research
JB, NF
...
Week 2
...
Tuesday 4.4
...
Wednesday 5.4
...
Thursday 6.4
...
Friday 7.4
...
Morning
09.30-11.30
Theory Class - IAD Method
JB
...
09.30-12.00
Mentoring: Narrowing
Down
NF
...
Independent Study
...
Independent Study:
Preparation of presentation
...
Afternoon
...
13.00-13.15
Expectations for the week
JB
13.15-15.30
Exercise: Very rapid prototyping
JB
15.30-16.00
Group Presentations: mock-ups
JB, NF
...
Independent Study:
Desk-based Research
(Related work,
state of the art)
...
Independent Study
...
13.00-15.00
Group presentations: Related Work and Production Plan for the next 4 weeks
JB, NF
...
Week 3
...
Tuesday 11.4
...
Wednesday 12.4
...
Thursday 13.4
...
Friday 14.4
...
Morning
...
09.30-11.30
Theory Class - IAD Method
JB
11.30-12.30
Mentoring: Protyping
JB
...
09.30-12.00
Mentoring
JB
...
Holiday
...
Afternoon
...
13.00-15.00
Exercise: Prototyping Ideas
JB
15.00-
Independent Study
...
Independent Study
...
13.00-15.00
Group presentations: Prototypes
JB
...
Week 4
...
Tuesday 18.4
...
Wednesday 19.4
...
Thursday 20.4
...
Friday 21.4
...
Morning
...
Independent Study
...
09.30-12.00
Group presentations:
Storytelling
NF
...
Afternoon
...
13.00-15.00
Exercise: Storytelling
JB
...
13.00-16.00
Mentoring
JB
...
13.00-16.00
Mentoring: Storyboards
NF
...
Week 5
...
Tuesday 25.4
...
Wednesday 26.4
...
Thursday 27.4
...
Friday 28.4
...
Reading Week
...
Reading Week
...
Reading Week
...
Week 6
...
Tuesday 2.5
...
Wednesday 3.5
...
Thursday 4.5
...
Friday 5.5
...
Morning
...
09.30-12.00
Final Group presentations
JB, NF
...
Afternoon
...
Module Overview
The module takes place over 5 weeks, including a reading week (3), from Tuesday to Friday, 9.30 – 17.00, November 02 – December 01 2017. Class sessions include lectures, discussions, mentoring, in-class exercises, project assignments and independent study blocks. Project assignments are conducted in 5 groups of 3 students.
Module Details
- Title: Interactive Visualization
- Dates: November 2 – December 1 2017
- Days: Tuesday to Friday
- Lecture hours: 09.00 – 17.00
- Office hours: 09.00 – 17.00
- Language: English
Module Theme
The theme of this module is aligned with the overall theme of the fall semester 2017: instability. We interpret the term instability in the context of this course as an antonym to stability and the students are asked to look for stability, instability, or the dynamic between these two terms in data sets covering the world around us. Tectonic instability leading to earthquakes, job instability leading to fluctuating jobless rates, economic instability leading to financial crises, political instability leading to democratic overhaul, are just some of the potential examples.
Module Instructors
Joël Gähwiler
joel.gaehwiler@zhdk.ch
Data visualization tools and technology
Benjamin Wiederkehr
benjamin@interactivethings.com
+41 76 533 33 72
Data analysis, visualization, interaction, narration, communication, and evaluation
Timo Grossenbacher
timo@timogrossenbacher.ch
Module Sessions
Input Lectures
Presentations will introduce the students to the essential theory and practice of data literacy and data visualization. These lectures will be divided into design- and technology-oriented inputs. Joël Gähwiler will provide the technology inputs, Benjamin Wiederkehr will provide the design inputs.
Group Mentoring
Individual review and coaching sessions where the instructors give advice to groups of students.
Subject and Objectives
Subject Overview
This course provides students with an introduction into the theory and practice of designing with data while keeping the human in mind. They learn the basics for creating effective data visualizations. This includes principles from graphic design, human-computer interaction, perceptual psychology, cognitive science, and statistics. We touch on the topics of data literacy, visual perception, graphical encoding, visualization types, color, interaction, animation, exploration, and explanation. In a practical assignment, students apply the techniques, tools, and technologies to design and develop interactive visualizations. After this course, students will be able to turn a data source into a useful, truthful, and beautiful data experience — tailored to specific information needs or communication goals.
Module Outline
The module is split into three parts:
Week 1: Data Literacy
Students learn the basics of data acquisition,
Week 2: Reading Week
Week 3 – 5: Data Visualization
Assignment
Deliverables
Graphical Poster
Interactive Prototype
Documentation
Grading
Grades will be based on group presentations, class participation, home assignments, documentation (journal) and final work. Contributing to constructive group feedback is an essential aspect of class participation. Regular attendance is required. Two or more unexcused absences will affect the final grade. Arriving late on more than one occasion will also affect the grade.
- 10% Participation (Data Literacy)
- 60% Final work (Data Visualization)
- 30% Documentation (Data Visualization)
Any assignment that remains unfulfilled receives a failing grade.
Calendar
Week 1 | Tuesday 31.10 | Wednesday 1.11 | Thursday 2.11 | Friday 3.11 |
|---|---|---|---|---|
Data Literacy Introduction From Data to Knowledge Data Sources | Data Literacy Data Sources & Quality Data Types / Formats Data Tools / Working with Data | |||
Week 2 | Tuesday 7.11 | Wednesday 8.11 | Thursday 9.11 | Friday 10.11 |
Data Literacy Data Quality More Data Tools Geospatial Data tbd. | Data Visualization 09.00-12.0 Topic and Data Research | Design Input 1 09.00-12.00 Topic and Data Research | Tech Input I 09.00-12.00 Mentoring Topic and Data Research | |
Week 3 | Tuesday 14.11 | Wednesday 15.11 | Thursday 16.11 | Friday 17.11 |
B&A | Data Analysis | Data Analysis | Ideation and Concept | Ideation and Concept |
Week 4 | Tuesday 21.11 | Wednesday 22.11 | Thursday 23.11 | Friday 24.11 |
B&A | Design Input 2 09.00-12.00 Mentoring Concept | Tech Input 2 09.00-12.00 Concept Finalization | Aesthetics of Interaction Production | Mentoring Production |
Week 5 | Tuesday 28.11 | Wednesday 29.11 | Thursday 30.11 | Friday 1.12 |
B&A | Production | Aesthetics of Interaction Mentoring Production | Production | Presentation Documentation |
TG: Timo Grossenbacher, BW: Benjamin Wiederkehr, JG: Joël Gähwiler
Inputs
| Input | Date | Content | Instructor | Slides |
|---|---|---|---|---|
| Introduction & Briefing | 8.11 | Data Visualization Foundation
Briefing
| BW | Interactive Visualization — Data Visualization Foundation — Benjamin Wiederkehr (2017).pdf |
| Design Input 1 | 9.11 | Basic Techniques
| BW | |
| Design Input 2 | 21.11 | Intermediary Techniques
| BW | Interactive Visualization — Intermediary Techniques — Benjamin Wiederkehr (2017).pdf |
| Technology Input 1 | 10.11 |
| JG | |
| Technology Input 2 | 22.11 |
| JG |
TG: Timo Grossenbacher, BW: Benjamin Wiederkehr, JG: Joël Gähwiler