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 19-02

EINLEITUNG In dem Kurs haben wir uns historisch mit ersten digitalen Computersystemen und Bildschirmen auseinandergesetzt. Außerdem haben wir selber diverse Aufgaben und Projekte alleine oder in Gruppenarbeit bearbeitet, um uns mit dem Gestalten für die diversen Darstellungsmöglichkeiten vertraut zu machen.

1. Buch Visualisierung

In der ersten Aufgabe des Kurses sollten wir einige Seiten eines Buches unserer Wahl, als Webseite, in Gruppenarbeit gestalten. Besonderes Augenmerk lag auf den vorher festgesetzen Screen-Größen. Es gab eine fixe Größe für die Desktopansicht, sowie eine deutlich kleinere Variante als Handy-Version. Desweiteren sollten wir den Umgang mit Schrift erlernen.

Wir suchten uns das Buch „Design des 20.Jahrhunderts“ aus. In diesem Buch werden verschiedene Möbel-Design-Klassiker und deren Designer vorgestellt.

1.1 Erste Desktop Version nach Brainstorming

hoffmann screen01.pnghoffmann screen01.png

Nach der Vorstellung im Kurs verabschiedete ich mich von einigen ungewöhnlichen Design Elementen verabschiedet und entschlackte das Design.

1.2 Buch - Desktop Version

Desktop p2-1.pngDesktop p2-1.png
Desktop p1-1.pngDesktop p1-1.png
Desktop p3-menu.pngDesktop p3-menu.png

1.3 Buch - Mobile Version

Mobile p1-2.pngMobile p1-2.png
Mobile p1-1.pngMobile p1-1.png
Mobile p1-3.pngMobile p1-3.png
Mobile p1-4.pngMobile p1-4.png
Mobile p2-3.pngMobile p2-3.png
Mobile p2-2.pngMobile p2-2.png
Mobile p2-1.pngMobile p2-1.png
Mobile p2-4.pngMobile p2-4.png

2. Graphical User Interface (GUI)

In der zweiten großen Kursaufgabe sollten wir uns eine Inspirationsapp überlegen und gestalten, inklusive aller möglichen Schrittfolgen für eine Programmierung. Auch hier in Gruppenarbeit.

Wir entschieden uns nach einigen abstrakteren Ideen, wie einer VR-Inspirations App für eine Color-Picker App, welche mit der Smartphone Kamera funktionieren sollte.

Unsere beiden anderen Ideen verwarfen wir:

1. eine Plattform zum Suchen von Inspiration (Schlagworte)

2. eine AR-Mindmap im Raum

2.1 Verworfene Idee über eine AR-Mindmap im eigenem Raum

Screenshot 2020-04-14 at 16.06.35.pngScreenshot 2020-04-14 at 16.06.35.png

Nach einer  Recherche über solch eine App wurden wir schnell fündig, trotzdem präsentierten wir diese ganz grobe Idee dem Kurs und wurden mit der zu hohen Komplexität einer App dieser Art konfrontiert. Wir verwarfen diese Idee und konzentrierten uns auf unsere eigene Color Picker App.

Screenshot 2020-04-14 at 16.03.42.pngScreenshot 2020-04-14 at 16.03.42.png

2.2 Color Picker App

Das Besondere an unserer Color Picker App war, dass wir uns nicht an den Apple HID- oder iOS-Guidelines orientierten, sondern ein eigenes GUI entwickeln wollten. Außerdem legten wir viel Wert auf Minimalismus und eine schnelle, fokussierte Bedienbarkeit der App.

Screenshot 2020-04-14 at 16.10.17.pngScreenshot 2020-04-14 at 16.10.17.png

2.png2.png
1.png1.png
3a.png3a.png
3b.png3b.png
4a.png4a.png
4b.png4b.png
3c.png3c.png
5a.png5a.png
5b.png5b.png

Prototypen.jpgPrototypen.jpg

Klick-Logiken in Sketch.

3. 1000 Worte - Clean Development Mechanism

Als letzte Designarbeit im Kurs sollten wir einen möglichst komplexen Prozess ohne Worte erklären, also über Zeichen- und Bildsprache.

Diese Aufgabe kam unerwartet, aber auch als sehr abwechslungsreich bei mir an.

Nach einer Recherche stolperte ich zufällig über ein kurioses Klimathema. Greenpeace erklärte den Prozess des „Clean Development Mechanism“.

Ich fand dieses Abkommen/Gesetz so ulkig, dass ich ein wenig Aufmerksamkeit auf diese Kuriosität lenken wollte und suchte mir deshalb diesen Prozess aus.

Die Wortkombination „Clean Development Mechanism“ klingt bereits so verworren, dass man anhand dieser Worte gar nicht verstehen kann oder soll, was damit gemeint ist.

Quelle Greenpeace

Skizze.jpgSkizze.jpg

Hoffmann-1000-Worte-edit-2020.jpgHoffmann-1000-Worte-edit-2020.jpg

4. FAZIT

Der Kurs war ein schneller, abwechslungsreicher Einstieg in die Welt des Gestaltens. Auch das zufällige Zusammenstellen für Gruppenarbeiten ist eine angemessene Methode seine eigene Bereitschaft unter Beweis zu stellen.

Die Buch Aufgabe fand ich insofern sehr spannend, da wir den Fokus auf den Einsatz von Schriftarten legen sollten. 

Die Inspirations App hat mir noch einmal vor Augen geführt, wie selbstverständlich wir unsere Handys heutzutage in unseren Alltag integriert haben. Den Funktionsumfang des Smartphones vergisst man manchmal sogar schon.

Bei der 1000-Worte Aufgabe fand ich den sehr verschiedenen In- und Output der Kommiliton*innen sehr interessant, als auch die diversen Stile der Illustrationen.

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Prof. Boris Müller

Entstehungszeitraum

Wintersemester 2019 / 2020