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

Basics Interface 01|22

In dem Kurs „Basic Interface“ von Prof. Boris Müller, beschäftigten wir uns mit den Grundlagen der Interface Gestaltung. Der Kurs war in drei größere Aufgaben unterteilt. Begleitet wurden diese von Themen wie Typografie, Datenvisualisierung, Design Guidelines und vielen weitere interessante Inhalten. Die ersten beiden Aufgaben im nun folgenden Teil sind in Gruppenarbeit, die letzte in Einzelarbeit entstanden.

Aufgabe 1 – Das Kochbuch

Nach einem theoretischen Teil beschäftigten wir uns in vorher ausgelosten Zweierteams mit der Frage, wie man ein Buch digitalisieren kann bzw. aus einem Buch ein Interface gestalten kann. Dies sollte in zwei verschiedenen Formaten ausgearbeitet werden. 

Marlene Lahmann und ich entschieden uns für das „Dr. Oetker Schulkochbuch“ ein recht altbackenes Kochbuch, das uns vor verschiedene Herausforderungen stellte. 

Zum einen fiel es uns schwer, uns von der Vorlage zu lösen und diese in eine eigene Designsprache umzuwandeln, zum anderen die Informationsvielfalt eines solchen Buches auf die Screen Größe des kleinen Formats anzupassen.  Nach einiger Arbeit gelang es uns ein gemeinsames und zufrieden stellendes Ergebnis zu erzielen.

Recipe2.pngRecipe2.png
Recipe-1.pngRecipe-1.png
Navigation.pngNavigation.png
7.png7.png
8.png8.png
6.png6.png

Aufgabe 2 – Graphical User Interface

Diese Aufgabe wurde ebenfalls im Zweierteam bearbeitet. Hier ging es primär um die Auseinandersetzung mit den Regeln der Gestaltung eines mobile screens. Wir wählten uns das iPhone und setzten uns daher im Zuge dessen intensiv mit den Human Interface Guidelines von Apple auseinander. 

Diese Aufgabe machte mir besonders viel Freude und auch die Arbeit mit Samira Rehmert war sehr angenehm. Nach einigem Überlegen entschieden wir uns für die Gestaltung einer App „AInterview“. Diese sollte als Assistenz für Interviews im Research Prozess für Designer*innen Verwendung finden. Dank Künstlicher Intelligenz verarbeitet sie das Gesprochene der Proband*innen in Fließtext, so dass eine anschließende Auswertung deutlich angenehmer wird.

Auch diese Aufgabe durchlief drei Präsentationen nach denen wir jeweils das Feedback in unserem Design umsetzten und weiterentwickelten.

Interviewapp.pngInterviewapp.png
Präsi Screen 20.pngPräsi Screen 20.png
Präsi Screen 36.pngPräsi Screen 36.png
Präsi Screen 35.pngPräsi Screen 35.png
Präsi Screen 21.pngPräsi Screen 21.png
Präsi Screen 37.pngPräsi Screen 37.png
Präsi Screen 40.pngPräsi Screen 40.png
Präsi Screen 39.pngPräsi Screen 39.png
Präsi Screen 42.pngPräsi Screen 42.png
Präsi Screen 23.pngPräsi Screen 23.png
Präsi Screen 26.pngPräsi Screen 26.png
Präsi Screen 41.pngPräsi Screen 41.png
Präsi Screen 29.pngPräsi Screen 29.png
Präsi Screen 27.pngPräsi Screen 27.png
Präsi Screen 33.pngPräsi Screen 33.png
Präsi Screen 34.pngPräsi Screen 34.png
Präsi Screen 31.pngPräsi Screen 31.png
Präsi Screen 43.pngPräsi Screen 43.png
Präsi Screen 30.pngPräsi Screen 30.png
Präsi Screen 28.pngPräsi Screen 28.png

Aufgabe 3 – 1000 Worte

Diese Aufgabe hatte es in sich. Nach einem Input von Prof. Müller haben wir uns verschiedene Themen gesucht, die wir im Anschluß in Einzelarbeit in einer Infografik ohne Zahlen und Wörter darstellen sollten.

Ich habe mir das Thema der Zementherstellung gewählt. Nach einer einem Impuls von Prof. Müller habe ich zusätzlich noch den Faktor CO2 Ausstoß hinzugenommen. Diese Aspekte ins Verhältnis zu setzen, ohne dafür Worte oder Zahlen zu verwenden, gestaltete sich als schwierig. 

Die größte Herausforderung war jedoch die ungeheuere Menge an CO2 zu visualisieren und ins Verhältnis zur Produktion zu setzen. Da wir uns hier in Größenordnungen von Megatonnen bewegen, musste ich sehr viel rechnen und recherchieren, gefühlt manchmal mehr als zu gestalten. Daher bin ich mit dem visuellen Ergebnis nur zum Teil zufrieden. Sehr glücklich bin ich allerdings darüber, den Sachverhalt als Ganzes auf ein Blatt bekommen zu haben.

1000_Worte_07.07_Kilian.png1000_Worte_07.07_Kilian.png

Fazit

Der Kurs war interessant und lehrreich. Durch die drei Teilaufgaben, die in sich jeweils verschiedene wichtige Aspekte der Gestaltung enthielten, habe ich viel gelernt. 

Dank der stetigen Zwischenpräsentationen wurden wir in der Arbeit gut unterstützt. Im Zuge dessen möchte ich noch einmal für das stetige und sehr gute Feedback von Prof. Boris Müller Danke sagen. Besonders die Feedback Runden im Anschluss an die Präsentationen habe ich viel gelernt. 

Abschließend kann ich sagen, dass der Kurs einen guten ersten Überblick über das Thema Interface Gestaltung gibt. Durch den Kurs habe ich viele Aspekte vor allem des graphischen Aufbaues eines UI gelernt und meinen Blick für Details geschult und erfahren, worauf es bei einem guten Feedback ankommt .

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Prof. Boris Müller

Zugehöriger Workspace

Basics Interface 01|22

Entstehungszeitraum

Sommersemester 2022