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

IA / IV 2011

Ergebnisse des Kurses Informationsarchitektur und -visualisierung 2011

Aufgabe 1: Vortrag Edward R. Tufte

Bildschirmfoto 2011-07-12 um 15.51.35.pngBildschirmfoto 2011-07-12 um 15.51.35.png

Für die erste Aufgabe wählte ich Edward Tufte (sprich tʌfti) für meine Präsentation aus. Tufte gilt als ein Begründer der modernen Informationsvisualisierung.

Tufte wurde am 14. März 1942 in Kansas City, Missouri, geboren. Er studierte ab 1960 Statistik- und Politikwissenschaften an der Stanford University und promovierte 1965. Danach lehrte er an der Princeton University Politik, Wirtschaft und Datenanalyse.

Ab 1975 beschäftigte sich Edward Tufte im Zuge eines Statistikkurses für Journalisten intensiv mit statistischen Graphiken, die er zusammen mit dem renommierten Informationsdesigner Jhon Tukey entwarf. Diese bildeten den Grundstein für sein erstes Buch, „The Visual Display of Quantitative Information“.

Im Vortrag gehe ich auf Tuftes Buch „Envisioning Information“ weiter ein. [Den gesamten Vortrag und das Handout downloaden.](http://incom.org/action/download-file/80373/Tufte-Referat-Handout.zip „Den gesamten Vortrag und das Handout downloaden.“)

Aufgabe 2: Matrix

Bildschirmfoto 2011-07-12 um 15.59.07.pngBildschirmfoto 2011-07-12 um 15.59.07.png

Die Aufgabe bestand darin, eine grafisch Matrix für 10 verschiedene Figuren anzulegen. Die erste, handgezeichnete Ausführung wurde dann noch in Illustrator digitalisiert. Verbesserungswürdig wäre noch die grafische Geschlossenheit der Matrix und der Felder untereinander.

Aufgabe 3: Fotomatrix

Matrix-fotografiert-2.001-001.pngMatrix-fotografiert-2.001-001.png
Matrix-fotografiert-2.002-001.pngMatrix-fotografiert-2.002-001.png
Matrix-fotografiert-2.003-001.pngMatrix-fotografiert-2.003-001.png
Matrix-fotografiert-2.004-001.pngMatrix-fotografiert-2.004-001.png
Matrix-fotografiert-2.005-001.pngMatrix-fotografiert-2.005-001.png
Matrix-fotografiert-2.006-001.pngMatrix-fotografiert-2.006-001.png
Matrix-fotografiert-2.007-001.pngMatrix-fotografiert-2.007-001.png
Matrix-fotografiert-2.008-001.pngMatrix-fotografiert-2.008-001.png
Matrix-fotografiert-2.009-001.pngMatrix-fotografiert-2.009-001.png
Matrix-fotografiert-2.010-001.pngMatrix-fotografiert-2.010-001.png

Für die fotografische Visualisierung der Matrix, wählte ich die Punkt-Reihe. Die Aufnahmen entstanden Teils in meiner Wohnung, zum Großteil in meiner Nachbarschaft/Umgebung

Textvisualisierung

Bildschirmfoto 2011-07-13 um 19.29.09.pngBildschirmfoto 2011-07-13 um 19.29.09.png

Bei der Textvisualisierung wollte ich aufzeigen, wie viel Energie man benötigt/verbraucht um einen Text zu verfassen. Dazu berechnete ich die benötigte Kraft für einen Tastendruck und koppelte dies mit der Buchstabenanalyse eines Textes.

In der Applikation kann man sich nun anzeigen lassen, welcher Finger welchen Kraftaufwand vollzogen hat und was sich mit der verwendeten Energie anderweitig hätte anstellen lassen.

Bildschirmfoto 2011-07-13 um 19.19.40.pngBildschirmfoto 2011-07-13 um 19.19.40.png
Bildschirmfoto 2011-07-13 um 19.19.53.pngBildschirmfoto 2011-07-13 um 19.19.53.png
Bildschirmfoto 2011-07-13 um 19.20.06.pngBildschirmfoto 2011-07-13 um 19.20.06.png
Entwurf-1.pngEntwurf-1.png

Gesprächsvisualisierung

Unbenannt-1.pngUnbenannt-1.png

In der Gesprächsvisualisierung wollte ich auf die Gestik von Personen in einer Talkrunde eingehen. Interessant fand ich, folgende Analysen zu visualisieren

Wie sitzt derjenige der spricht? Wie verhält er sich mit den Armen, Beinen seinem Oberkörper? Wechselt die Person ihre Position, wenn sie vom zuhören ins Reden übergeht? Zu welchen Themen verhält sich die Körpersprache der Gäste defensiv und zu welchem aggressiv? Welchen Einfluss hat der Redefluss auf die Haltung der Personen?

Um dies zu visualisieren entwarf ich eine Applikation, in der man verschiedene Aspekte der Visualisierung ein- und ausblenden kann.

Bildschirmfoto 2011-07-13 um 19.32.26.pngBildschirmfoto 2011-07-13 um 19.32.26.png
Bildschirmfoto 2011-07-13 um 19.32.48.pngBildschirmfoto 2011-07-13 um 19.32.48.png
Bildschirmfoto 2011-07-13 um 19.33.16.pngBildschirmfoto 2011-07-13 um 19.33.16.png
Bildschirmfoto 2011-07-13 um 19.33.56.pngBildschirmfoto 2011-07-13 um 19.33.56.png

Aufgabe 6: Stammbaum

screen.pngscreen.png

In der Visualisierung des Familienstammbaumes wollte ich verschiedene Aspekte aufzeigen: Die Verwandtschaftsgrade der Familienmitglieder untereinander, das Alter und das Geburtsjahr, die Zugehörigkeit der Familiennamen und die Wohnorte.

Die Visualisierung ist rund angelegt, im Zentrum befindet sich die jüngste Generation.

Die verschiedenen Visualisierungen können über ein Interface beliebig ein- und ausgeschaltet werden.

a1.pnga1.png
a2.pnga2.png
a3.pnga3.png
a4.pnga4.png

Aufgabe 7: Navigation

Bildschirmfoto 2011-07-13 um 19.11.41.pngBildschirmfoto 2011-07-13 um 19.11.41.png

Für die Navigation wählte ich ein Polygon als zentrales Element, um die sechs Projekte zu strukturieren. Mit Klick auf eines der 6 Icons dreht sich der Polygon auf das entsprechende Projekt und öffnet dieses in der Mitte des Screens.

Die Subnavigation bei Projekten, die man durchklicken muss, sind zusätzlich zu den Buttons mit Indikatoren versehen, um die aktuelle Position in der Doku anzuzeigen.

c1.pngc1.png
c2.pngc2.png
c3.pngc3.png
c4.pngc4.png

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Prof. Danijela Djokic

Entstehungszeitraum

Sommersemester 2011

zusätzliches Material