User Interface Design

Leistungen

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.
User Experience Design (UX) für eine erfolgreiche Nutzeransprache.
Was steckt hinter unserem Design-Thinking-Prozess? Lassen Sie sich beraten.

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.

(Pflichtfeld)
(Pflichtfeld)
(Pflichtfeld)
(optional, aber hilfreich)
makandra GmbH
Rails Entwicklung & Betrieb
Melli-Beese-Straße 5
86159 Augsburg