---
# System prepended metadata

title: Infovis on small displays

---

# Arbeitstitel: Informationsvisualisierung auf kleinen Displays / Datavisualization on Small Displays
- Skill: Informationsvisulasierung
- Skill: Arduino libraries verwenden 
- Skill: Human-Computer Interaction / User Experience Design

# Gliederung der Bachelorarbeit
insgesamt gute 30 Seiten

## Introduction
- Challenge: small displays are ubiquitous nowadays. How can we use such tiny displays to show information? <-- Wir würden uns wahrscheinlich auf Energie-Daten fokussieren.

### Forschungsfragen
1. Wie können Energiedaten auf kleinen Displays dargestellt werden?
2. Wie können kleine Displays zum Stromsparen verwendet werden? ... Damit die Leute sich nachhaltig verhalten.
    2.1 Welche Daten sind verfügbar? Trends? Time Series?
    2.2 Welche Daten genau sollen dargestellt werden?

## Related Work 
- https://scholar.google.de/scholar?hl=de&as_sdt=0%2C5&q=small+display+information+visualization&btnG=&oq=small+display+information+visua

## Methods
- Overall Philosophy: User Centered Design Approach --> participants are involved from the beginning ...
- Design Workshop (what is a design workshop? in general...) / Fokusgruppe
- Literature Review
- Prototyping (quick interactive prototypes with tools like Arduino IDE)

## Methoden
(Die Methoden müssen so gewählt werden, dass die Forschungsfragen durch sie beantwortet werden können. Das ist Sinn und Zweck der Methoden)

Bei der vorliegenden Bachelorarbeit handelt es sich um eine explorative Arbeit, welche die Darstellung von Visualisierungen auf kleinen Displays erforscht (vgl. Forschungsfragen Kapitel 1). Aus diesem Grund werden iterativ Prototypen erstellt und sie Versuchspersonen für Feedback vorgelegt. Dieses Feedback wiederum wird in den darauffolgenden Prototypen und Implementierungen berücksichtigt. Dieser Ansatz wird weitläufig als User-Centered Design bezeichnet. In den folgenden Absätzen gehen wir kurz auf diese "Design-Philosophie" ein und erklären weitere Methoden, die im Zuge dessen für die Beantwortung der Forschungsfragen herangezogen wurden.

(Literature Review
Als ersten Schritt wurde die Literatur systematisch gesichtet. Die Ergebnisse sind in Kapitel 2 dargestellt.)

User-Cetered Design
Vom Menschen ausgehend wird die Technik implementiert.Feedback essentiell wichtig. Testpersonen sind von Anfang an mit eingebunden.

Design Workshops
Die Nutzerinnen wurden hauptsächlich durch Design Workshops eingebunden. Darunter verstehen wir konzentrierte Arbeitstreffen, die zur Klärung spezifischer Designfragen (z.B. welche Art von Diagrammen sollen verwendent werden?) organisiert wurden. Es wurden Materialien/Prototoypen vorbereitet um sie vorzulegen

Prototyping
Die interaktiven Prototypen wurde mittels der Arduino Plattform umgesesetzt...

Evaluation
Das Feedback der Teilnehmenden wurde auf Audio aufgezeichnet, transkribiert und danach qualitativ analysiert. ... (Thematische Analyse von Braun und Clarke referenzieren)



## Design and Prototyping (Hauptteil)
Man soll nachvollziehen können, wie das finale Design Schritt für Schritt entstanden ist

- Begründung, warum welche Daten zur Visualisierung ausgewählt wurden (man kann nicht alles visualisieren, sondern muss eine Auswahl treffen)
- --> z.B. Tarif / Strompreis wurde ausgewählt für die Anzeige, weil ...
- In diesem Kapitel stellen wir den Prozess von den ersten Konzepten bis zum finalen interaktiven Prototypen dar.

### 1. Design Workshop
Fragestellung
Vorbereitete Materialien
Wie lange hat es gedauert? Wie viele Leute in welchem Alter waren dabei?
Fotos
Kurzusammenfassung der Ergebnisse und Konsequenzen für die nächsten Schritte/ was wird im nächsten Protoype berücksichtigt

### 1. Paper Prototype
Foto zeigen
Funktionen beschreiben




