Interfacedesign

Ob klassische Softwareanwendungen, mobile Apps oder embedded Interfaces - System D unterstützt Sie bei der Entwicklung digitaler Produkte, bei denen der Nutzer an erster Stelle steht. Nahtlos kombinieren wir Produkt- und Interface Design zu einem stimmigen Gesamtsystem.

Designprozess

Unser systematischer Designprozess ist in fünf Stufen unterteilt, aus denen Sie die für Ihre Ziele relevanten Bereiche auswählen oder den gesamten Ablauf in unsere Hände legen können. Das Ziel unserer Arbeit ist es gemeinsam mit Ihnen das optimale Ergebnis zu erzielen.

1

Discover

Zu Beginn des Projekts geht es vor allem darum die richtigen Fragen zu stellen und Sie, den Kunden, und das Projekt gründlich kennenzulernen.

  • Welche Ziele und Erwartungen haben Sie an das Produkt?
  • Wer sind die potentiellen Nutzer und welche Anforderungen, Fähigkeiten, Bedürfnisse, Erwartungen und Barrieren haben sie?
  • Was sind gängige Use Cases?
  • In welchem Umfeld befindet sich das Produkt?
  • Welche Kernfunktionen, Bedienabläufe und Prozessschritte gibt es und wo kann optimiert werden?
  • Was sind die Stärken und Schwächen Ihrer Konkurrenz und wie kann man sich von ihr abheben?
In der ersten Phase wird das Fundament für die weitere Entwicklung erstellt. Die frühe theoretische Auseinandersetzung mit Bedienabläufen und Bedienprioritäten vermeidet unnötige Kosten und zusätzliche Zeitaufwände in den folgenden Projektphasen.

2

Define

In dieser Phase geht es darum, technisch und inhaltlich konkrete Vorschläge zu Bedienkonzepten und Workflows zu erarbeiten. Der Fokus liegt auf der logischen Informationsarchitektur, der Navigation und den relevanten Bedienprozessen.

Wir gehen schrittweise vor. Mit Wireframes, bei denen bewusst Designelemente weggelassen werden, können zügig Varianten von Layouts erstellt werden, die bereits alle relevanten Screenelemente enthalten. Mit einfachen Interaktionen versehen, werden diese zu ersten Clickdummies, die die Intention der Konzepte bereits vor der Designphase erlebbar und überprüfbar machen, ohne von Designelementen "abgelenkt" zu werden. So lassen sich bereits Nutzertests durchführen, die wertvolles Feedback für die Überarbeitung der nächsten Iteration bringen.

3

Design

Die Entwicklung der grafischen Bedienoberfläche basiert auf den Erkenntnissen der vorangegangenen Phasen. Die Struktur des Layouts, das Bedienkonzept und der Userflow sind bereits ermittelt.

Nun folgt die Erstellung eines "Look and Feel". Wir erstellen GUI-Vorschläge und gestalten Screenelemente und Kontrollkomponenten in allen Zuständen, machen Vorschläge zu Farbkonzepten und gestalten Icons und Illustrationen. Dazu adaptieren wir Ihre Farbwelt, typografischen Vorgaben und weitere CI-Elemente, oder wir entwickeln für Sie Ihr eigenes individuelles Designsystem.

4

Deliver

Wir arbeiten gerne frühzeitig in enger Abstimmung mit Ihren Softwareentwicklern zusammen. Final liefern das gewählte Design als digitale Styleguide mit allen Informationen, die Sie für die Implementierung der Software benötigen. Wir bearbeiten alle grafischen Assets pixelgenau und stellen Sie in dem benötigten Format bereit. Auf Wunsch erstellen wir Ihnen auch Styleguides in Druckform in denen Richtlinien, Vorlagen und Interaktionsmuster für Ihr System definiert sind oder unterstützen Sie bei der Erarbeitung von Requirement Dokumenten - etwa für die Zertifizierung von Medizinprodukten.

5

Deploy

Auch nach der Umsetzung stehen wir in engem Dialog mit Ihnen um das Produkt stetig zu verbessern. Wir integrieren neu auftretende Anforderungen und Features in die bestehende Software und dokumentieren diese Änderungen für Ihre Dokumentation und behalten den Überblick über alle digitalen Assets und Implementierdaten.

Prototyping

Prototypen beschleunigen den Designprozess und stellen iterativ sicher, dass sich keine Fehler einschleichen. Von einfachsten Papierprototypen zu Projektbeginn über Wireframe Clickdummies für die Überprüfung von Workflow und Navigationskonzepten bis zu High-Resolution Clickdummies mit komplexen konditionalen Workflows, Mikro-Interaktionen und animierten Inhalten zur Überprüfung der User Experience - in jeder Projektphase können unterschiedliche Ansätze und Ideen ohne aufwändigen Programmieraufwand erstellt und mit realen Nutzern evaluiert werden. Notwendige Änderungen können dann mit geringem Aufwand implementiert werden.

Dokumentation

Nicht nur in der Medizintechnik ist eine Dokumentation der Softwareentwicklung zunehmend wichtig. Zulassungsbehörden wie die FDA und EMA haben Ihre Anforderungen in den letzten Jahren stetig verschärft. Um zur späteren Zulassung eine aufwändige Rekonstruktion der Entwicklungsschritte zu vermeiden, unterstützen wir sie gerne schon während des Projekts bei der Dokumentation der Entwicklungsiterationen. Unser strukturierter Designprozess hilft dabei, die einzelnen Schritte und Entscheidungen nachvollziehbar zu halten. Auch bei der Ausarbeitung von Handbüchern zur jeweiligen Software können wir gerne unterstützen und alle notwendigen grafischen Inhalte für sie bereitstellen.

Johann Henkel

UX/UI

Kontaktieren Sie mich gerne für weitere Informationen. Ich freue mich über einen Anruf oder eine Mail von Ihnen.