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 2023/24

Dieser Kurs war ein Einstieg in die Welt des Interfacedesigns. Wir bekamen drei Aufgaben, die uns Stück für Stück näher ans Thema brachten.

1. Digitales Buch

Die erste Aufgabe bestand darin ein Buch unserer Wahl zu digitalisieren. Dabei war es wichtig, dass das Buch viele Bilder enthält. Die digitale Fassung des Buches sollte anhand von mindestens vier Screens in zwei verschiedenen Formaten vorgestellt werden - mindestens zwei horizontale Screens im Format von 1024 x 768 Pixeln und mindestens zwei vertikale Screens im Format von 240 x 320 Pixeln. Dies sollte in Zweierteams bearbeitet werden, die zufällig ausgewählt wurden. 

Nach kurzer Bedenkzeit entschieden Sina Lang und ich uns für das Buch „Barista Sapiens“ von Antonio V. Malvasi und Dario Ciarlantini, was eine Einführung in das Thema des Kaffees bietet. Wir waren uns von Anfang an einig, dass wir ein schlichtes Design gestalten wollten, ebenso, dass wir die Kaffeethematik farblich kennzeichnen. Es gab insgesamt drei Feedbackrunden und nach jeder Runde wurde unser Design schlichter. Wir haben am Anfang nämlich doch viel reinpacken wollen.

0c81d4eb-fb38-48ac-9a97-680737615652.JPG0c81d4eb-fb38-48ac-9a97-680737615652.JPG
3b7b2aba-ced5-43bf-a7d8-cb68ef30f87b.JPG3b7b2aba-ced5-43bf-a7d8-cb68ef30f87b.JPG
11d10d55-c972-470a-a551-945a19f3d821.JPG11d10d55-c972-470a-a551-945a19f3d821.JPG
99519381-0cf5-460b-8bb5-18b1bebec489.JPG99519381-0cf5-460b-8bb5-18b1bebec489.JPG
IMG_9871.pngIMG_9871.png
IMG_0069.pngIMG_0069.png
IMG_0077.pngIMG_0077.png
IMG_0081.pngIMG_0081.png
BEGRIFFSERKLÄRUNG.pngBEGRIFFSERKLÄRUNG.png
Frame 6.pngFrame 6.png
REZEPT.pngREZEPT.png
1. Cover.png1. Cover.png
3. Begriffserklärung.png3. Begriffserklärung.png
4. Caffe alla Turca.png4. Caffe alla Turca.png
6. Cappuccino Foderato.png6. Cappuccino Foderato.png

2. GUI

Die zweite Aufgabe bestand darin, eine App zu gestalten, die nützlich für Designer und Designerinnen ist unter der Einhaltung von den iOS bzw. Android Guidelines. Dies erfolgte ebenfalls in Zweierteams. Valentina Lafchieva und ich entschieden uns für eine App, in der Nachrichten aus der Designwelt veröffentlicht werden - eine App von und vor allem für Designer und Designerinnen.

Neben dem Empfangen von Nachrichten sollte die App auch mehrere Interaktionen beinhalten. Das geschieht unter anderem mit dem Speichern von Artikeln, die einem sehr gefallen, welche man in einem Album ordnen kann, und dem Folgen von Nachrichtenportalen.

IMG_0290.pngIMG_0290.png
IMG_0292.pngIMG_0292.png
Search.pngSearch.png
Trending.pngTrending.png
Erkunden.pngErkunden.png
1. Homepage.png1. Homepage.png
3. AuthorProfile.png3. AuthorProfile.png
6. Explore.png6. Explore.png
5. Bookmarks.png5. Bookmarks.png

3. 1000 Worte

Die dritte und letzte Aufgabe bestand darin, einen Prozess unserer Wahl bildlich darzustellen, ohne Text, ohne Angaben von Uhrzeiten, also wirklich nur rein bildlich. Ich hatte zuerst vor ein Rezept abbilden, da Rezepte in dieser Aufgabe aber eher üblich sind und zudem ein sicherer Weg sind, entschied ich mich für etwas komplizierteres - meinen Haarwaschgang. 

Die Challenge für mich lag vor allem einen Prozess verständlich zu machen, der für viele Leute unbekannt ist. Ich habe zuerst mehrere Afrohaartypen porträtiert. Es gibt nämlich verschiedene Arten von Afrolocken, die Locken sind je nach Haartyp entweder enger oder weiter auseinander. Der restliche (oder eher eigentliche) Prozess beschreibt meinen Waschgang - Shampoo drauf, dann Conditioner, Benutzung eines Detanglers (spezielle Bürste für Locken) usw.

IMG_0106.pngIMG_0106.png
IMG_0028 2 2.pngIMG_0028 2 2.png
IMG_0108.pngIMG_0108.png
IMG_0104 2.pngIMG_0104 2.png
IMG_0105 2.pngIMG_0105 2.png
IMG_0150.pngIMG_0150.png
IMG_0151 2.pngIMG_0151 2.png

Reflexion

Mir hat der Kurs sehr gefallen. Vor allem als Person, die anfängt sich mit dem Themengebiet Interfacedesign vertraut zu machen, konnte ich durch diesem Kurs viel Neues lernen. Dabei möchte ich die Feedbackrunden besonders hervorheben, denn sie halfen mir besseres Feedback zu geben, was ich in der Zukunft brauchen werde.

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Prof. Boris Müller

Zugehöriger Workspace

Basics Interface 02|23

Entstehungszeitraum

Wintersemester 2023 / 2024