'MBTsuite Next' von sepp.med GmbH
Enterprise UI/UX Case Study
Projektüberblick
Die MBTsuite Next ist ein spezialisiertes Werkzeug für modellbasiertes Testen. Das Ziel des Projekts war die Modernisierung der Benutzeroberfläche einer bestehenden Desktop-Anwendung.
Im Fokus stand die Verbesserung der Benutzerfreundlichkeit komplexer technischer Workflows und die Transformation in eine moderne Web-Applikation.
Meine Aufgabe
Im Zeitraum von Oktober 2022 bis Februar 2023 absolvierte ich ein Praktikum bei dem IT-Unternehmen sepp.med GmbH. Während dieses Praktikums wurden mir und einem anderen Praktikanten die Aufgabe übertragen, ein benutzerfreundliches und ansprechendes Design für ein Modelltestprodukt zu entwickeln. Meine Aufgabe bestand darin, ein Design in den Unternehmensfarben zu entwerfen, während mein Kollege die Aufgabe hatte, ein Design in freier Farbwahl zu erstellen. Seine Arbeit ermöglichte es mir, die praktische Umsetzung von Designaufgaben zu vertiefen und weiterzuentwickeln, basierend auf seiner Idee und dem Konzept. Meine Aufgabe besteht darin, das Design gemäß den aktuellen Anforderungen meines Teamleiters weiterzuentwickeln und anzupassen. Das bedeutet, dass die Komposition und die Farben in diesem Design unverändert bleiben, während ich als Designstudent Änderungen vornehme, um das Produkt aktuell, benutzerfreundlich und verständlich zu halten.
Entwicklungsprozess
August 2022 - April 2024
Vorgehensweise
Wie bereits in der Projektbeschreibung erwähnt, wurde die Grundidee des Designs von einem anderen Praktikanten entwickelt und mir nach Abschluss seiner Praktikumszeit übergeben. Meine Aufgabe bestand darin, das Design weiterzuentwickeln. Obwohl ich keinen Anspruch auf das Urheberrecht dieser Komposition und Farbgestaltung des Projekts erheben kann, kann ich im Rahmen meiner Arbeit die folgenden entwickelten Funktionen und Features hervorheben:
Kollaboration & Live-Cursor
Die Funktion 'Mouse cursors of collaboration' ermöglicht es den Benutzern, andere Teilnehmer mit ihren individuellen Farben, Profilefoto und Initialen zu sehen. Wenn der Name eines Benutzers zu lang ist, wird er auf drei Punkte verkürzt. Außerdem wurde eine Farbpalette mit 10 Farben für helle und dunkle Themen vorbereitet.
Benutzereinstellungen (Settings)
Der spezielle Benutzerbereich 'Settings' bietet die Möglichkeit, den Namen, das Foto, das Passwort des Kontos und die Sprache des Interfaces zu ändern. Dieser Abschnitt bietet auch eine Drag-and-Drop-Funktion zum Ändern des Profilfotos, mit bestimmten Einschränkungen bezüglich Größe und Format der Bilder.
Abonnement-Management
Das Abonnement-Management ermöglicht es dem Administrator, Informationen über die Benutzer und ihre Abonnements in einer anpassbaren Tabelle zu sehen. Benutzer können ein Abonnement wählen, das ihren Bedürfnissen entspricht, einschließlich kostenloser Optionen unter bestimmten Bedingungen.
Support-Dialog
Das Support-Dialog steht Benutzern bei Problemen zur Verfügung. Sie können Details zu ihrem Problem, die verwendete Browserversion, den Zeitpunkt des Auftretens und die erwarteten Ergebnisse angeben. Unvollständige Felder müssen ausgefüllt werden, bevor die Nachricht gesendet werden kann.
Modellkopie & Parameter
Ein Dialog wurde für das Kopieren von Modellen entwickelt, das es ermöglicht, Modellelemente mit Checkboxen auszuwählen. Standardmäßig sind alle Elemente ausgewählt, aber Benutzer können bestimmte Elemente von der Kopie ausschließen, wenn sie das Modell mit spezifischen Parametern oder Anforderungen kopieren möchten.
Analyse-Kalender
Ein spezieller Kalender wurde für eine Zwei-Monats-Übersicht erstellt, der sowohl zur Angabe und -analysen durch den Administrator verwendet werden kann. Mit dem Kalender kann ein bestimmter Zeitraum für die Ansicht der Benutzeraktivität ausgewählt werden. Zusätzliche Werkzeuge wie ein Schieberegler zur Anpassung des Zeitraums und Filter zur Auswahl der Häufigkeit der Datenanzeige bieten Flexibilität.
