Zeit mit echten Nutzenden und den Menschen im Support, damit die Gestaltung bei der Aufgabe beginnt und nicht bei einem Moodboard.
← Zurück zu den LeistungenLEISTUNG / 04
Oberflächen, die echte Nutzung überstehen.
Gestaltung, die nur in der Demo funktioniert, ist Dekoration. Wir gestalten für den langen Namen, den Leerzustand, die langsame Verbindung und die Person, die es diesen Monat zum zweihundertsten Mal benutzt.
01 / Die Aufgabe
Der glückliche Pfad ist der leichte Teil.
Die meisten Oberflächen entstehen mit drei ordentlichen Zeilen Beispieldaten. Echte haben keine, oder vierhundert, oder eine Kundin, deren Name die Spalte sprengt. Genau dort hält ein Entwurf — oder beginnt still, Supportstunden zu kosten.
02 / Was Sie bekommen
Was Sie bekommen
Klickbare Arbeit, die Sie jemandem vorlegen können, bevor eine Zeile Produktionscode existiert.
Komponenten und Regeln, aus denen die Entwicklung bauen kann, damit der zehnte Screen noch dazugehört.
Kontrast, Fokusreihenfolge, Tastaturwege und Screenreader-Namen als Teil von fertig geprüft, nicht nach einer Beschwerde.
Diesen Teil lassen die meisten Studios aus. Sobald echte Menschen es nutzen, messen wir die Wege, zeichnen den Pfad nach, den sie tatsächlich gehen, und ändern die Gestaltung dort, wo die Wirklichkeit dem Plan widerspricht — denn die erste Version ist eine Hypothese, und erst der Launch prüft sie.
03 / Wie es abläuft
Wie es abläuft
- 01Die Aufgabe verstehen
Was die Person tatsächlich erledigen will, wie oft, und was unmittelbar davor und danach passiert.
- 02Struktur vor Oberfläche
Hierarchie, Fluss und Benennung klären, solange sie noch günstig zu ändern sind.
- 03Die Ränder gestalten
Der lange Name, die leere Liste, die fehlgeschlagene Zahlung. Halten die, ist der glückliche Pfad trivial.
- 04Das System bauen
Als Komponenten und Tokens ausgeliefert, damit es nach der Übergabe konsistent bleibt.
04 / Wie wir bauen
Wie wir bauen
Skala, Abstände und Zeilenlänge einmal festgelegt und überall angewandt — Seiten wirken verwandt, ohne gleich zu sein.
Animation soll einen Zustandswechsel erklären. Dekoriert sie nur, kostet sie Aufmerksamkeit für nichts.
Gerenderte Geometrie im echten Browser geprüft — ein Entwurf, der nur in der Designdatei stimmt, ist nicht fertig.
05 / In der Praxis
Casaweb
Casaweb macht aus einer zersplitterten Immobiliensuche eine zusammenhängende Reise — Suche, Exposé, Umfeld und die Werkzeuge rund um die Entscheidung, in einer Produktsprache.