Ich habe im Laufe meiner Karriere tausend Features entworfen und Hunderte von Tools getestet, um in meiner Arbeit schneller zu sein. Lassen Sie uns jeden Schritt des Designprozesses im Detail betrachten.
Phase 1: Recherche / PRD
Bevor wir in die Pixelbearbeitung einsteigen, sammeln die meisten von uns ihre Gedanken in Produktanforderungsdokumenten, wo wir im Falle eines Features Gedanken, Anforderungen, Ziele und andere wichtige Elemente strukturieren, die uns helfen, nicht stecken zu bleiben, während wir tatsächlich die Benutzeroberfläche designen.
Ich habe einige Tools verwendet, die diese Phase beschleunigen, aber bei weitem die besten sind ChatPRD. Es ist ein KI-Tool, das Ihnen hilft, diese Produktdokumente zu verfassen oder Ihre handschriftlichen Gedanken in einen kohärenten, strukturierten Plan zu verwandeln.
Es ist auch hilfreich, vorbereitet zu sein, bevor Sie in KI-UI-Tools einsteigen. Die Qualität Ihrer Eingaben und Gedanken macht einen großen Unterschied.
Phase 2: Idee zur UI
Traditionell bedeutete das Designen von Benutzeroberflächen, zu Figma zu gehen und Stunden damit zu verbringen, auf die leere Leinwand zu starren, bevor man etwas entwickelt.
Mit neuen Tools wie Banani AI können Sie einfach den Bildschirm, den Sie möchten, in einfachem Text als Textaufforderung beschreiben, und sie erstellen Entwürfe von Benutzeroberflächen und Drahtmodellen.
Wie ich im vorherigen Abschnitt schrieb, desto besser Ihre Gedanken skizziert sind, desto besser werden die KI-UI-Ergebnisse, also vernachlässigen Sie diesen Schritt bitte nicht.
Sobald Sie mit dem ersten Bildschirm, den Sie aus der Aufforderung erstellt haben, zufrieden sind, können Sie einfach auf "Interaktion"-Elemente aus der Benutzerperspektive klicken, und Banani wird versuchen vorherzusagen, was auf dem nächsten Bildschirm sein sollte.
Es kann auch Ihre Farbpalette oder Ihr Designs-System Ihres Produkts anwenden, um Benutzeroberflächen zu gestalten, die dem Erscheinungsbild Ihres Produkts entsprechen.
Dies ist von großer Bedeutung für Teams, die Konsistenz über mehrere Produkte hinweg benötigen und nicht jedes KI-generierte Mockup manuell neu gestalten möchten.
Phase 3: Iteration und Feedback
Design ist nie beim ersten Versuch richtig. Je nach Ihrem Arbeitsablauf werden Sie wahrscheinlich Design-Dateien hin und her schicken, Feedback sammeln und Bildschirme manuell überarbeiten. Mit KI fühlt sich die Iteration eher wie ein Gespräch an.
Tools wie Granola, die für Sitzungsprotokolle gedacht sind, können die Sammlung des Feedbacks aus Designkritik-Anrufen, Benutzertestsitzungen mit echten Menschen oder einem freundlichen Gespräch mit Ihrem Design-Teamkollegen erheblich vereinfachen.
Außerdem gibt es jetzt Tools, die Ihnen helfen, unkontrollierte UX-Tests durchzuführen und alle Vorteile zu erzielen. Eines, das ich verwende, ist Maze. Es ermöglicht Ihnen, einen Link zum Design an den Benutzer zu senden und ihn durch den Ablauf zu führen.
Sie können aggregierte Zusammenfassungen verwenden und sie an UI-generative Tools aus dem vorherigen Abschnitt senden, um die nächste Iteration zu erstellen.
Kurz gesagt
Lange frühe Phasen der Recherche, des Layout-Tunings, der Stilentwicklung und der Iteration werden bald eine ferne Erinnerung sein. Nutzen Sie neue KI-Produkte und Design-Apps wie ChatPRD oder Banani an Ihrer Seite, um die langen oder langweiligen Teile des UI-Designprozesses zu beschleunigen.
