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

„Basics Interface 01|22“ ist ein Grundlagenkurs zur Interface Gestaltung.

Dabei wurden drei Projekte erstellt anhand derer verschiedene Arbeitsweisen und Herangehensweisen für „gutes“ Interface Design vermittelt wurden.

Digitales Buch

Bei dieser Aufgabe ging es darum eine digitale Fassung eines Lieblingsbuches zu gestalten.

Wir haben uns für „The UX Design Field Book: A Quick Reference Guide to User Experience Design“ von Doug Collins entschieden, welches wir ausschnittsweise für digitale Bildschirme neu gestaltet haben.

Anspruchsvoll war bei dieser Aufgabe so genau wie möglich hinzuschauen, um das visuelle Ergebnis zu optimieren.

1. UX Design - Querfromat 1.png1. UX Design - Querfromat 1.png
1. UX Design - Querfromat 2.png1. UX Design - Querfromat 2.png
2. UX Design - Klein 1.png2. UX Design - Klein 1.png
3. UX Design - Klein 2.png3. UX Design - Klein 2.png
4. UX Design - Klein 3.png4. UX Design - Klein 3.png
5. UX Design - Klein 4.png5. UX Design - Klein 4.png
6. UX Design - Klein 5.png6. UX Design - Klein 5.png
7. UX Design - Querfromat 2.png7. UX Design - Querfromat 2.png
8. UX Design - Klein 7.png8. UX Design - Klein 7.png
8. UX Design - Klein 8.png8. UX Design - Klein 8.png

Graphical User Interface (GUI)

Bei der zweiten Aufgabe ging es die Gestaltung einer graphischen Benutzeroberfläche – in Form einer App für Designer – zu erlernen.

Dabei haben wir eine App – den „MultiMessenger“ – entworfen, die mehrere Messenger in einer App kombiniert, um das Problem vieler verschiedener Messenger Apps in den Griff zu bekommen.

Spannend war hierbei die Funktionsweise möglichst umfangreich zu durchdenken und den „Userflow“ sinvoll zu definieren.

GUI - Flowchart.pngGUI - Flowchart.png
Screen 1.pngScreen 1.png
Screen 2.pngScreen 2.png
Screen 3.pngScreen 3.png
Screen 5.pngScreen 5.png
Screen 4.pngScreen 4.png
Screen 6.pngScreen 6.png
Screen 7.pngScreen 7.png
Screen 9.pngScreen 9.png
Screen 8.pngScreen 8.png
Screen 10.pngScreen 10.png

1000 Worte

Die dritte und letzte Aufgabe war meiner Meinung nach die anspruchvollste Aufgabe, bei der ein komplexes System oder Prozess als Infografik ohne Buchstaben dargestellt werden sollte. 

Ich entschied mich für den Prozess des Bierbrauens und habe neben diesem die Unterschiede zwischen Hefeweizen und Pils herausgearbeitet und dargestellt.

Simon - Weitergearbeitet.pngSimon - Weitergearbeitet.png

Fazit

„Basics Interface 01|22“ war ein echt cooles Modul, bei dem ich genaues und reflektiertes „Hinschauen„ und Beurteilen erlernen konnte. Ich würde das Modul für jeden, der sich für Interfacedesign interessiert sehr empfehlen.

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Keine Angabe

Betreuung

foto: Prof. Boris Müller

Zugehöriger Workspace

Basics Interface 01|22

Entstehungszeitraum

Sommersemester 2022