Wir konzipieren, gestalten und programmieren nutzerorientierte und effiziente User Interfaces.

Menü

ERGOWERK Werkstatt

In der Werkstatt gestalten und programmieren die Usability Mechanics von ERGOWERK einfache und Spaß machende Websites, Softwareprodukte und mobile Apps.
Flakon

In der Werkstatt werden Konzepte aus der Denkfabrik technisch und gestalterisch geplant und schließlich in die Realität umgesetzt. Hier dreht sich also alles um Design, Programmierung und Testing. Die Mechanics von ERGOWERK arbeiten dabei mit aktueller Grafiksoftware und mit den modernsten Technologien und Frameworks, um für Ihr Produkt in effizientester Arbeitsweise das Optimum aus dem Konzept herausholen zu können.

Auch in der Werkstatt steht der spätere Benutzer stets im Vordergrund. Denn nur dann lassen sich die Produkte von Anfang an so entwickeln, dass alle Anforderungen an eine gute User Experience erfüllt werden.

Diese Arbeiten werden in der Werkstatt ausgeführt

Mockups

Screendesign

Im Gegensatz zum Wireframing, bei dem es hauptsächlich um die Vollständigkeit von UI-Elementen und deren grobe Anordnung auf den einzelnen Seiten geht, sind Mockups detailliert Abbildungen der einzelnen Ansichten einer Website, Software oder App, wie sie auch später in umgesetzter Form aussehen soll. Durch Mockups wird also das Design des Rahmens, der einzelnen UI-Komponenten und die Anordnung dieser Komponenten auf den einzelnen Seiten pixelgenau visualisiert und für die Programmierung festgehalten.

Das Design wird nach Ihren Vorgaben erstellt und Ihnen im Laufe des Projekts vor der Umsetzung zur Design-Abstimmung vorgelegt. Die Mockups dienen den Entwicklern als Vorlage für die Umsetzung Ihrer Designwünsche.

  • Erstellung von Screendesigns der individuellen Ansichten
  • Festlegung der späteren Optik

Mit diesen Tools arbeiten wir:

  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe InDesign

High Fidelity Prototyping

Erstellung detaillierter Prototypen

Beim High Fidelity Prototyping geht es darum, ein möglichst vollständiges und optisch und funktional möglichst ähnliches Modell der späteren Website / Anwendung / App zu erstellen. Je nach Detailgrad kann der Prototyp dann sogar schon mit komplexeren Interaktionsformen (z.B. Touch-Gesten) umgehen und mit realem Content arbeiten. Ein High Fidelity Prototyp wird meist aus einzelnen Grafiken der finalen Screendesigns zusammengebaut. Er kann aber in sehr detaillierter Form auch schon reale UI-Komponenten enthalten oder sogar komplett in z.B. HTML und CSS umgesetzt werden und dann als Ausgangsbasis für die weitere Entwicklung dienen.

Da die Umsetzung von High Fidelity Prototypen – immer abhängig vom Detailgrad – sehr zeitaufwändig werden kann, sollte vor der Erstellung genau überprüft werden, wo und in welchem Umfang ein solcher Prototyp sinnvoll ist. Erfahrungsgemäß ist dies meist bei komplexen Funktionalitäten der Fall, da somit im Rahmen eines Usability-Test das Design und das Konzept dahinter überprüft, ggf. verbessert und so eine optimale Usability und User Experience erreicht werden kann.

  • Erstellung von Prototypen mit möglichst realistischer Optik und Vehalten

Mit diesen Tools arbeiten wir:

  • InVision
  • Keynote / PowerPoint
  • Adobe Edge Produktfamilie

Development

Programmierung

Bei der technischen Umsetzung von App-, Website- oder Softwareprojekten setzt ERGOWERK als Spezialist für Webentwicklung auf moderne Webtechnologien und Frameworks. Dies erlaubt eine effizientere Arbeitsweise und sorgt dafür, dass die entwickelten Produkte stabil, performant und sicher laufen. In Fällen, in denen die Funktionalitäten von Standard-Technologien nicht ausreichen, erstellt ERGOWERK auch eigene Frameworks, Module oder Plugins.

Auch in der Entwicklungsphase sollten iterativ Tests mit Usern durchgeführt werden, um frühzeitig auftretende Usability Probleme aufzudecken und zu beseitigen.

  • Technische Umsetzung von Konzepten
  • Verwendung moderner Technologien / Frameworks

Mit diesen Technologien, Frameworks und Content Management Systemen arbeiten wir:

  • HTML5 / CSS3 / JS / PHP
  • Bootstrap / Angular JS / jQuery / SAP OpenUI5
  • Joomla! / WordPress

Testing

Qualitätssicherung

Bevor eine Website, Webapp oder mobile App veröffentlicht wird, wird sie bei ERGOWERK nach verschiedensten Kriterien durchgetestet, um eine gute User Experience und eine optimale Sicherheit zu gewährleisten. Die Test gehen hier von der Überprüfung von Funktionalitäten über Usability- und Kompatibilitätstest bis hin zu Sicherheitsüberprüfungen.

Die Testing-Phase entscheidet darüber, ob ein Produkt vollendet ist, oder ob weitere Maßnahmen vor der Veröffentlichung nötig sind. Im kritischen Fall werden verschiedene vorherige Phasen des Entwicklungsprozesses bezogen auf bestimmte Probleme noch einmal durchgeführt, bis alles stimmt.

  • Qualitätssicherung
  • Sicherheitsüberprüfung

Diese Dinge testen wir:

  • Funktionalitäten
  • Usability
  • Interface
  • Kompatibilität
  • Performance
  • Sicherheit

Interesse geweckt? Wir sprechen mit Ihnen gerne über Ihr Projekt.