Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Slice of Life

Slice of Life ist eine Applikation, die Tätigkeiten und Gefühle eines Nutzers in wählbaren Zeiträumen darstellt und so Aufschluss über bestimmte Muster des eigenen Verhaltens zu bestimmten Zeiten gibt. Im Rahmen des Kurses waren mehrere Aufgaben zu bearbeiten, die einen dabei unterstützen sollten, eine eigene visuelle Sprache für das eigene Handeln und Fühlen zu entwickeln.

Record

Foto am 29-10-2010 um 16.10.jpgFoto am 29-10-2010 um 16.10.jpg
Foto am 29-10-2010 um 16.09.jpgFoto am 29-10-2010 um 16.09.jpg
Sonntag.jpgSonntag.jpg

Der Kurs startete mit einer Aufzeichnung der eigenen Aktivitäten und Stimmungen über drei Tage in 15-Minuten-Intervallen. Hierzu sollten nun erste Überlegungen zur Visualisierung gemacht werden.

De-Construct/Re-Create

Dollar Adler-03.pngDollar Adler-03.png
Dollar Adler-01.pngDollar Adler-01.png
Dollar Adler-02.pngDollar Adler-02.png
Dollar Adler-05.pngDollar Adler-05.png
Dollar Adler-06.pngDollar Adler-06.png

Ziel dieser Aufgabe war es, ein komplexes Bild in seine Einzelformen aufzulösen und diese Einzelformen dann zu abstrahieren, modifizieren und transformieren. Ich wählte dafür den auf der Ein-Dollar-Note abgebildeten Adler.

Matrix

Matrix_Jan.jpgMatrix_Jan.jpg

In einer 10x10-Matrix wurden verschiedene visuelle Variablen miteinander kombiniert, so dass eine Menge von 100 unterschiedlichen Zeichen entstand. Einige der entstandenen Zeichen dienten als Inspiration für die Applikation „Slice of Life“.

Visual Language

Mit dem aus den bisherigen Aufgaben gewonnenen Repertoire an Zeichen als Ausgangspunkt ging es nun daran, eine Zeichensprache zu entwickeln, die die eigenen Aktivitäten und Stimmungen schlüssig wiedergibt. Um die Komplexität zu reduzieren, wurden sowohl Stimmungen als auch Aktivitäten in grundlegende Kategorien eingeteilt. So gibt es für die Stimmungen nun die Unterteilung in negativ, neutral oder positiv, Tätigkeiten werden anhand fünf unterschiedlicher Attribute differenziert: Intensität, aktiv vs. passiv, geistig vs. körperlich, in Bewegung vs. Stillstand, in Gesellschaft vs allein. Im Folgenden sind verschiedene Zeichenvarianten zu sehen.

Transformationsreihe aus Matrix-04.pngTransformationsreihe aus Matrix-04.png

Transformationsreihe aus Matrix-04.pngTransformationsreihe aus Matrix-04.png
Transformationsreihe aus Matrix-03.pngTransformationsreihe aus Matrix-03.png
Transformationsreihe aus Matrix-02.pngTransformationsreihe aus Matrix-02.png
Transformationsreihe aus Matrix-01.pngTransformationsreihe aus Matrix-01.png
Transformationsreihe aus Matrix-05.pngTransformationsreihe aus Matrix-05.png
Transformationsreihe aus Matrix-06.pngTransformationsreihe aus Matrix-06.png

Applikation

Mit der zuvor entwickelten visuellen Zeichensprache sollte nun ein „visueller Zeitanzeiger“ konzipiert werden. Meinen Entwurf, die Applikation „Slice of Life“, stelle ich im Folgenden vor. Ich entschied mich, für die Applikation die zuvor entwickelte 5x5-Punkt-Matrix als Grundzeichen zu verwenden. In dieser Matrix werden nun die vorher beschriebenen Stimmungen und Aktivitäten beschrieben. (Auf die Unterscheidung „aktiv vs. passiv“ wurde verzichtet, da diese bereits durch das Attribut „Intensität“ ausgedrückt wird.) Jede dieser Matrizen beschreibt einen Zeitraum von 10 Minuten.

Auschlüsselung0-01.pngAuschlüsselung0-01.png
Auschlüsselung1-01.pngAuschlüsselung1-01.png
Auschlüsselung2-01.pngAuschlüsselung2-01.png
Auschlüsselung3-01.pngAuschlüsselung3-01.png
Auschlüsselung4-01.pngAuschlüsselung4-01.png
Auschlüsselung5-01.pngAuschlüsselung5-01.png

„Slice of Life“ zeigt einem bei Programmstart zunächst einen Überblick über das aktuelle Jahr. Durch Klicken der Pfeile neben der Jahreszahl lässt sich das Jahr verändern. Jedes der abgebildeten Kästchen entspricht einem Tag. Im unteren Bereich lässt sich ein Pop-Up-Fenster öffnen, in dem man bestimmte Zeichen auswählen kann, die gehighlightet werden sollen. So erhält man schnell einen Überblick, zu welchen Zeiten man sich wie verhalten hat und was für eine Stimmung man hatte.

Visual Diary Screens 1-01-01.pngVisual Diary Screens 1-01-01.png

Visual Diary Screens 2-01.pngVisual Diary Screens 2-01.png

Visual Diary Screens 3-01.pngVisual Diary Screens 3-01.png

Nun können entweder einzelne Tage ausgewählt werden und in einer Animation im Schnelldurchlauf angesehen werden ...

Visual Diary Screens 4-01.pngVisual Diary Screens 4-01.png

... oder mehrere Tage auf einmal ausgewählt werden, um sie im Detail zu betrachten.

Visual Diary Screens 5-01.pngVisual Diary Screens 5-01.png

Hier erhält man dann den ausgewählten Bereich als verschiebbare Fläche, in der alle Zeichen der jeweiligen einzelnen Tage zu sehen sind. Vorher gehighlightete Zeichen sind hier ebenfalls blau hervorgehoben.

Visual Diary Screens 6-01.pngVisual Diary Screens 6-01.png

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im Masterstudium

Betreuung

foto: DD

Entstehungszeitraum

Wintersemester 2010 / 2011

zusätzliches Material