Wer eine Anwendung nutzt, verspricht sich einen Mehrwert davon. Welche Funktion dabei wie viel Mehrwert bietet, zeigt der Business Value. Als Messgröße hilft der Wert, verschiedene Funktionen miteinander zu vergleichen und hinsichtlich ihres Nutzens zu gewichten. Das Ergebnis ist eine grobe Struktur, die als Ausgangspunkt für die Software-Architektur dient.

Die Informationsarchitektur zeigt, welche Funktionen später wo zu finden sind. Aufbau und Struktur der Informationsarchitektur müssen logisch und intuitiv sein: Schließlich soll sie es Nutzer:innen möglichst einfach machen, an die gesuchten Informationen zu kommen. Das Ziel: Conversions generieren – also bloße Besucher:innen in aktive Nutzer:innen zu verwandeln.

Das Content-Konzept dreht sich um die Struktur der Seiten. Zunächst legen wir fest, wie viele verschiedene und welche Seitentypen es geben soll. Als Nächstes geht es darum, welche Informationen die einzelnen Seiten bereithalten sollen. Die angedachten Inhalte gliedern wir bereits in mehrere inhaltliche Bausteine. Darüber hinaus entwickeln wir ein Konzept, um die interne Linkkraft voll auszuschöpfen.

Lo-Fi-Wireframes veranschaulichen Ideen als rohe Entwürfe. Dabei handelt es sich bei uns um grobe, von Hand gezeichnete Skizzen. Auf diese folgen dann digitale Wireframes, die Strukturen und Funktionen berücksichtigen: etwa Textblöcke, Buttons oder die Zonen, in denen sich später Menüs, Bilder oder Überschriften befinden. Anhand eines solchen Lo-Fi-Wireframes erstellen wir einen Lo-Fi-Prototypen.

Hi-Fi-Wireframes beinhalten Details wie erste Bilder oder Texte. Auch der Business Value der einzelnen Funktionen wird wieder wichtig: Um den unterschiedlichen Mehrwert der Funktionen darzustellen, nutzen wir die Niehaus-Wireframe-Technik. Dunkle Graustufen markieren Funktionen mit hohem Business Value, helle weniger Wichtiges. Zudem definieren wir das responsive Verhalten der Website oder App.

Nicht nur bei Webseiten und Apps helfen die Techniken und Erkenntnisse aus dem User Experience Design. Sie lassen sich darüber hinaus auch auf jeden beliebigen Workflow anwenden. So zählt es auch zu unserem Leistungsspektrum, bestehende interne Prozesse zu optimieren. Die Folge: Die Zusammenarbeit funktioniert im Nachhinein einfacher – was in den meisten Fällen wiederum Zeit und Kosten spart. 

Innerhalb des Designprozesses erstellen wir immer wieder Protoypen – so auch während der Konzeption. Sie dienen erstens dazu, die finale Anwendung schon während des Prozesses vorstellbar zu machen. Zweitens sind Prototypen wichtig für Tests. Beides trägt dazu bei, den Entwicklungsprozess so effizient wie möglich zu gestalten. Unsere Prototypen lassen sich problemlos ins finale Frontend überführen und ans Backend anbinden.

Mehrere UX-Expert:innen nehmen unabhängig voneinander die Rolle von Nutzer:innen ein und prüfen die Anwendung aus deren Sicht. Defizite listen sie nach Wichtigkeit geordnet in Severity Ratings auf, vergleichen diese und schlagen Lösungen vor. Zwar ist es die schnellste Testmethode. Allerdings können die Expert:innen gerade bei sehr inhomogenen Zielgruppen nicht alle Persönlichkeiten abdecken.

Bei dieser Methode testen Proband:innen zwei Varianten einer Anwendung – etwa einen Prototyp, der durch zwei unterschiedliche Maßnahmen optimiert wurde. Anschließend werten wir aus, wie sich die Anwender:innen bei Variante A bzw. bei Variante B verhalten haben. Anhand dessen beurteilen wir, welche der beiden Optimierungsmaßnahmen mehr Wirkung zeigt. Bei Bedarf wiederholen wir das A/B-Testing mit neuen Varianten.

Eine Blickerfassung zeigt direkt, wie Proband:innen mit einer Software interagieren – etwa welche Elemente die Aufmerksamkeit als erstes auf sich ziehen oder wie lange eine Testperson wo verweilt. Wir analysieren die aufgezeichneten Augenbewegungen und erstellen daraus eine Heatmap. Diese zeigt deutlich Defizite in Aufbau und Design.

Usability-Tests zeigen, ob Nutzer:innen tatsächlich so handeln wie erwartet und wo die Schwachstellen einer Anwendung liegen.  Dafür führen Angehörige der Zielgruppe standardisierte Aufgaben im Prototyp durch. Unsere UX-Experten beobachten sie dabei und fordern zum „Lauten Denken“ auf; im Nachgang führen sie eine strukturierte Befragung durch.

Farben, Formen und die Bildsprache sind Elemente, die sich gut mithilfe von Moodboards visualisieren lassen. Gleichzeitig fällt es so leicht, mit Stilen zu experimentieren, Design-Ideen wieder zu verwerfen und so nach und nach die Richtung zu bestimmen, in die das UI- und UX-Design später gehen soll.

UI umfasst alle Elemente, mithilfe denen Nutzer:innen mit einer Anwendung interagieren – etwa Buttons, Textfelder oder das Menü. Wie diese aussehen, hängt von der Zielgruppe ab. Beliebt sind Designs im nüchternen „flat“-Look. Für mehr Tiefe – etwa durch Schatten und Animationen – sorgt „material“ Design. Skeuomorphe Elemente wirken plastisch.

Das Interaktionsdesign erfüllt mehrere Funktionen: Es soll Nutzer:innen signalisieren, dass seine Aktion „angekommen“ ist und er eine Reaktion darauf erhält: etwa wenn er von einem zum nächsten Teil scrollt oder einen Button drückt. Dagegen machen Animationen Übergänge besser nachvollziehbar und laden die Inhalte emotional auf.

Mit den meisten Marken verbinden Nutzer:innen bestimmte Werte – wenn diese mit den eigenen Werten übereinstimmen, sehen sie die Marke dahinter meist positiv. Wir helfen Unternehmen dabei, sich klarer am Markt zu positionieren: Dafür schärfen wir das Profil ihrer Produkte und Marken, sodass sie sich von der Konkurrenz abheben.