In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre
In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre
Der forensiche Incident-Investigator ist eine Applikation für Firmen, um einerseits Informationen zu vergangenen Unfällen hochzuladen und aus ihnen, mithilfe von KI, Trainingskurse zu erstellen. Diese sollen Mitarbeiter darauf vorbereiten, weitere Unfälle zu vermeiden.
Im Kurs Interfacedesign besteht die letzte Abgabe darin eine KI-Software zu entwerfen. Mir wurde das Thema „Forensischer Incident-Investigator“ zugeteilt. Die genaue Arbeitsanweisung lautet:
Der oder die Studierende entwickelt ein Tool zur Aufklärung von Arbeitsunfällen. Die Erwartung ist eine grafische Benutzeroberfläche, die Zeugenaussagen und Maschinendaten zu einer interaktiven Zeitachse verknüpft, um die Ursachen eines Vorfalls objektiv zu rekonstruieren.
Die Lösung liegt ganz klar bei besserer Schulung für die Mitarbeiter. Fehler können passieren, es sit wichtig dass wir aus ihnen lernen.
Erstmal war es wichtig sich Gedanken zu machen was für Tools so ein Programm denn brauchen könnte. Bei anfänglicher Recherche kristallisierten sich drei Arbeitsbereiche heraus.
Unfallanalyse
Unfallaufbereitung
Unfallvorhersage
Letztere habe ich erstmal vernachlässigt da diese mehr mit Programmierung als mit design zu tun hat.
Nun war die Frage: „Wie stelle ich Unfälle am besten visuell da?“
Nun musste ich auch ein Design System finden. Dieses kann die Arbeit deutlich erleichtern, sodass man sich selber auf den tatsächlichen Design-Aspekt konzentrieren kann, anstatt den fünfzigsten Knopf zu bauen. Nach einer längeren Suche musste ich feststellen dass ich keines fand, welches genau meinen Vorstellungen entsprach.
So entschied ich mich für Untitled UI von Figma selber. Dieses beinhaltet nicht nur eine große Component und Icon library, sondern ist auch sehr simpel. Heißt es sit leicht alles abzuändern, sodass es wieder meinen Vorstellungen entspricht.
Zuerst habe ich mir die Unfallanalyse angeschaut. Hier stellt sich die Frage: „Welche Quellen kann man nutzen um das volle Bild eines Unfalls darzustellen?“ Dadurch dass diese nicht direkt in die UI übertragen werden, sondern erst noch von der KI analysiert und verarbeitet. So werden Aussagen, Video, Bild und Audio zu einem kompletten Bild zusammengeflochten.
Bei den Trainingseinheiten hatte ich mir von vornherein überlegt, eine Art Timeline zu bauen, bei der einzelne Schritte die zum Unfall geführt haben erklärt werden, und auch gezeigt wird wie man diese am besten vermeidet.
Man hat dabei erstmal die Auswahl aus verschiedenen Szenarios. Diese werden aufgeteilt in Art des Unfalls, wie stark die Auswirkungen des Unfalls sein können, und wo so ein Unfall passiert.
Es hat echt Spaß gemacht sich mal mit etwas seriöserem auseinanderzusetzen, obwohl ich persönlich immer mehr Spaß an unterhaltsamen Dingen finde. Tatsächlich wusste ich bei der Hälfte der UI nicht wie diese direkt aussehen sollte und musste mich erst rantasten. Dabei bin ich ausversehen sogar über sehr nützliche Tools von Figma gestolpert.
Zusätzlich habe ich den gesamten Prototypen am Ende nochmal umgekrempelt um die Anzahl der screens stark zu reduzieren und stattdessen mit hover Elementen zu arbeiten.