ABOUT
Das Projekt FaceForward (Konzeption und Interfacedesign eines KI-basierten Prototyps) ist eine korporative Master-Thesis, die sich mit der Idee des menschlichen Körpers als Schnittstelle zwischen Selbst- und Fremdwahrnehmung sowie verbaler und nonverbaler Kommunikation beschäftigt. Aus dieser Perspektive kann die visuelle Erscheinung als eine Darstellung der Persönlichkeit betrachtet werden, die bestimmte Eigenschaften oder sogar verborgene Potentiale zu einem signifikanten Punkt anzeigt. Das Konzept dahinter ist ein integrierter und jahrhundertealter und umstrittener Ansatz - ein Gesichtslesesystem, das als Psycho-Physiognomik (PPI) bezeichnet wird. Die Idee besteht darin, sowohl die Möglichkeiten als auch die Risiken innerhalb eines explorativen Prototyps zu erforschen, der PPI mit KI kombiniert. Das Ergebnis war eine Literaturrecherche zur Physiognomik in der Vergangenheit und Gegenwart, zu den Problemen und Potenzialen, die sie hat, und ein Look & Feel eines interaktiven Prototyps für mögliche Tests der Prinzipien von PPI mit interessierten Benutzern.
AUFGABEN
- Verschriftlichung & Präsentation Grundidee
- Projektmanagement (Planung, Umsetzung, Aufgabenverteilung, Überprüfung)
- Planung & Durchführung von Interviews
- Recherche & Bearbeitung Bildmarterialien Datenbank
- Entwicklung & Umsetzung visuelles Konzept für User Interface
- Entwicklung & Umsetzung visuelles Konzept für Thesis
- Recherche & Entwicklung Personas 
- Character Design 

MEDIEN & METHODEN
Buch, Video, Postkarten, Visitenkarten  ​​​​​​
Sekundäre Recherche, Qualitative Interviews, Bildauswahl- & Bearbeitung für Datenbank, Projekt Management, User Flow, Personas  
TOOLS
Analog tools, Adobe Photoshop, Adobe InDesign, Adobe Illustrator, Adobe After Effects ​​​​​​
CHALLENGE & RESEARCH
Ein ethisch wie auch moralisch schwieriges Thema bedarf Fingerspitzengefühl. Daher begleiteten mich für mein anfängliches Brainstorming folgende Fragestellungen:

