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

Den Kurs Interface Basics habe ich mit der Absicht belegt, mir Grundlagen des Fachs anzueignen auf welchen ich später aufbauen kann.

1. Digitales Buch

Screen1.pngScreen1.png
Screen2.pngScreen2.png
Screen3.pngScreen3.png
Screen4.pngScreen4.png
Screen5.pngScreen5.png
Screen6.pngScreen6.png
Screen7.pngScreen7.png
Screen8.pngScreen8.png
Screen9.pngScreen9.png
Screen99.pngScreen99.png

In einer Gruppenarbeit haben wir in dieser Übung den Reiseführer Eastern Europe von Lonely Planet in eine digitale Form gebracht. In diesem Zusammenhang habe ich zum ersten mal das Grafik- und Layoutprogramm Sketch verwendet und mir dessen Grundlagen angeeignet. Interessant waren bei dieser Übung das Verhalten von Typografie und die Schwierigkeiten bei der Layoutaufteilung für große und kleine Bildschirmauflösungen.

2. Klangbild

Bei diesem Projekt lag der Fokus auf der visuellen Umsetzung von der Tonleiter, weche die Regional-Bahn unter gewissen Umständen erzeugt. Dabei galt es auch alle Geräusche davor, danach und währenddessen zu visualisieren, die am Bahnhof entstanden. Wir haben uns für die Form eines Videos entschieden, in dem wir die Töne in Lichteffekte übersetzen. Um eine einheitliche Form beizubehalten, haben wir uns entschieden uns nur auf die Lichtintensität und die Form des Lichts zu beschränken. Das Video selbst ist monochrom, um eine möglichst prägnante Übersetzung der Töne ins Visuelle zu erzielen.

3. GUI - Graphical User Interface

Anhänge 1.pngAnhänge 1.png
Anhänge 2.pngAnhänge 2.png
Anhänge 3.pngAnhänge 3.png
Ausgabe 1.pngAusgabe 1.png
Ausgabe 2.pngAusgabe 2.png
Rating 1.pngRating 1.png
Rating 2.pngRating 2.png
Start.pngStart.png
Stichworte 1.pngStichworte 1.png
Stichworte 2.pngStichworte 2.png
Teilnehmer 1.pngTeilnehmer 1.png
Teilnehmer 2.pngTeilnehmer 2.png

Die letzte Gruppenarbeit behandelt das Graphical User Interface einer App für Brainstorming. Wir haben uns dabei für das iOS GUI als Plattform entschieden. Der Prototyp dieser App besteht aus mehreren Phasen, darunter eine swipe-Funktion und ein rating-System für die einzelnen Begriffe, welche beim Brainstorming herauskommen.

4. 1000 Worte

schaubild_2.jpgschaubild_2.jpg

In der letzten Aufgabe wird ein Prozess ohne Worte, also nur durch grafische Elemente erklärt. Ich habe mich für die Darstellung der Entstehung von filter bubbles und der damit einhergehenden Werbeschaltung entschieden, welches in diesem Beispiel anhand von Facebook erklärt wird.

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Prof. Boris Müller

Zugehöriger Workspace

Basic Interface 17|01

Entstehungszeitraum

Sommersemester 2017