User Interface Design

Die Grundlage einer optimalen User Experience

Unser UI-Team fokussiert sich auf die visuelle Umsetzung aller Elemente, mit denen Ihre Nutzer bei Interaktion mit Ihrem Produkt konfrontiert sind. Im Webdesign geht es vor allem um das visuelle Erscheinungsbild Ihrer Website oder Ihrer Online-Anwendung. Wir kreieren hierbei alle Bestandteile der grafischen Benutzeroberfläche wie Icons, Logos und Bilder, Navigation und alle weiteren Buttons und Layouts.

UX & UI im Design-Prozess

Im UX versuchen wir die Intention und das Bedürfnis der Nutzer zu erkennen und zu optimieren. Nutzer sollten also eine bestmögliche Erfahrung mit Ihrem digitalen Produkt haben. Während wir aber im UX mit einem Nutzungskonzept und ersten Scribbles und Wireframes aufhören, geht es im UI nun ans Eingemachte. Das UX-Konzept wird Schritt für Schritt visualisiert. Iterationen finden dennoch statt - wenn auch in sehr viel höherem Detailgrad als im UX-Bereich.

	Analyse	Konzeption	Design	Ergebnis
UX	User Research, Konkurrenzanalyse	Bedarfsdefinition, User Journey, Scribbles	Navigation, Wireframes, Low-Fidelity Prototypen	Usability Testing
UI	Brand Audit, Visual Research	Scribbles, Moodboards	Screendesign, High-Fidelity Prototypen	Style Guide, UI Kit

Unsere Leistungen im Detail

User Interface 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.

Accessibility

Wir achten besonders darauf, Ihre digitalen Services und Produkte möglichst allen Nutzern 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 Nutzer unabhängig des Zugangs jederzeit gegeben sein.

Designsysteme

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 Designs 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.

Prototyping

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.

Icon-Design

Wir entwerfen individuelle Icons, speziell abgestimmt auf Ihr User Interface. Custom Icons werten nicht nur die Ästhetik der Benutzeroberfläche auf, 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.

Audi MediaCenter cheapenergy24 Studyflix justclaims.eu

User Experience Design (UX) für eine erfolgreiche Nutzeransprache.

Mehr erfahren

Was steckt hinter unserem Design-Thinking-Prozess? Lassen Sie sich beraten.

Mehr erfahren

Interesse an einem ansprechenden User Interface?

Gerne geben wir telefonisch eine Ersteinschätzung und beantworten weitere Fragen.

Verwenden Sie das Kontaktformular oder schreiben Sie an info@makandra.de.
Telefonisch erreichen Sie uns unter 0821 588 66 - 180.

makandra GmbH

Rails Entwicklung & Betrieb

info@makandra.de

0821 588 66 - 180

Melli-Beese-Straße 5

86159 Augsburg

Anfahrt Datenschutz Impressum Gender-Hinweis English