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

IAIV SSemester 2011 Patrick Oswald

»Informationsarchitektur und -Visualisierung« ist ein Kurs aus dem »Interfacedesign« Studiengangunter unter der Leitung von »Prof. Danijela Djokic« Im Fokus stand die Informationsvisualisierung verschiedenster Aufgaben, die wir im Entwicklungsprozess stetig in der Gruppe besprachen und Verbesserungen erarbeiteten im Anschluss präsentierten und diskutierten.

http://interface.fh-potsdam.de


Aufgabe 1 » Moritz Zwimpfer - 2d visuelle Gestaltung (Referat)

213.jpg213.jpg

»2d Visuelle Wahrnehmung« Der Autor befasst sich mit den grundlegenden und subtilen Unterscheidungen unserer Wahrnehmung. Das ganze steht im Widerspruch zur Entwicklung des bewegten Bildes. Einer immensen Reizüberflutung mit der unsere aktive Wahrnehmung zunehmend überfordert wird.

Das komplette Referat findet ihr unter den beigefügten Materialien.


Aufgabe 2 » Matrix

Auf2-1.jpgAuf2-1.jpg

Aufgabe 2_1 Die zweite Übung bestand darin, eine Matrix (10x10) in Spalten und Zeilen zu jeweils 10 Formkategorien zu unterteilen (Punkt, Linie, Fläche, Struktur etc.), zu den jeweiligen Überschneidungen zweier Parameter waren nun Grafiken und Visuals zu erstellen (Skizze) und anschließend zu digitalisieren.

Auf2-2.jpgAuf2-2.jpg

Aufgabe 2_2 Jetzt galt es sich eine Zeile/Spalte zu schnappen und diese erneut allerdings mit Hilfe von Fotos zu reproduzieren. Alle Objekte wurden Daheim erstellt.

Auf2-3.jpgAuf2-3.jpg


Aufgabe 3 » Textvisualisierung

Aufgabe 3 Erstellen Sie ein Diagramm welches: Entweder Ihren Umgang mit Text visualisiert, oder den Inhalt Ihres Textes darstellt. Voraussetzung war, dass der Text vom User eingetippt wird und eine gewisse Interaktion gewährleistet.

Ich habe mich dran gemacht den Satz „Ist der Raum etwas, was es wirklich gibt?“ zu visualisieren.

IDEE: Jeder getippte Buchstabe erscheint in einer zuvor ausgewählten Formation auf dem Bildschirm (siehe Menü).

Menue.jpgMenue.jpg

Zwischen zwei aufeinanderfolgenden Buchstaben erscheint eine Verbindungslinie. Wenn sich so eine Verbindung zum zweiten mal ergibt erhält der Buchstabe eine zweite Umlaufbahn von der aus die Verbindungslinie zum nächsten Buchstaben gezogen wird usw.

PlakatFLV_55.jpgPlakatFLV_55.jpg

Im Anschluss hat man die Möglichkeit sich das Ergebnis als Poster ausgeben zu lassen, zusammen mit ein par Eckdaten dem Eingegebenen Buchstaben oder Sätzen und einem Titel.

Im Folgenden noch eine kleine Auswahl von möglichen Postern.

55.jpg55.jpg

oder wie hier als Aufreihung auf einem zuvor gezeichneten Vektorpfad:

PlakatFLV_54.jpgPlakatFLV_54.jpg
PlakatFLV_55.jpgPlakatFLV_55.jpg
PlakatFLV_56.jpgPlakatFLV_56.jpg
PlakatFLV_57.jpgPlakatFLV_57.jpg
PlakatFLV_53.jpgPlakatFLV_53.jpg


Aufgabe 4 » Gesprächsvisualisierung

Aufgabe Wir sollten ein selbstgewähltes Gespräch (Monolog, Dialog) analysieren und visualisieren.

Zunächst hab ich mir rausgesucht was für mich charakteristische an einer Unterhaltung ist und was für Informationen man aus ihr ziehen kann:

PERONEN wer zu wem

WANN Zeitpunkte, aufeinanderfolge

POSITION einander gegenüber/nebendran

BLICKRICHTUNG ansehen/wegsehen

AUSDRUCK Aussprache, Mimik, Gestig

POSITION unterwürfig/höhergestellt

EINSTELLUNG fordernd/gönnerhaft

AUFTRETEN selbstbewusst/unsicher

TONFALL besonnen-agressiv / ruhig-angespannt

ART Befehle und Suggestionen

300 Visual.jpg300 Visual.jpg

Im Anschluss die finale visuelle Umsetzung in Illustrator.

PatrickOswald_Aufg4_GV220.jpgPatrickOswald_Aufg4_GV220.jpg


Aufgabe 5 » Familientammbaum

Aufgabe Erstellen Sie Ihren Familienstammbaum. Er sollte mindestens 4 Generationen beinhalten und nach neu entwickelten Informationsarchitekturen erstellt sein. Eine Interaktion sollte ebenfalls angedacht werden.

74.jpg74.jpg

Die erste Generation (Urgroßeltern)

74_2.jpg74_2.jpg

Interaktion

Man kann sich zu Gunsten der Übersicht die Generationen nacheinander einblenden lassen und Familien-Zweige öffnen und schließen (gezielte Einblendung von Kindern und Kindeskinder)


Aufgabe 6 » Navigation

Aufgabe Es sollte eine Navigation ausgearbeitet werden, die eine übersichtliche Sichtung aller Projekte ermöglicht.

5.jpg5.jpg

Die Icons der Themengebiete.

18.jpg18.jpg

Mit Legende: man klickt den Butten mit den Erwünschten Infos. z.B.: 3te Making of Bild von Aufgabe 4.

64.jpg64.jpg


FAZIT & ENDE

Es war ein sehr ergebnisorientierter, arbeitsintensiver und daher auch ein sehr produktiver Kurs. 9/10

Am meisten habe ich von den sehr hilfreichen und detaillierten Feedbacks der Professorin mitgenommen, aber auch das der Gruppe hat nicht selten Einfluss auf mein Ergebnis genommen.

Zusammen mit den häufigen Präsentationen und sehr unterschiedlichen und fordernden Aufgaben, mit besagten Kritiken die immer sehr verdaulich kommuniziert wurden, hat mir der Kurs sehr viel Freude gemacht und bin selbst mit meinen gepushten Ergebnissen sehr zu frieden.

Danke :)

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Prof. Danijela Djokic

Entstehungszeitraum

Sommersemester 2011