User Interface Design mit Hello x

Das Interface ist eure Schnittstelle zum Kunden.

User sind immer in Interaktion. Auch wenn dein Produkt nicht antwortet.

Konsistent, erwartungskonform und natürlich

Und wenn es Sinn macht, auch mal überraschend.So sollte sich die Handhabung guter digitaler Produkte anfühlen. Jede Aktion der Nutzer:innen führt zu einer Reaktion – wie in einer guten Unterhaltung. Ist das System mal nicht schnell genug, helfen Ladebalken und Skeleton Frames um den Usern zu verdeutlichen, dass das Interface am Zug ist.

Das beste Design wirkt unbewusst

Wenn die Nutzer:innen vergessen, dass sie ein digitales Produkt bedienen, können sie sich ausnahmslos auf ihre Aufgaben und Ziele konzentrieren (im besten Fall haben sie sogar Spaß dabei). Dann war der UI Design Prozess erfolgreich.

Interaction Design bis ins Detail

Und das große Bild im Blick. Wir schaffen für und mit Euch den Spagat die richtigen Micro Interactions zu entwickeln, die die User Experience (und damit den Produkterfolg) weiterbringen und gleichzeitig Gesamterscheinungsbild und Projektvolumen als Richtschnur zu nutzen.

Eure Marke im digitalen Raum

Wie sollen die Nutzer:innen das Produkt wahrnehmen?

Gute Usability allein reicht nicht. Euer Service oder Produkt soll sich genau so anfühlen, wie es eurer Markenidentität entspricht. Nur so entsteht ein stimmiges Gesamtbild mit langfristig zufriedenen Kund:innen.

Design Principles als Leitplanken für User Interfaces

Bevor wir den ersten digitalen Strich tun, stellen wir mit euch zusammen klare Regeln auf, die das Design eures Produktes beschreiben. Daran können wir Ideen und Zwischenstände testen und bewerten ohne ins Geschmäcklerische abzudriften.

In drei Schritten zum wirksamen UI Design

Design Principles Workshop

1 Design Principles Workshop

Ein Workshop, der effizient ist und wirklich Spaß macht. Wir sammeln mit euch alle Informationen, die wir benötigen, um Design Principles zu erstellen – das sind klare Regeln als Grundlage für alle folgenden Designentscheidungen.

Design Vision

2 Design Vision

Im Wechselspiel aus geordneter Herleitung und kreativem Chaos erstellen wir einen interaktiven Prototypen als greifbaren Ausblick für eurer Produkt. Dafür schließen wir uns nicht wochenlang ein, sondern bleiben mit euch im offenen Austausch und Sparring.

High Fidelity Design

3 High Fidelity Design

In agiler Arbeitsweise erstellen wir ein lückenloses und wachstumsfähiges Design System. So ist eine nahtlose Übergabe ins Frontend gewährleistet und auch wenn ihr mal nicht mehr mit uns zusammen arbeiten wollt, kann jede fähige Digitalagentur daran anknüpfen.

Unsere Leistungen im Bereich UI Design

Design Systeme

Gemeinsam erarbeiten wir ein lebendiges Set aus klaren Prinzipien und wiederverwendbaren Interface- und Code Komponenten als Quelle für die Design-Entwicklung (Single Source of Truth). So stellen wir eine konsistente Designsprache über alle Schauplätze und Dienstleistungen hinweg sicher. Außerdem können Design-Teams so die komplexen Aufgaben besser und schneller lösen.

Interaction Design

Wir gestalten spielend leichte Bedienung und nutzenstiftende Interaktionserlebnisse. Alle Konzeptions- und Strategieüberlegungen sind wertlos, wenn die Nutzer:innen das Ergebnis nicht verwenden können. Im Interaction Design befassen wir uns mit der Bedienung des Interfaces und dem Feedback das Nutzer:innen bekommen, wenn sie es nutzen.

UI Kit & Spezifikation

Gute Interfaces brauchen klare Ansagen. Wir definieren in geeigneter Form die Leitplanken für die Umsetzung: Farbpalette und Typografie, Gestaltungselemente und Layouts. Klassisch als Manual oder interaktiv im Prototyp – jedenfalls nicht ohne direkten Austausch mit deinem Dev-Team.

Design Principles

Designprinzipien sind eine Reihe von Grundsätzen, die die Grundlage für jedes gute Produkt bilden. Designprinzipien helfen Teams bei der Entscheidungsfindung. Gemeinsam entwickeln wir einfache Prinzipien oder konstruktive Fragen, um das Designteam dabei zu unterstützen, gestalterische und konzeptionelle Entscheidungen zu treffen.

  • Methodencoaching
  • Strukturiertes Offboarding
  • Wissenstransfer

Prototyping

Die Lösung schrittweise entwickeln und alle an Bord holen: Mit Prototyping erkennen wir Probleme früh und reduzieren das Risiko langer Entwicklungszyklen. Vom Paper Dummy über High-Fidelity Mockups bis zum Funktionsprototypen – wir nehmen Maß bei den Nutzer:innen und maßschneidern schrittweise die richtige Lösung.

Usability Engineering

Durch diesen Prozess stellen wir methodisch und iterativ die Gebrauchstauglichkeit eures Systems sicher. Dazu gleichen wir die Konformität des Systems und dessen Entwicklungen mit den Bedürfnissen der späteren Nutzer:innen ab.

Digital Branding

Die digitale Welt dreht sich schnell und eure Marke soll mithalten. Mit jeder neuen Anwendung wird euer CD auf neue Elemente und Oberflächen angewandt. Wir erarbeiten markengerechte Kontaktpunkte, die euch auch in Zukunft gerecht werden.

  • Service Blueprint
  • Customer Journey Mapping

Frontend-Entwicklung

Für die Umsetzung und den technischen Betrieb deiner Projekte haben wir – als Unit der PPW Digitalagentur – die volle Developing Power im Rücken.

PPW Website öffnen

Ihr habt ein Projekt?

Lasst uns darüber sprechen.

Alexander StrohLead Creative Design