User Interface-Design (UI-Design)

Wir gestalten eindrucksvolle und intuitiv bedienbare digitale Benutzeroberflächen und Interaktionsprozesse. Mit viel Liebe zum Detail berücksichtigen wir hierbei Ihre Ideen, Konzepte, Wireframes und bestehende Styleguides und erschaffen daraus detaillierte visuelle Design-Mockups und Prototypen, die zeigen, wie sich die finale Seite anfühlen und verhalten wird. Dabei pflegen wir einen iterativen, agilen Prozess und tasten uns zusammen mit Ihnen an das finale Design der Seiten heran.

Wir achten besonders darauf, Ihre digitalen Services und Produkte möglichst allen Usern zugänglich zu machen und legen alle Design-Systeme grundsätzlich barrierefrei aus. Dies garantiert, dass die Zugänglichkeit von Webseiten, Benutzeroberflächen, Navigationen und allen anderen Bereichen unabhängig von Endgerät und Plattform ist. Ein intuitives Nutzungskonzept muss für alle unabhängig vom Zugang jederzeit gegeben sein.

Bei der Umsetzung von Designs arbeiten wir mit Designsystemen. Diese sind eine Art digitaler Baukasten, der alle Elemente beinhaltet, die wir im Designprozess verwenden. Neben grundlegenden Gestaltungsprinzipien und Intentionen sind dies beispielsweise wiederverwendbare Styles & Farben, Fonts, Module oder Templates. Gemäß den Prinzipien des Atomic Design werden alle im Designprozess verwendeten Elemente bis auf die kleinste Einheit wie Font oder HTML-Tag heruntergebrochen und abgelegt. Der modulare Ansatz der Systeme steigert die Konsistenz, Flexibilität und Geschwindigkeit aktueller und zukünftiger Projekte.

Im Gegensatz zu sogenannten Low-Fidelity Prototypen, die wir im UX-Prozess verwenden und die meist eher einfach gehaltene Grobskizzen darstellen, arbeiten wir in der UI-Phase mit High-Fidelity Prototypen. Diese sind hochgradig funktional und interaktiv. Sie kommen dem Endprodukt sehr nahe, da die meisten der erforderlichen Design-Assets und Komponenten entwickelt und integriert sind. High-Fidelity Prototypen verwenden wir häufig in späteren Phasen, um ein finales Review der Anforderungen durchzuführen. Sie eignen sich sehr gut für abschließende Usability Tests.

Wir entwerfen individuelle Icons, speziell abgestimmt auf Ihr User Interface. Custom Icons werten nicht nur die Ästhetik der Benutzeroberfläche aus, sondern tragen auch zu einer besseren Bedienbarkeit bei, indem sie sinnvolle Metaphern liefern. Wir definieren die Gestaltungsrichtlinien Ihrer Icons unter Berücksichtigung des visuellen Erscheinungsbildes und steigern so den Wiedererkennungswert.