Alle Projekte

C
N
S
y
s
t
e
m
s

CNSystems UI Design Screens

Über CNSystems

CNSystems Medizintechnik GmbH ist einer der Weltmarktführer im Bereich der nicht-invasiven kontinuierlichen Blutdruckmessung und Erfassung von hämodynamischen Messwerten.

Task Force Touch CARDIO

Ein Medizinprodukt, aber mit schönem Interface – ausgearbeitet mit Ärzt:innen und Kund:innen. Uneingeschränkte Performance, selbst bei höchsten Belastungen. Der Task Force ® Touch CARDIO vereint die bewährte CNAP®-Technologie von CNSystems mit einer innovativen Benutzeroberfläche.
CNSystems UI Design

Reports & Exports für den User

Über 20 Signale werden in Echtzeit verarbeitet und angezeigt. Die Steuerung von zwei Produkten wird dem User durch den Task Force ® Touch CARDIO so intuitiv dargestellt, dass eine sichere Verwendung ermöglicht wird – im medizinischen Bereich unabdingbar. Über 300 umgesetzte Anforderungen, Touch-Screen-Bedienung und eine benutzerdefinierte Messdatenanzeige sind nur ein paar Highlights dieses Projekts.

Unsere Leistungen

Bridging the gap. Schönes Interface und hohe Performance

Anforderungs-management

Über 300 Anforderungen wurden kategorisch erfasst und aufgeteilt. Nach erfolgreicher Umsetzung wurde jede Anforderung in der Produktionsversion getestet und freigegeben.

Echtzeitdarstellung

Mehr als zehn Datenstreams wurden zeitgleich und ohne Buffer empfangen und verarbeitet. Verschiedene Auflösungen werden dabei ohne Performanceprobleme gemeistert.

Treiberanbindungen

Konnektivität zu verschiedenen Treibern via GRPC und Real-Time-Verarbeitung von über 1000 Datenpaketen pro Sekunde.

Desktop-Applikation

Ein GUI, gebaut in React wie eine moderne Web-Applikation, performant wie eine native Desktop-App auf Basis von Electron.

Intuitives Interface

Evaluierung von Anforderungen in Zusammenarbeit mit Ärzt:innen, um das optimale GUI für die tägliche Verwendung in Krankenhäusern zu entwickeln.

Moderne Technologien

Electron als hybrides Desktop-Framework, React als User Interface Library, Websockets als Connector, GRPC, um mit Treibern zu sprechen.
Technologie
In Krankenhäusern stellt man sich oft die Frage, wieso medizinische Interfaces eigentlich so unsexy sind. Das wollten wir ändern. Mit alten Technologien wäre das kaum möglich gewesen, deswegen haben wir dementsprechend unseren Stack bestimmt.

Changing the game…

Electron

Die solide Basis, um Web-Technologien auf den Desktop zu bringen – mittels JavaScript.

GRPC

Eine moderne Schnittstelle für die Kommunikation zwischen Hardware und Software.

React

Eine User Interface Library, basierend auf Komponenten und “reaktiven” Updates.

Realtime Charts

Eine eigene Chart Library, um über 1000 Anfragen pro Sekunde in mehr als 36 Charts darzustellen.

Websockets

Eine schnelle Verbindung zwischen Electron und Frontend für die notwendige Anzeige der Datenmengen.

Redux

Ein State-Management in JavaScript, um die aktuelle Anzeige zu steuern und auf die angeschlossene Hardware zu reagieren.
CNSystems UI Design Detail
Designprozess

Design follows function

Intuitive Bedienung trifft auf ein modernes Interface. Im Fokus des Designprozesses stand das medizinische Personal, welches bei Untersuchungen eine klare und benutzerfreundliche Oberfläche benötigt, um Funktionen schnell und ohne Hindernisse auszuführen. In intensiven Workshops wurden die Struktur, Verhaltensweisen der Funktionen und Userflows definiert.
CNSystems 6

UX & UI Design

Das unaufdringliche Design rückt in den Hintergrund und lässt einer durchdachten User Experience den Vortritt.

UX Workshops

In intensiven Workshops mit dem Kunden wurden Wireframes, Userflows und Verhaltensweisen der Funktionalitäten definiert.

Design System

Eine vollumfassende Bibliothek an Designelementen wie Buttons, Inputfeldern, Popups, Modals, Farben, Schriften und Layouts bilden die Basis für das gesamte User Interface.

User Interface

Das Design mit über 120 verschiedenen Screens wurde auf die Bedürfnisse des Medizinpersonals abgestimmt.
CNSystems Design Library