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

Informationsarchitektur und Visualisierung - Daniel Grimm

Informationsarchitektur und Visualisierung - Daniel Grimm

Arbeiten aus dem Informationsarchitektur Kurs WS 2010/2011.

Spurensuche Jakob Nielsen

Aufgabe war es sich über einen bekannten Gestalter, oder jemand in der Richtung, zu informieren und diesen dem Kurs vorzustellen. Ziel dieser Aufgabe war es sich von Arbeiten dieser Persönlichkeiten inspirieren zu lassen um eine Grundlage für die folgenden Aufgaben zu haben.

Ich entschied mich für Jakob Nielsen. Er ist ein Usability Experte mit verstärkter ausrichtung auf das Web. Somit ist er weniger ein Gestallter als ein Ratschläge im Bereich Usibility. Seine Arbeiten bestanden aus Büchern und einem Online Newsletter in denen er Methoden und Ratschläge behandelte.

01|Matrix

icon-m.pngicon-m.png

Hier war es die Aufgabe eine 10 x 19 große Matrix zu erstellen, wobei verschiedene visuellen Variablen, wie Punkt, Linie, Kurve miteinander kombiniert werden sollten. Desweiteren sollte Fotos geschossen werden die einigen dieser entstandenen Symbolen entsprechen.

Um ein Konsistenz in meiner Matrix zu schaffen habe ich versucht bestimmte Pattern immer wieder zu verwenden. Die Symbole in der oberen linken Ecke sind ehr schlicht gehalte, und werden in Richtung der unteren rechten Ecke komplexer.

[zur Matrix](http://danielgrimm.org/uni/data/matrix.html „Matrix“) (min. Chrome 9)

matrix-1.pngmatrix-1.png
matrix-2.pngmatrix-2.png

02|Textvisualisierung

icon-t.pngicon-t.png

Aufgabe war es eine interaktie Möglichkeit zu finden den Inhalt eines Textes darzustellen.

In meiner Text Darstellung wird das Alphabet um einen Kreis gelegt und alle Buchstaben eines Wortes werden mit einer Linie verbunden. Die Bedeutung der Linien kann dann interaktive erfahren werden.

[zur Textvisualisierung](http://danielgrimm.org/uni/data/text.html „Textvisualisierung“) (min. Chrome 9)

text-1.pngtext-1.png
text-2.pngtext-2.png
text-3.pngtext-3.png
text-4.pngtext-4.png

03|Zeitvisualisierung

icon-z.pngicon-z.png

Bei dieser Aufgabe sollten wir einen Kalender oder eine Zeitanzeige entwickeln, welche nicht nach den herkömmlichen Prizipien funktioniert. Die Datums- oder Zeitanzeige sollte nach Erlernen des Codes ablesbar sein.

Ich habe eine alternative Zeitrechnung entwickelt, welche auf der Zahl 10 basiert und mir somit auch die Möglich gab sie in einem Rechteck darzustellen. Wie die Zeitrechnung funktioniert wird interaktive in der Anwendung vermittelt.

[zur Zeitvisualisierung](http://danielgrimm.org/uni/data/time.html „Zeitvisualisierung“) (min. Chrome 9)

time-1.pngtime-1.png
time-2.pngtime-2.png

04|Stammbaumvisualisierung

icon-s.pngicon-s.png

Aufgabe war es einen Familienstammbaum zu entwickeln. Er sollte mindestens 4 Generationen beinhalten und nach neu entwickelten Informationsarchitekturen erstellt sein.

Mein Ziel war es eine Visualisierung zu gestallten, die auch mit großen Kinderzahlen klar kommt. Zusätzlich sollte es die Möglichkeit geben mehr über eine bestimmte Person zu erfahren.

[zur Stammbaumvisualisierung](http://danielgrimm.org/uni/data/stammbaum.html „Stammbaumvisualisierung“) (min. Chrome 9)

stammbaum-1.pngstammbaum-1.png
stammbaum-2.pngstammbaum-2.png
stammbaum-3.pngstammbaum-3.png

Doku-Navigation

Aufgabe war es die bisherigen Ergebnisse in einer Dokumentation zusammenzufassen und eine Navigation dafür zu entwickeln.

Mein Ansatz war es die Aufgaben in Karten aufzuteilen, die durch Hovern mit der Maus in den Vordergrund rücken und durch einen Klick herausfahren. Auch war es mir wichtig die Anwendungen vollständig einzubinden, sodass sie direkt ausprobiert werden können.

[zur Doku](http://danielgrimm.org/uni/IAIV-Doku.html „Doku-Navigation“) (min. Chrome 9)

doku-1.pngdoku-1.png
doku-2.pngdoku-2.png
doku-3.pngdoku-3.png
doku-4.pngdoku-4.png
doku-5.pngdoku-5.png

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: DD

Entstehungszeitraum

Wintersemester 2010 / 2011

Links