UX/UI-Design für Produkte und Apps in Prag

Erst das Produkt, dann die Bildschirme

Vieles, was als „UI-Design“ verkauft wird, beginnt an der falschen Stelle: Jemand öffnet Figma und schiebt Rechtecke, bis ein Bildschirm hübsch aussieht. Der Bildschirm sieht hübsch aus. Dann will ein echter Mensch buchen, sich registrieren oder eine Bestellung abschließen, stößt auf einen Schritt, mit dem niemand gerechnet hat, und geht wieder. Das Problem waren nie die Pixel, sondern der Ablauf darunter.

Wir arbeiten in der richtigen Reihenfolge. Bevor überhaupt ein Interface existiert, kartieren wir, was Ihre Nutzer wirklich erreichen wollen, den kürzesten Weg dorthin und jede Stelle, an der dieser Weg brechen kann. Erst wenn der Ablauf trägt, gestalten wir die Bildschirme, die ihn tragen. Es ist dasselbe Prinzip, auf dem auch unser Webdesign beruht: erst die Struktur, dann die Oberfläche, denn die Oberfläche ist nur so gut wie das Denken darunter.

Was UX/UI-Design bei uns umfasst

• User Flows und Informationsarchitektur. Wir zeichnen die echten Wege durch Ihr Produkt: den idealen Pfad ebenso wie die unbequemen (Fehler, leere Zustände, jemand, der mitten in einer Aufgabe über einen E-Mail-Link ankommt). Hat ein Schritt keinen Grund zu existieren, fliegt er raus.
• Wireframes für Desktop und Mobil, getrennt komponiert. Ein Smartphone ist kein geschrumpfter Desktop. Wir entwerfen beides, denn die meisten Nutzer entscheiden auf kleinem Bildschirm, und ein beengtes Layout kostet Sie den Abschluss.
• Ein interaktiver Prototyp. Ein klickbarer Figma-Prototyp, den Sie durchgehen und mit echten Menschen testen, lange bevor jemand Code schreibt, dessen Änderung teuer wird.
• Ein Designsystem, kein Stapel Bildschirme. Wiederverwendbare Komponenten mit jedem definierten Zustand (Standard, Hover, Fokus, deaktiviert, Fehler, leer, ladend), dazu Tokens für Abstände und Farben. Genau aus diesem Teil bauen Entwickler tatsächlich.

Warum ein Designsystem Geld spart

Ein hübsches Mockup eines einzelnen Bildschirms lässt sich gut bewundern und teuer umsetzen, denn es beantwortet keine einzige Frage, auf die ein Entwickler bei Bildschirm zwei stößt. Wie sieht der Button während des Ladens aus? Was erscheint, wenn die Liste leer ist? Wie klingt eine Fehlermeldung? Ohne Antworten erfindet Ihr Entwickler sie eine nach der anderen, unter Termindruck, und das Produkt läuft Bildschirm für Bildschirm auseinander.

Ein Designsystem beantwortet diese Fragen ein einziges Mal. Jede Komponente kommt mit ihren Zuständen und Regeln, sodass der Bau von Bildschirm vierzig so berechenbar ist wie der von Bildschirm zwei, und ein neuer Entwickler erbt in sechs Monaten ein System statt eines Ratespiels. Sie bezahlen das Denken einmal und nutzen es über die gesamte Lebensdauer des Produkts. Deshalb passt UX/UI auch so natürlich zu unserer Webentwicklung: dieselben Specs, die das Design leiten, leiten auch den Bau.

Eine Übergabe, mit der Entwickler wirklich arbeiten können

Die Stelle, an der Projekte still Zeit verlieren, ist die Übergabe, der Moment, in dem aus Design Code wird. Wir schließen sie bewusst. Jede Komponente ist annotiert: exakte Abstände, Breakpoints, Interaktionsverhalten und was bei Tippen, Hover und Fehler passiert. Nichts Wichtiges bleibt „selbstverständlich“, denn selbstverständlich für einen Designer und selbstverständlich für einen Entwickler um 17 Uhr sind nicht dasselbe.

Das Ergebnis ist eine Datei, aus der ein Entwickler direkt bauen kann. Deshalb geht das, was wir übergeben, in der Regel genau so live, wie wir es Ihnen gezeigt haben, und nicht als grobe Annäherung daran.

Usability, bevor Code entsteht

Usability-Tests klingen nach einem Posten, den man sich sparen möchte, bis man ausrechnet, was es kostet, eine fertige Funktion neu zu bauen, die niemand verstanden hat. Ein Missverständnis am Prototyp aufzudecken ist eine Sache von einem Nachmittag. Es erst im Livebetrieb zu bemerken, ist eine Sache einer neuen Iteration, einer weiteren Entwicklungsrunde und der Kunden, die inzwischen abgesprungen sind.

Deshalb setzen wir bei größeren Produkten ein paar echte Menschen vor den Prototyp und beobachten, wo sie zögern. Wir brauchen kein Labor und keine Hunderte Teilnehmer: fünf bis acht Personen an echten Aufgaben zeigen zuverlässig, wo der Entwurf hakt. Bei kleineren Websites genügen eine heuristische Prüfung und die Daten aus Ihrer aktuellen Version. Wir empfehlen immer die Stufe, die mit Blick auf Budget und Risiko sinnvoll ist.

Was es kostet

UX/UI-Projekte beginnen bei CZK 30.000 für ein fokussiertes Produkt: Flows, Wireframes, ein klickbarer Prototyp und ein Starter-Designsystem für eine Anwendung mit klarem Zweck oder ein kleines Set zentraler Bildschirme. Umfangreichere Produkte mit vielen Zuständen, Rollen und Sonderfällen liegen höher, wobei der Umfang den Preis treibt, nicht die Dekoration: mehr Bildschirme, mehr Zustände, mehr Flows. Jeder Preis ist ein Festpreis und steht schriftlich fest, bevor wir anfangen. Die vollständige Aufstellung finden Sie auf unserer Preisseite.

Für wen sich das lohnt

Start-ups, die ein erstes Produkt formen, Teams, die ein über die Jahre verwachsenes Interface neu aufbauen, und Unternehmen, deren Entwickler stark sind, aber eine klare Vorlage brauchen, gegen die sie bauen können. Wenn Sie zugleich eine Marketing-Website starten, sehen Sie im Portfolio, wie wir an verschiedene Branchen herangehen. Und behalten Sie im Hinterkopf: Sauberes UX stützt auch SEO, denn eine Struktur, die Nutzer verstehen, verstehen meist auch Suchmaschinen.

Sie sind sich nicht sicher, ob Sie volles UX/UI brauchen oder nur eine gut gestaltete Website? Beschreiben Sie Ihr Produkt in wenigen Sätzen über unsere Kontaktseite, und Sie erhalten innerhalb von 24 Stunden eine konkrete Empfehlung mit Festpreis. Inklusive eines ehrlichen „das brauchen Sie nicht“, wenn das die richtige Antwort ist.