- Start
- Leistungen
- UX- und UI-Design
UX- und UI-Design: Erst ausprobieren, dann bauen
UX heißt: Besucher finden sich ohne Nachdenken zurecht. UI heißt: Es sieht gut aus und ist einheitlich. Wir zeichnen Ihre Seite oder App vorab in Figma als Klickdummy. Sie klicken sich durch, bevor die erste Zeile Code entsteht. Änderungen sind auf dem Bildschirm einfacher als im fertigen Programm.
Überblick
UX- und UI-Design
Bevor etwas gebaut wird, sehen Sie es: ein Klickdummy zum Ausprobieren und ein Design-System, das alle Seiten und Apps einheitlich hält.
Für wen
- Betriebe, die eine App oder ein Kundenportal planen
- Shops und Websites, deren Bedienung heute Fragen aufwirft
- Teams, die mehrere Seiten oder Produkte einheitlich gestalten wollen
Was enthalten ist
Klärung der Ziele und der wichtigsten Wege Ihrer Besucher
Grobe Skizzen der Seiten (Wireframes)
Klickdummy in Figma für Handy und PC, den Sie selbst ausprobieren
Farben, Schrift, Knöpfe und Abstände als Design-System
Zugang zu den Figma-Dateien, wenn Sie ihn wünschen
Übergabe an die Entwicklung, bei uns oder in Ihrem Team
Schriftliches Festpreis-Angebot vor dem Start, Zahlung erst nach Abnahme
Was ein Design-System ist
Ein Design-System legt fest, wie Ihre Knöpfe, Überschriften, Formulare und Farben aussehen, einmal für alles. Neue Seiten sehen dann sofort nach Ihrem Betrieb aus, und alles bleibt einheitlich, auch wenn mehrere Personen daran arbeiten.
Warum nicht gleich bauen?
Weil Sie am Klickdummy Wege und Texte noch ändern können, ohne dass etwas neu programmiert werden muss. Fehler zeigen sich, bevor sie Geld kosten.
So läuft es ab
Wir starten mit einem Gespräch über Ziele und Besucher: Wer nutzt die Seite oder App, was will er erreichen, wo hakt es heute? Daraus entstehen in der Regel nach drei bis fünf Werktagen grobe Skizzen der wichtigsten Seiten. Danach bauen wir in Figma den Klickdummy für Handy und PC und lassen ihn auf Wunsch von drei bis fünf Personen aus Ihrer Zielgruppe ausprobieren. Aus den Erkenntnissen entsteht das Design-System mit Farben, Schrift, Knöpfen und Abständen. Zum Schluss übergeben wir alles an die Entwicklung. Je nach Zahl der Seiten und Abläufe dauert das zehn bis zwanzig Werktage. Das ist ein Richtwert, keine Zusage.
Woran Sie den Erfolg messen
Ein Klickdummy lässt sich messen, bevor eine Zeile Code entsteht. Geben Sie drei bis fünf Personen eine Aufgabe, zum Beispiel einen Termin zu buchen, und zählen Sie: Wie viele schaffen sie ohne Hilfe? Wie lange brauchen sie? Wie viele Klicks sind nötig? Wo zögern sie oder irren sich? Diese Zahlen vergleichen Sie nach jeder Änderung am Entwurf. Nach dem Start kommen echte Größen dazu: die Abbruchrate im Formular, die Zahl der Anfragen und die Zahl der Rückfragen, die Kunden per E-Mail stellen. Weniger Rückfragen zeigen oft, dass der Weg klarer geworden ist. Eine kleine Gruppe zeigt Probleme, liefert aber keine Prozentwerte.
Passende Projekte
Vorschau in Ihrer Sprache, sonst auf Englisch.
Häufige Fragen
Muss ich Figma kennen?
Nein. Sie bekommen einen Link, öffnen ihn im Browser und klicken sich durch. Kommentare schreiben Sie direkt an die Stelle, die Sie meinen.
Kann jemand anderes den Entwurf bauen?
Ja. Der Entwurf und das Design-System sind so aufgebaut, dass jede Entwicklerin und jeder Entwickler damit arbeiten kann.
Wie läuft ein Test mit dem Klickdummy ab?
Wir geben Testpersonen eine Aufgabe, etwa einen Termin zu buchen, und beobachten, wo sie zögern. Sie sprechen laut mit, während sie klicken. Das dauert pro Person rund eine halbe Stunde. Wir fassen zusammen, was mehrere Personen gleich verwirrt hat, und ändern den Entwurf. Für den Test brauchen Sie Menschen aus Ihrer Zielgruppe, bei der Auswahl helfen wir.
Was bekomme ich am Ende in die Hand?
Den fertigen Klickdummy als Link, auf Wunsch die Figma-Dateien mit allen Seiten und Zuständen und das Design-System mit Farben, Schriften und Bausteinen. Dazu eine kurze Beschreibung der wichtigsten Wege. Mit diesen Unterlagen kann jede Entwicklerin und jeder Entwickler arbeiten, bei uns oder in Ihrem Team.
Was kostet UX- und UI-Design?
Das hängt von der Zahl der Seiten und Abläufe ab. Sie bekommen ein schriftliches Festpreis-Angebot vor dem Start, Zahlung erst nach Abnahme.
Gerne zeigen wir Ihnen, wie Ihre neue Website aussehen kann.
Kostenlos, unverbindlich und ohne Gespräch. Sie zahlen nur, wenn Sie die fertige Website abnehmen.
Oder direkt anrufen: +49 1523 3956185 · info@aen-media.com