UX/UI Design für visionKit – Smarte Qualitätssicherung nutzerzentriert gedacht

Im Projekt visionKit stand nicht das Produkt allein im Fokus, sondern die Frage, wie komplexe Prüfprozesse durch gutes UX/UI Design beherrschbar, verständlich und skalierbar werden. visionKit ist eine Software für KI-gestützte Qualitätssicherung – unsere Aufgabe war es, diese technologische Leistungsfähigkeit in eine klar strukturierte, effizient bedienbare Benutzeroberfläche zu übersetzen.

Der erste öffentliche Auftritt der Software erfolgte im Rahmen eines Beta-Releases auf der VISION Messe im Oktober 2024. Zu diesem Zeitpunkt arbeiteten bereits drei Pilotkunden mit dem System.

Veröffentlichung
Kunde
neogramm
Branche
Bildverarbeitung
Disziplin
UX/UI Design

Ausgangslage: Hohe Komplexität, viele Rollen, kritische Entscheidungen

Industrielle Qualitätssicherung ist geprägt von:

  • großen Datenmengen aus Kamerasystemen
  • unterschiedlichen Fehlertypen und Bewertungskriterien
  • manuellen und KI-gestützten Prüfentscheidungen
  • verschiedenen Nutzerrollen (Qualitätssicherung, Entwicklung, Analyse)

Die zentrale UX-Herausforderung bestand darin, komplexe Inspektionslogiken so abzubilden, dass sie sicher, nachvollziehbar und effizient bedient werden können – auch bei der Einführung neuer Prüfprozesse.

UX-Ziel: Prüfprozesse sichtbar, steuerbar und lernfähig machen

Unser UX-Konzept für visionKit verfolgt drei zentrale Ziele:

  • Transparenz schaffen – Nutzer sollen jederzeit verstehen, was geprüft wird und wie Entscheidungen zustande kommen.
  • Komplexität reduzieren – durch klare Strukturen, wiedererkennbare Muster und visuelle Hierarchien.
  • Lernende Systeme unterstützen – indem manuelle Bewertungen gezielt zur Verbesserung KI-gestützter Prüfungen genutzt werden können.

Zentrale UX/UI-Funktionen

Bildbasierte Fehleranalyse mit direktem Kontext:

  • Fehler werden direkt im Kamerabild markiert
  • Anzeige von Koordinaten, Fehlertypen und Kommentaren
  • Unterscheidung zwischen lokalen und nicht-lokalen Fehlern
  • Klare visuelle Rückmeldung für schnelle Entscheidungen
  • Die Gestaltung unterstützt intuitives und präzises Arbeiten – auch bei sehr kleinen Bauteilen wie Schrauben oder Oberflächenstrukturen.

Prozess- und Missionsverwaltung als zentrales Interaktionsmodell

Ein Kernstück des UX-Konzepts ist die Prozessverwaltung mit Missionen als zentrales Interaktionsmodel für Prüfprozesse:

  • Missionen bündeln alle relevanten Informationen einer Inspektionsaufgabe
  • Produkte und Bildquellen sind eindeutig zugeordnet
  • Fehlertypen definieren den inhaltlichen Prüf-Scope
  • Unterschiedliche Agenten (manuell, KI-basiert) übernehmen klar abgegrenzte Rollen

Unterschiedliche Agenten (manuell, Regel- & KI-basiert) ermögliche hybride Prüfprozesse inklusive Entscheidungslogiken und Zuständigkeiten. So wird ein abstrakter Prüfprozess zu einem visuell verständlichen Ablauf.

Dashboard für Qualitätssicherer

Das Dashboard wurde gezielt für Mitarbeiter der Qualitätssicherung entwickelt:

  • Direkter Einstieg in Fehlerbilder und Detailansichten
  • Schneller Wechsel zwischen Übersicht und Detailtiefe
  • Unterstützung datenbasierter Entscheidungen

UX-seitig lag der Fokus auf Orientierung, Priorisierung und schneller Erfassbarkeit relevanter Informationen.

Unser Beitrag: UX als Teil des Entwicklungsprozesses

CaderaDesign begleitete visionKit über eine Projektdauer von rund zwei Jahren mit einem ganzheitlichen UX-Ansatz:

  • UX/UI Design für eine komplexe Industrie-Software
  • Front-End-nahe Konzeption für Desktop-Anwendungen
  • Requirements Engineering aus Nutzer- und Prozesssicht
  • UX Consulting & UX-Management zur Integration von UX in die Entwicklungsprozesse

Ein zentrales Ziel war es, UX nicht als nachgelagerten Designschritt zu verstehen, sondern als strukturierendes Element der Produktentwicklung.

Designsystem: Konsistenz, Skalierbarkeit, Anpassbarkeit

Für und mit neogramm entwickelten wir bereits im Vorfeld einen eigenständigen visuellen Stil:

  • Modulares Designsystem mit Component Library
  • Farbtheming auf Basis kundenspezifischer Brandings
  • Skalierbares UI für zukünftige Funktionsausbauten
  • Optimiert für Desktop-PCs, responsive

Das Ergebnis ist eine Benutzeroberfläche, die mit dem Produkt wachsen kann – ohne an Klarheit oder Bedienbarkeit zu verlieren.

Hier gehts zur VisionKit Website von neogramm

Sie wollen mehr erfahren über dieses Projekt?

Steven Schmidt

  • Geschäftsleitung
  • UX & Usability Engineering
  • User Interface Design
  • Frontend-Programmierung

0931 460 66 70

schmidt bei caderadesign punkt de