- Wie kann die Idee so inszeniert werden, sodass es keine anfänglichen negative Assoziationen gibt?
- Welche Vision, Mission und welchen USP soll die Prototyp-Anwendung besitzen?
- Welche Personas könnten den Prototypen benutzen?
- Welche Personengruppen eignen sich als Probanden für ein Interview?
- Welche Features soll die KI erfüllen können?
- Wie lassen sich ein Minimum an Bilder-Datensatz für ein Training der KI beschaffen?
- Wie muss der Bilder-Datensatz bearbeitet werden? 
- Wie kann die Thesis visuell die zwei komplexen Themenblöcke aufgreifen?​​​​​​​
Erste visuelle Idee
Die erste Idee befasste sich mit einer Web-Applikation auf welcher zwei Gesichter (Mann & Frau) inszeniert und mit Infografiken sind. Inspirationen suchte ich hierzu vor allem aus Webseiten wie auch Apps welche besonders stark mit Bild und Grafik arbeiten.
Umdenken - zweite visuelle Idee
Nach dem ersten Wurf und einiger Überlegungen verwarf ich die visuelle Idee. Zu elitär, zu hart und nicht das richtige für meine Idee. Daher überlegte ich mir wie man das Thema spielerisch angehen könnte und auf die Idee einer Expedition im Dschungel. Visuelle Inspirationen suchte ich mir vor allem von anderen Illustratoren. 
Kommunikation: non aggressive but direct optimistic
Tonality: sympathisch, menschlich, verspielt, abenteuerlich, informativ 
Brainstorming Personas
Basierend auf der Idee einer Expedition überlegte ich mir welche Personas es geben könnte. Inspiriert wurde ich hierbei primär von den Grundtypen der Psycho-Physiognomik und ihrer Charaktereigenschaften. Für den nächsten Schritt wählte ich drei unterschiedliche Typen aus. Den Logiker/Kritiker, den Entdecker und den Aktivisten. Diese entwickelte ich im nächsten Schritt weiter.
DEFINE & IDEATE
Bis zu diesem Schritt konnten durch mehrerer Brainstormings- & Recherchephasen einige Fragestellung von zu Beginn beantwortet werden:​​​​​​​
Wie lassen sich ein Minimum an Bilder-Datensatz für ein Training der KI beschaffen?
1. Bilderrecherche, Bearbeitung & Normierung. 
2. Entwicklung Algorithmus zur Übernahme dieses Schrittes. 
Welche Features soll die KI erfüllen können?
Erkennung der Gesichtsgrundform.
Wie kann die Idee so inszeniert werden, sodass es keine anfänglichen negative Assoziationen gibt?
Spielerischer und abenteuerlicher Look. Gefühl einer Expedition durch den Dschungel. Viele Grüntöne. Ein bis zwei Help-Characters. 
Welche Personas könnten den Prototypen benutzen?
Der Logiker/Kritiker, der Entdecker und der Aktivist wurden zum Analysten (The Analyst), Diplomaten (The Diplomat) und Entdecker (The Explorer). Aufbauend auf den Typen der Psycho-Physiognomik und weiter inspiriert durch den Typenindikator von Katherine Cook Briggs und Isabell Briggs Myers - 16 Personalities.
Wie kann die Thesis visuell die zwei komplexen Themenblöcke aufgreifen?
Programmcode der KI (Python) und klassische Design-Strukturen beim Print als Grundlage verwenden. 
Qualitative Database
Das mit unter aufwändigste war die Recherche von geeigneten Portraits für eine Gesichtsform-Analyse. Geplant war ein Datensatz von 100 Bildern zu erstellen, diese zu normieren und den jeweiligen Grundformen der Psycho-Physiognomik zuzuordnen. Um sich dieser Aufgabe anzunähern erstellte ich neben der "analogen Datenbank" ich zusätzlich geometrische Masken die in einem möglichen Plausibilität-Check von der KI über das Portrait gelegt werden kann. Gleichermaßen erstelle ich sogenannte if-Clauses die es dem Algorithmus erleichtern sollten die jeweiligen Formen zu erkennen.
Drei Personas
Im Folgenden sind die drei Personas mit jeweiliger allgemeinen wie auch etwas detaillierteren Beschreibung zu sehen.
User Flow & Interface 
Für den ersten visuelle Look wurde aufgrund von zeitlichen Beschränkungen darauf verzichtet für jeden der einzelnen Personas einen eigenen Userflow zu entwickeln bzw. anzudenken. Im Folgenden ist daher ein gemeinsamer grober Userflow wie auch dessen Main-Screens als kleine Doodle-Skizzen zu sehen.
Character Design
Damit sich User schnell zurecht finden gibt es zwei Character die mit Rat & Tat zur Seite stehen. Die beiden symbolisieren selbst zwei Personas - die Entdeckerin (Explorer) und den Analysten (Analyst). 
Für einen spielerischen und modernen Look sind die Charaktere in ihrer Umsetzung rough & skizzenhaft. Die Kolorierung erfolgt mit Filzstiften, Contouring mit Fineliner. 
Layout Concept (Thesis)
Das Layout der Thesis kombiniert die zwei Disziplinen - Informatik und Kommunikationsdesign anhand ihres grundlegenden Gerüsts; die Programmiersprache Python und den Layout-Strukturen von inDesign. So sind beispielsweise Kommentare in der Marginalspalte mit einem # gekennzeichnet. Hauptüberschriften werden durch else:print "Beispiel" dargestellt.
PROTOTYPE & ITERATE
Aus zeitlichen Gründen konnte kein Click-Dummy für eine Präsentation vorbereitet werden. Daher gibt es ein Look & Feel Video um einen ersten Eindruck des User Interface Designs zu vermitteln. 
DESIGN
Die Umsetzung können Sie im Folgenden sehen.
Back to Top