### 1. Literature Review
- Learnings from the literature.... info vis.... ==> Design Workshop 

### 2. Design Workshop
- 6 Participants, aufgezeichnet auf Audio
- Frei diskutieren lassen
- Vorschläge aus der Literatur vorbereitet, gezeigt und diskutiert
- ==> Learnings z.B. als Diagramm

### 3. Arduino Prototype
- Eine lieblingsvariante wird tatsächlich implementiert für den Arduino
- Gerät wird gestellt
- Daten werden gefaked, da es noch keine echten Daten gibt
- Technische Details in den Anhang

## Evaluation
- Finaler Prototype wird wieder den Participants gezeigt
- Sie geben ihre Kommentare ab

## Diskussion
Was haben wir nun daraus gelernt?
Idealerweise nochmals auf die Related Work

## Appendix
- Technische Details, Code, usw.

# ChatGPT Antwort zu Visualisierungstechniken:
### 1) Graphen und Plotttechniken für die Darstellung der gegebenen Daten:

- **Balkendiagramme (Bar Charts):** Ideal, um den Verbrauch oder andere Messwerte kategorisch zu vergleichen.
- **Linien-Diagramme (Line Graphs):** Eignen sich hervorragend, um Veränderungen über Zeit zu visualisieren.
- **Scatter Plots:** Gut geeignet, um die Beziehung zwischen zwei Variablen zu untersuchen.
- **Boxplots:** Bieten eine nützliche Zusammenfassung der Verteilung einer Variable, einschließlich Median, Quartile und Ausreißer.
- **Heatmaps:** Eignen sich, um Muster oder Variationen in großen Datenmengen zu visualisieren, wie z.B. den Energieverbrauch über verschiedene Zeiten.

### (2) Allgemeine Darstellungsarten für Daten:

- **Histogramme:** Nützlich, um die Verteilung eines Datensatzes zu verstehen.
- **Kreisdiagramme (Pie Charts):** Visualisieren den prozentualen Anteil von Kategorien an einem Ganzen.
- **Stacked Bar Charts:** Ermöglichen die Darstellung mehrerer Datenreihen in einem Balkendiagramm und zeigen die Zusammensetzung der Daten.
- **Area Charts:** Ähnlich wie Linien-Diagramme, aber die Fläche unter der Linie wird ausgefüllt, um das Volumen zu betonen.
- **Radar Charts:** Nützlich für die Darstellung multivariater Daten, um die Stärken und Schwächen in verschiedenen Kategorien zu visualisieren.

### (3) Weitere Ideen für die Darstellung von Daten:

- **Infografiken:** Kombinieren Text, Bilder und Diagramme, um komplexe Informationen leicht verständlich zu machen.
- **Datenvisualisierung in Virtual Reality (VR) oder Augmented Reality (AR):** Ermöglicht es Benutzern, in 3D-Umgebungen mit Daten zu interagieren.
- **Künstlerische Datenvisualisierung:** Nutzt kreative Ansätze und Techniken, um Daten visuell ansprechend darzustellen, beispielsweise durch die Verwendung von Farben, Mustern oder interaktiven Elementen, die über traditionelle graphische Darstellungen hinausgehen.
- **Narrative Visualisierung:** Verbindet Daten mit Geschichtenerzählen, um ein tiefes Verständnis und Engagement des Betrachters zu erreichen.
- **Sonifikation:** Die Umwandlung von Daten in hörbare Signale oder Musik, um Trends, Muster oder Anomalien auditiv darzustellen.

Diese Techniken und Darstellungsarten bieten vielfältige Möglichkeiten, Daten für unterschiedliche Zwecke und Publika zu visualisieren, von streng wissenschaftlichen Analysen bis hin zu allgemeinbildenden und unterhaltenden Präsentationen.

# Testdaten aus dem Energie-Bereich
- https://owncloud.tuwien.ac.at/index.php/s/URQhWLefePUlKmT

# Next Steps
- Zeitplan mit "Arbeitspaketen" ... Milestones
- Florian: Bereitet Arduino + Display vor + schickt mit der Post direkt nach Hause
- ein wenig über datenvisualisierung lesen (related work)
- Next meeting next Fr 15.03.2024 15:00
