MKW UX-Redesign | WPF Modernisierung Case Study

MKW UX-Redesign | WPF Modernisierung Case Study
05/2022
MKW

TL;DR

In dieser Case Study wird gezeigt, wie die MKW GmbH im Rahmen eines UX-Redesigns ihre bestehende WPF-Anwendung modernisiert hat. Durch Prototyping, CoreStyles und enge Abstimmung zwischen Design und Entwicklung entstand eine moderne, benutzerfreundliche Desktop-Lösung.

Modernisierung und UX-Redesign einer WPF-Anwendung inklusive Prototyping

Im Rahmen des MKW UX-Redesign wurde eine umfassende WPF Modernisierung als Case Study durchgeführt, inklusive strukturiertem Prototyping und konzeptioneller Neuausrichtung der Anwendung.

‍

Case Study

Als High-End-Anbieter im Engineering-Bereich ist die MKW GmbH der ideale Partner für die Planung, Entwicklung, Konstruktion, Fertigung, Programmierung, Bauteilproduktion, Montage und die abschließende Inbetriebnahme von Maschinen und Anlagen. Die MKW ist auf Sondermaschinenbau, Konstruktionsdienstleistungen und Softwareentwicklung spezialisiert und entwickelt maßgeschneiderte Lösungen – von Handgeräten bis hin zu kompletten Linien im Kontext von Industrie 4.0.

‍

MKW Kunden Logo

‍

Business-Anforderungen

Für die Neugestaltung einer WPF-Anwendung wurde die DEVWARE GmbH mit einem umfassenden UX-Redesign inklusive Prototyping beauftragt. Das Redesign umfasste mehrere Screens eines Bestellvorgangs sowie der zugehörigen Auftragsplanung. Auf Basis einer Soll-Ist-Analyse wurde ein Prototyp entwickelt, um die Anforderungen visuell darzustellen. In enger Zusammenarbeit mit den Designern entstand ein neues UX-Konzept, das anschließend von den Softwareentwicklern in WPF umgesetzt wurde. Diese intensive Abstimmung zwischen Design und Entwicklung stellte sicher, dass die Bedürfnisse beider Bereiche optimal berücksichtigt wurden.

‍

Umsetzung

Der Prototyp diente der Visualisierung und Diskussion von Best-Practice-Maßnahmen. Dazu wurden CoreStyles definiert, die die grundlegenden Styles für Buttons, Labels und andere Bedienelemente festlegten.

„Windows Presentation Foundation (WPF) ist ein Benutzeroberflächen-Framework, das die Entwicklung von Desktopanwendungen ermöglicht. Die WPF-Plattform unterstützt eine Vielzahl von Funktionen, darunter Anwendungsmodelle, Ressourcen, Steuerelemente, Grafik, Layout, Datenbindung, Dokumentenmanagement und Sicherheitsfeatures.“ (Quelle: Microsoft Documentation)

Das Redesign umfasste verschiedene Anwendungskomponenten wie Dashboards, Detailansichten, Eingabemasken und Planungsübersichten. Die Optimierung dieser Darstellungen zielte darauf ab, eine moderne, intuitive und benutzerfreundliche Anwendung zu schaffen.

‍

Ergebnis

DEVWARE entwickelte die geforderten Views als XAML-basierte WPF-Clients und unterstützte MKW zusätzlich mit Best Practices im Bereich Software Design Patterns. Ein durchgeführtes Code-Review erleichterte dem Kunden das Verständnis der Bindungsmechanismen zwischen View und ViewModel und deren praktische Nutzung.

Dank eines integrierten Navigationsservices kann das Team der MKW problemlos durch die Anwendung navigieren und diese nahtlos in den Arbeitsalltag integrieren.

‍

Sie planen ein ähnliches Vorhaben? Erfahren Sie mehr über unsere Softwaremodernisierung.

Devware Logo
Devware

Unser Content-Hub

Blauer Pfeil nach rechts (Verlinkung)
BFSG 2025: Barrierefreiheit für Websites
09/2026

BFSG 2025: Barrierefreiheit für Websites

Pfeil nach rechts (Verlinkung)
KI-Innovationen im Einklang mit der DSGVO
10/2025

KI-Innovationen im Einklang mit der DSGVO

Pfeil nach rechts (Verlinkung)
Individual­software vs Standard­software: die Entscheidung
09/2026

Individual­software vs Standard­software: die Entscheidung

Blauer Pfeil nach rechts (Verlinkung)
Effizientes Prompt engineering in Claude 2026
10/2026

Effizientes Prompt engineering in Claude 2026

Blauer Pfeil nach rechts (Verlinkung)
Welche Nachweise ein Softwaredienstleister vorlegen kann, woran Sie ein wertloses Zertifikat erkennen und welche Unterlagen im Angebot fehlen dürfen.
10/2026

Compliance-Nachweise beim Softwaredienstleister: was Sie verlangen sollten

Blauer Pfeil nach rechts (Verlinkung)
Dark Mode Design Prinzipien in UI und UX
10/2026

Dark Mode Design im UI/UX

Blauer Pfeil nach rechts (Verlinkung)