Die Folge The New Full-Stack Designer aus der Reihe Design Review von Y Combinator fragt, wie ein Designer aussieht, wenn die Grenze zwischen Bild und funktionierendem Produkt fast verschwunden ist. Zu Gast ist Marvin Schwaibold, der das Produktdesign-Studio von Shopify leitet, das Gespräch führt Aaron Epstein von YC. Die Botschaft an jeden Full-Stack-Designer ist eindeutig: bauen, nicht nur zeichnen.
Laut der Folgenbeschreibung von YC stellt Schwaibold seinen eigenen Designprozess vor und zeigt die kürzlich veröffentlichte Neugestaltung des Shopify-Adminbereichs sowie die Arbeit an dem Assistenten Sidekick. Dazu kommt ein Wochenendprojekt, in dem er echtes Gras als Shader nachgebaut hat, und ein Karussell, das 91 Anläufe brauchte, bis es saß. In der zweiten Hälfte der Folge werden von Zuschauern eingereichte Websites unter dem Blickwinkel von Bewegung und Interaktivität besprochen.
Ein Designer, der baut
Durch die Kapitel der Folge zieht sich derselbe Gedanke: Der Designprozess hat sich verändert, Designer bauen selbst. Die Kapiteltitel nennen außerdem die Haltung von Shopify-CEO Tobi Lütke, dass die Zukunft gestaltet werden muss, und wie das Studio innerhalb von Shopify arbeitet.
Für Kleinunternehmer ist das eine ganz praktische Frage. Lässt sich eine visuelle Idee direkt als funktionierender Prototyp ausprobieren, kommt Feedback schneller, und falsche Richtungen fallen weg, bevor Geld darin steckt. Dieselbe Logik des schnellen Lernens haben wir im Beitrag über Kundenverständnis als Wettbewerbsvorteil für Startups beschrieben.
91 Anläufe und sichtbare Variablen
Beim Gras-Shader geht es um die Erkenntnis aus einer topografischen Karte, das folgende Kapitel stellt Dialkit vor, eine Methode, Designvariablen sichtbar und einstellbar zu machen. Die 91 Anläufe für das Karussell zeigen dasselbe von der anderen Seite: Gute Bewegung entsteht durch Wiederholung, nicht durch einen einzigen gelungenen Entwurf.
Wer die eigene Website oder App entwickelt, kann daraus eine einfache Lehre ziehen. Sind einstellbare Werte wie Geschwindigkeit, Verzögerung und Abstand leicht zu ändern, lassen sich an einem Nachmittag Dutzende Varianten testen. KI-Werkzeuge beschleunigen das zusätzlich, sofern die gewonnene Zeit eine Richtung hat, wie wir im Artikel über die Nutzung der durch KI gesparten Zeit überlegt haben.
Gute Bewegung entsteht durch Wiederholung, nicht durch einen einzigen gelungenen Entwurf.
Sechs Websites auf dem Prüfstand
In der zweiten Hälfte der Folge werden die Websites von sechs Startups besprochen. Die Kapiteltitel fassen Beobachtungen zusammen, an denen jeder Gründer die eigenen Seiten messen kann:
- Ein Hauptziel pro Seite.
- Das Problem mit Tabs: Wichtige Inhalte verschwinden leicht.
- KI-generierte Illustrationen, die der Seite nichts hinzufügen.
- Das eigentliche Produkt zeigen, nicht nur Vorschaubilder.
- Social Proof und Situationen, in denen weniger mehr ist.
- Abschnitte der Startseite als Kapitel, die eine Geschichte erzählen.
- Besucher die Arbeit selbst erkunden lassen und genau abwägen, ob man das Scrollen kapert.
Die letzten Kapitel behandeln den Rhythmus, den die Folge als Start, Reiseflug und Landung beschreibt, sowie die Technologieseite. Zum Schluss wird das Blossom-Karussell vorgestellt.
Was gehört auf die eigene Website?
Wählen Sie für die Startseite ein Hauptziel und streichen Sie alles, was es nicht unterstützt. Ersetzen Sie Dekobilder durch echte Ansichten Ihres Produkts oder Ihrer Dienstleistung. Wenn Sie Bewegung einsetzen, justieren Sie sie, bis sie natürlich wirkt, und testen Sie die Seite auch auf dem Smartphone. Ein KI-Agent erledigt diese Wiederholungsarbeit zügig, wenn er eine funktionierende Arbeitsumgebung hat.
Quellen
- Y Combinator: The New Full-Stack Designer (Design Review, YouTube) — Grundlage sind die von YC veröffentlichte Folgenbeschreibung und die Kapitel mit Zeitstempeln, kein geprüftes Transkript. Unter anderem Designer, die bauen, bei 18:27, Dialkit bei 26:16 und Website-Kritiken ab 31:04. Die praktischen Vorschläge sind Überlegungen der Autorin.
- Marvin Schwaibold: grass-shader (GitHub) — Quellcode des Gras-Shaders, in der Folgenbeschreibung verlinkt.
Weiterlesen
Das könnte dich auch interessieren
Innohub TV
Diese Inhalte gibt es auch auf Innohub TV
Wir haben Clips aus Innohub TV ausgewählt, die dasselbe Thema fortführen.
Keine Folgen.