Valuatic Studio v2.0

Re-Design Valuatic Studio

Design- und Usability-Optimierungen im Rahmen der technischen Migration einer Desktop-Applikation zur Erstellung von Prüfungsformularen.

Das Projekt in Kürze

Das Institut für Medizinische Lehre (IML) der Universität Bern ist spezialisiert auf die Durchführung und Auswertung von schriftlichen und mündlichen Prüfungen. Als Teil der „Examic Assessment Suite“ werden die Valuatic-Applikationen für elektronisch durchgeführte mündliche Prüfungen und Evaluationen aller Art eingesetzt.

Die Desktop Applikation «Valuatic Studio» Version 1 wurde im Dezember 2021 mit der Benutzeroberfläche WinUI 2 für Windows 10 veröffentlicht.
Die Einführung des neuen Microsoft Windows App SDK (Application Development Kit) ermöglicht das Upgrade auf die moderne Benutzeroberfläche WinUI 3 (UI steht dabei für User Interface), welche Nutzende von Windows 11 gewohnt sind. WinUI 3 bietet Standardkomponenten für die Benutzeroberfläche und ist im Lieferumfang des Windows-App SDK enthalten.
Die dabei eingesetzte Design-Sprache mit dem Namen Fluent 2 garantiert ein kohärentes und modernes Erscheinungsbild, um die bestmögliche Windows-Erfahrung für sämtliche BenutzerInnen zu ermöglichen.
Im Zuge dieser Migration von WinUI 2 auf WinUI 3 haben wir die Chance genutzt, die zahlreichen Benutzer-Feedbacks unserer Nutzerinnen und Nutzer zu berücksichtigen, um die Applikation noch benutzerfreundlicher zu gestalten.

Unser Auftrag

Der rein technische Aspekt einer Migration wird an dieser Stelle nicht behandelt – obwohl damit im Normalfall der Auftrag erfüllt wäre. In vielen Fällen mag eine Migration dieser Art zwar gelingen, nämlich dann, wenn sich lediglich das visuelle Erscheinungsbild etwas verändert. Sind jedoch zu viele Bedienungselemente verändert, erweitert oder einige sogar durch andere ersetzt worden, wirkt sich das unmittelbar auf die Interaktion mit dem System aus. Bestehende Interaktionskonzepte müssen somit überprüft, entsprechend umgestaltet und erneut mittels Benutzertests evaluiert werden.

Die Herausforderung

Tatsächlich werden technische Migrationen aufgrund von aktualisierten Frameworks, Libraries oder wie in diesem Fall einer UI-Plattform häufig unbemerkt im Rahmen der natürlichen Produktentwicklung durchgeführt. In der Regel ist dabei lediglich die «Code-Base» – also der für Nutzer nicht sichtbare Teil – betroffen, welche dadurch kontinuierlich Stabilität, Sicherheit und Wartbarkeit gewährleistet.

Das war und ist grundsätzlich auch das Ziel dieses Projektes. Nach eingehender Auseinandersetzung mit den Möglichkeiten der WinUI 3 Plattform erkannten wir jedoch das zusätzliche Optimierungspotential der Benutzeroberfläche. Die Integration einiger neuer Komponenten würde uns erlauben, die Benutzerführung zu verbessern. Weiter sollten auch die wichtigsten Benutzer-Feedbacks berücksichtigt und entsprechend einige Funktionen überarbeitet bzw. sogar neue Funktionalitäten zur Vereinfachung des Arbeitsablaufs hinzukommen.
Aus Sicht eines UX-Designers bedeutet dies, die Möglichkeiten eines neuen UI-Frameworks zu (er)kennen und diese in Relation zum bestehenden Produkt mit den Bedürfnissen der Anwenderinnen und Anwendern abzustimmen. Dazu gehört auch, die Design-Grundlagen im Rahmen der Änderungen bezüglich Schrift, Farben, Layout und Designsprache anzupassen.

Unser Vorgehen

  1. Intensives Studium der in WinUI 3 enthaltenen Komponenten und deren Möglichkeiten
  2. Sichtung und Priorisierung der wichtigsten Benutzer-Feedbacks, welche seit der letzten Evaluation gesammelt worden sind
  3. Absprache/Rückfragen mit Benutzerinnen und Benutzern zur Klärung der Sachverhalte und Spezifikation der Anforderungen
  4. Abstimmung mit dem Entwicklungsteam und Definition des Funktions- und Änderungs-Katalogs
  5. Optimierung von bestehenden und Ausarbeitung von neuen Interaktionskonzepten sowie Erstellung von UI-Designs mit Hilfe von WinUI 3
  6. Evaluation & Optimierung der Design-Konzepte mit einer dedizierten Auswahl von Benutzerinnen und Benutzern
  7. Software-Migration und Adaption sowie Implementation der neuen oder angepassten Funktionalitäten
  8. Software-Tests inklusive spezifischer Benutzertests zur Evaluation und Optimierung

Projektzeitraum

Juni 2023  – Februar 2024

Auftraggeber

Universität Bern, Medizinische Fakultät

Institut für Medizinische Lehre

Bundesamt für Gesundheit BAG

Methoden & Tätigkeiten

  • Design Thinking Workshops
  • Interaction Design
  • Prototyping
  • Visual Design

Ergebnisse

Auf die Version 1.7.3. von «Valuatic Studio» folgt nun die Version 2.0 mit dem modernen Erscheinungsbild von Windows 11, der optimierten Usability und neuen Funktionalitäten wie u.a. der automatischen Validierung von Inhalten.

Nutzen und Mehrwert

  • Technische Stabilität, Sicherheit und bessere Wartbarkeit
  • Moderne, an Windows 11 angepasste Benutzeroberfläche
  • Optimiertes und an die neue Benutzeroberfläche angepasstes Interaktionsdesign
Warning: Trying to access array offset on value of type bool in /home/httpd/vhosts/e-osce.ch/uhochx.ch/wp-content/plugins/elementor/includes/base/widget-base.php on line 223 Warning: Undefined array key -1 in /home/httpd/vhosts/e-osce.ch/uhochx.ch/wp-content/plugins/elementor/includes/base/controls-stack.php on line 695

Als Teil des Institutes für Medizinische Lehre (IML) sind wir bestrebt, unser breites Know-how im Bereich des User Centered Designs in allen Software-Produkten einzubringen.

Wie können wir Sie unterstützen?