Visual Design & Prototyping

Visual Design

Für eine  Anwendung sind gute Usability und Ästhetik gleichermaßen wichtig. Das Visual Design bietet uns hierbei die Diskussionsgrundlage für die Zusammenarbeit mit unseren Kunden..

Unsere Designer sind in der Lage Ihre Ziele zu verstehen, Informationen zu sammeln und darauf basierend neuartige Konstruktionen zu entwerfen. Unsere Design Principles sind Richtungsweiser in der Entwicklung und sorgen dafür, dass der Nutzer im Fokus bleibt.Da wir stets auf dem neusten Stand der Technik sind, können unsere responsiven Designs bei Bedarf auf jedem mobilen Endgerät genutzt werden, auch auf einer Smart Watch. Die hohen Ansprüche an ein gutes Design strömen bereits bei jedem Prototyping ein – auch auf Papier.

Prototyping

In enger Absprache erstellen wir Prototypen für die Anwendungen unserer Kunden. Hierbei sind uns gute Zusammenarbeit und zeitnahe Feedbackschleifen wichtig, um ein bestmögliches Ergebnis zu erzielen, wofür wir in einem agilen Prozess arbeiten.

Zur Visualisierung erstellen wir Prototypen auf verschiedenen Ebenen, welche je nach Anforderung und Projektphase für Sie ausgewählt werden:

Papierprototypen

Die ersten Prototypen werden bereits auf einem weißen Blatt Papier erzeugt. Diese können dann spezifiziert werden, bis ein interaktives Modell von Ihrer zukünftigen Software entsteht. Diese Methode ist besonders zu Projektstart hilfreich, um Anforderungen abzugleichen.

Wireframes

Ohne die Ablenkung weiterer visueller Elemente, wie Bilder und Farben, kann sich ganz auf die Struktur einer Anwendung konzentriert werden. Auch ein Papierprototyp ist ein Wireframe, jedoch arbeiten wir häufig mit digitalisierten Wireframes durch Programmen wie Balsamiq oder Adobe XD.

Ebenso wie Papierprotypen helfen Wireframes dabei schnelle Änderungen an der Anwendung vorzunehmen, da die Hemmschwelle Kritik zu äußern nicht so hoch ist, wie bei einem High fidelity Screen.

Mockups

Mockups (oder auch Keyscreens) sind eine (pixel-)genaue Abbildung der zu erstellenden Anwendung. Diese Oberflächen können miteinander verknüpft werden und simulieren einen Interaktionsablauf: das Klicken durch die verschiedenen Screens visualisiert den Aufbau und den Zusammenhang der Seiten (wir sprechen hier auch von einem Klickdummy).

Mit Hilfe eines Mockups lässt sich Anwenderakzeptanz bereits vor Beginn der Programmierung zuverlässig testen.

Interaktive Rapid Prototypen

Beim Interactive Rapid Prototype handelt es sich um nicht programmierte Anwendungen (von Webanwendungen bis hin zu Google Glasses), die besonders schnell und agil erstellt und getestet werden.

Ein interaktives Mockup ist bereits ein Rapid Prototype, aber mit Programmen wie Axure RP oder JustInMind lassen sich jedoch noch echter wirkende Anwendungen simulieren. Durch Übergangsvisualisierungen wie Slideshows, Drag & Drop und vieles mehr, sind diese Prototypen nicht mehr von echten Anwendungen zu unterscheiden.

Ihre Vorteile:

  • Geringere Fehlentwicklungen: Anforderungen können bereits innerhalb der Prototypen kontinuierlich angepasst als auch präzisiert werden.
  • Das Risiko für die Entwicklung wird reduziert: die Kommunikation mit Hilfe von Prototypen zu den Entwicklern ermöglicht verifizierbare Umsetzungsergebnisse.
  • Zeitersparnis: Prototypen liefern schnell Resultate durch einfache Umsetzungen der Vorstellungen in den entsprechenden Tools.
  • Qualitätssicherung: die Qualität kann frühzeitig positiv beeinflusst und stabil gehalten werden, noch bevor die Umsetzungsphase begonnen hat.

Beim agilen Prototyping haben wir den Vorteil, dass die Anforderungen kontinuierlich in jeder Prozessphase anpasst und präzisiert werden können. Prototyping spart Zeit sowie Geld und dient als weitere Qualitätssicherung unserer Projekte.

Prototyping und Visual Design hilf dabei, intuitive Änderungen schnell zu identifizieren und umzusetzen, als auch den Nutzer bereits vor der Programmierung der Software erfolgreich mit einzubinden.