Communitygithub.com

Drahtmodell-Feedback & Kritik

Verwenden Sie diese Fähigkeit, wenn Sie Feedback zu Drahtmodellen anfordern oder geben, eine Designkritik durchführen oder leiten oder Drahtmodelle für die Überprüfung durch Stakeholder vorbereiten.

Was ist Drahtmodell-Feedback & Kritik?

Diese Fähigkeit bietet einen strukturierten Rahmen für die Durchführung von Designkritiken und den Umgang mit Drahtmodell-Feedback. Sie hilft Entwicklern und Designern, effektive Feedback-Sitzungen zu leiten, indem sie klare Protokolle für das Anfordern, Geben, Empfangen und Umsetzen von Kritik definiert. Zu den wichtigsten Konzepten gehören die 30/90-Regel für zeitnahes Feedback, die Unterscheidung zwischen reaktiven, richtungsweisenden und konstruktiven Kommentaren sowie ein klar definierter Ablauf für die Moderation von Kritiken. Die Fähigkeit fördert eine analytische, objektive und handlungsorientierte Feedback-Kultur und bietet außerdem Anleitungen zur Priorisierung und Dokumentation von Rückmeldungen, um sicherzustellen, dass jede Kritik zu messbaren Verbesserungen führt. Sie ist plattformunabhängig und kann in Verbindung mit anderen Fähigkeiten wie Heuristiken oder korrigierendem Feedback eingesetzt werden.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/heyviet/wireframe-skills/tree/HEAD/skills/wireframe-feedback

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht Drahtmodell-Feedback & Kritik?

Überblick

Erstellen und Analysieren sind unterschiedliche Prozesse – führen Sie niemals beide gleichzeitig durch (Corita Kents Regel 8). Kritik ist strukturierte Analyse: Bewerten Sie das Design anhand definierter Kriterien, sammeln Sie genügend umsetzbare Informationen, um den nächsten kreativen Durchgang zu befeuern, und hören Sie dann auf. Das Ziel ist ein besseres Design für den Benutzer, nicht Konsens, Zustimmung oder Verteidigung der aktuellen Version. Sie sind nicht Ihr Design.

Wann verwenden

  • Anfordern von Feedback in jeder Drahtmodellphase – von frühen Konzepten bis hin zu nahezu fertigen Details
  • Leiten einer Teamkritik, einer Überprüfung durch Stakeholder oder einer asynchronen Kommentarrunde
  • Übersetzen von vagen oder lösungsorientierten Rückmeldungen in nutzbare Probleme
  • Sortieren eines Bergs von Beiträgen nach einer Überprüfung in einen Plan
  • NICHT für: Usability-Tests – Kritik ist eine Experten-/Teamanalyse; Benutzerevidenz benötigt echte Benutzer mit echten Aufgaben
  • NICHT für: Abnahme-Meetings – Kritik verbessert das Design; Genehmigung ist ein separates Entscheidungsgremium mit anderen Risiken

Anfordern von Feedback

Formulieren Sie die Bitte – Ziel, Phase, Frage

  • Fragen Sie niemals „Irgendwelche Gedanken?“ Offene Aufforderungen erzeugen reaktive Geschmacksurteile. Geben Sie drei Dinge an: das Benutzerziel, das der Bildschirm bedient, wie weit die Arbeit fortgeschritten ist, und die spezifische Frage. „Dies ist der Checkout-Prozess für Gastbenutzer, etwa zu 30 % fertig. Ist die Schrittreihenfolge richtig und fehlt etwas vor der Zahlung?“
  • Die 30/90-Regel (Jason Freedman, 42Floors): Fordern Sie frühzeitig „Dreißig-Prozent-Feedback“ an – die Gutachter stimmen zu, dass Details unvollendet sind, und konzentrieren sich auf Struktur und Richtung – und gegen Ende „Neunzig-Prozent-Feedback“ – keine großen Änderungen mehr, erfassen Sie die Details. Mindestens zwei Kontrollpunkte pro Design.
  • Die Detailtreue signalisiert die Feedbackebene. Low-Fidelity-Skizzen laden zu strukturellen Beiträgen ein; polierte Drahtmodelle laden zu Pixelkorinthenkackerei ein. Die Präsentation von High-Fidelity, wenn Sie richtungsweisendes Feedback wünschen, garantiert Kommentare auf der falschen Ebene.
  • Sagen Sie, was tabu ist. „Der visuelle Stil ist Platzhalter – ignorieren Sie Schriftarten und Abstände“ verhindert eine ganze Kategorie von verschwendeten Kommentaren.
  • Fragen Sie, wenn Sie die Idee so weit gebracht haben, wie Sie alleine kommen. Diese Stockung ist das Signal. Frühe Bitten sind am schwierigsten (Angst, unfertige Arbeit zu zeigen) und am wertvollsten – setzen Sie den Präzedenzfall bei 30 %, nicht bei 90 %.

Passen Sie den Gutachter an die Frage an

  • Teammitglieder (PM, Entwickler, Forschung, Design) – Ablauflogik, Machbarkeit, Konsistenz; sie vertreten den Benutzer und das Produkt und können auch als Notizenmacher fungieren
  • Fachexperten – fachliche Korrektheit (ein Bestellablauf-Experte für eine Handels-App); laden Sie früh ein, sie werden selten gefragt und sind meist willkommen
  • Stakeholder – Zielausrichtung und Einschränkungen; aktiv involvierte früh, höherrangige später zur Sensibilisierung
  • Wenn Sie jemandes Meinung nicht wollen, laden Sie ihn nicht ein. Von jedem Eingeladenen wird erwartet, dass er teilnimmt; Zuschauer verwässern den Raum und blähen den Kommentarhaufen auf.

Konstruktives Feedback geben

Die fünf unten aufgeführten Merkmale stammen von Adam Connor und Aaron Irizarrys Discussing Design, adaptiert von der Quelle. Konstruktives Feedback ist vertrauensbasiert (gemeinsames Ziel: das Produkt verbessern), analytisch (zerlegt das Design in Teile und verfolgt deren Wirkung auf die Aufgabe), spezifisch (nennt das Element und das Versagen), offen (nennt das Problem, überlässt die Lösung dem Designer), objektiv (argumentiert aus Benutzerzielen, nicht aus persönlichem Geschmack) und handlungsorientiert (in der nächsten Iteration nutzbar). Zwei kontraproduktive Modi, auf die man achten sollte: reaktiv („Ich hasse das“ – reine Emotion, keine Analyse) und richtungsweisend („Setzen Sie es einfach in die Einstellungen“ – eine Lösung ohne genanntes Problem).

Problem, nicht Lösung

Beginnen Sie mit der Beobachtung, verknüpfen Sie sie mit dem Benutzerziel, lassen Sie die Korrektur offen. Wenn Sie einen Vorschlag machen müssen, nennen Sie zuerst das Warum – ein Vorschlag ohne sein zugrunde liegendes Problem kann nicht bewertet oder verbessert werden.

Umformulierungen

Schlecht (reaktiv/vage/richtungsweisend)Gut (analytisch, auf den Benutzer bezogen)
„Die Navigation ist verwirrend“„Die Navigation verbirgt den Pfad zu den Datenschutzeinstellungen – das, wofür unsere Forschung sagt, dass Benutzer hierherkommen“
„Ich mag diesen Button nicht“„‚Abbrechen‘ könnte als Abbrechen des Abonnements statt als Abbrechen der Bearbeitungen gelesen werden“
„Lassen Sie den CTA hervorstechen“„Der CTA ist visuell nicht hervorgehoben; wenn es die primäre Aktion auf diesem Bildschirm ist, werden Benutzer ihn übersehen“
„Verschieben Sie das auf die Einstellungsseite“„Dieser Block unterbricht den Checkout-Vorgang – was hat dazu geführt, ihn inline statt in den Einstellungen zu platzieren?“
„Dieses Formular wird international nicht funktionieren“„Nicht-US-Benutzer können diese Adressfelder nicht zuordnen; erwägen Sie, die Bezeichnungen pro Land zu lokalisieren“
„Ich liebe es!“„Das einspaltige Layout hält die Aufgabe linear – bewahren Sie diese Qualität im restlichen Checkout“

Positives Feedback verdient seinen Platz nur, wenn es spezifisch ist: Nennen Sie, was funktioniert und warum, damit es Iterationen überlebt, anstatt versehentlich weggestaltet zu werden.

Fragen vor Urteilen

Eröffnen Sie mit Fragen, die die Denkweise des Designers offenlegen: Warum dieses Muster hier? Wie passt es zur Absicht des Benutzers in diesem Szenario? Löst es das richtige Problem? Was ist nicht machbar? Welche anderen Richtungen wurden in Betracht gezogen? Fehlt etwas? – dann bewerten Sie.

Feedback empfangen

  • Aktives Zuhören: Geben Sie das Gehörte wieder („Die Sorge gilt also der Bezeichnung, nicht der Platzierung?“), bis der Geber es bestätigt. Es hält Sie am Zuhören, anstatt eine Verteidigung zu proben, und zwingt vage Kommentare in Präzision.
  • Schürfen Sie kontraproduktives Feedback, weisen Sie es nicht zurück. Reaktive und richtungsweisende Kommentare enthalten meist ein echtes Problem. „Was meinen Sie damit?“ und „Wie wirkt sich das auf die Aufgabe des Benutzers aus?“ wandeln sie um.
  • Erfassen, nicht widerlegen. Die Verteidigung jedes einzelnen Kommentars live verbrennt die Sitzung; klären Sie, protokollieren Sie, entscheiden Sie später.

Durchführen einer Kritik

Struktur (45 Min. für eine Überprüfung in Ablaufgröße)

  1. Rahmen – 5 Min. Ziel, Phase (30 % oder 90 %), die spezifischen Fragen, Grundregeln (Probleme, keine Lösungen; Kommentare während oder nach dem Durchlauf – sagen Sie an, welches).
  2. Durchlauf – 10 Min. Zuerst Überblick über Funktionen und Ablauf, dann Bildschirm für Bildschirm, erzählt in den Begriffen des Benutzers: „Wenn der Benutzer hier ankommt, kann er X tun, indem er Y auswählt.“ Niemals kalt auf Bildschirm eins von zwölf starten.
  3. Diskussion – 25 Min. Moderierte Analyse der gestellten Fragen.
  4. Abschluss – 5 Min. Danken Sie den Teilnehmern, sagen Sie, was als Nächstes passiert, versprechen Sie die Zusammenfassung.

Rollen

  • Moderator (normalerweise der Präsentator): Präsentator, Vermittler, Zeitnehmer in einer Person. Führt das Gespräch – legt den Rahmen fest, hält die Diskussion bei der Analyse, bringt sie voran, wenn sie stockt, erntet umsetzbare Details. Führt, verteidigt nie.
  • Notizenmacher – dediziert, niemals der Moderator. Moderation und detaillierte Erfassung sind unvereinbar. Pro Punkt: welches Drahtmodell, welcher Bereich des Bildschirms, der Kommentar, wer ihn gesagt hat. Haftnotizen oder Live-Kommentare im Drahtmodell-Tool, sichtbar für den Raum; Kommentatoren mit Namen versehen, damit sie die Erfassung überprüfen können.
  • Teilnehmer: aktive Beitragende, jeder aus einem ihm bekannten Grund eingeladen.

Moderationsschritte

  • Reihum zur Eröffnung: jede Person der Reihe nach – verhindert, dass die lauteste Stimme den Rahmen setzt.
  • Sprechen Sie ruhige Mitglieder aktiv an; bieten Sie im Anschluss einen asynchronen Kanal für diejenigen, die langsam verarbeiten oder nicht in einer Gruppe sprechen werden. Kostet Nachbereitungszeit, kauft vollständige Abdeckung.
  • Halten Sie einen gültigen Weg für Widerspruch offen (David Dylan Thomas) – wenn Meinungsverschiedenheiten in der Sitzung kein legitimes Ventil haben, tauchen sie später als Veto wieder auf.
  • Lenken Sie „Ich würde…“ zum Benutzer um. Persönliche Präferenzkommentare werden zu „Was würde der Benutzer hier tun, basierend auf dem, was wir wissen?“
  • Seien Sie ein Vorbild für das gewünschte Feedback und setzen Sie explizit zurück, wenn die Diskussion zu Geschmack oder Lösungen abdriftet.
  • Das Scheitern des Designs an der Kritik ist ein Erfolg der Kritik. Wenn die Analyse zeigt, dass das Design die Ziele nicht erfüllt, haben Sie eine Iteration gespart – sagen Sie das und machen Sie weiter.
  • Asynchrone Kritik funktioniert: Gutachter kommentieren Markierungen, die an Drahtmodellbereichen angeheftet sind, in ihrer eigenen Zeit; der Moderator konsolidiert, markiert und klärt unklare Punkte. Gleiche Regeln – formulierte Bitte, spezifische Fragen, benannte Kommentare.

Umsetzung von Feedback

Sortieren Sie jeden Punkt

Protokollieren Sie alles Feedback in einem gemeinsamen Blatt – Punkt, Bildschirm, wer es gesagt hat, Status. Donna Spencers fünf Status (Presenting Design Work):

StatusBedeutungNächste Aktion
Zustimmen – jetztAkzeptiert, unkompliziertIn den nächsten Durchlauf einfließen lassen
Zustimmen – späterAkzeptiert, nicht diese IterationRückstand mit Zielphase
Erfordert RechercheKann mit aktuellen Informationen nicht entschieden werdenNennen Sie die Frage und die Methode
KlärenKommentar nicht verstanden (häufig asynchron)Zum Kommentator zurückgehen
NeinWird nicht implementiertGrund aufzeichnen, verknüpft mit Ziel oder Problemstellung
  • Ablehnen ist ein legitimes Ergebnis – aber nur mit einem aufgezeichneten Grund. Stille Streichungen zerstören das Vertrauen, auf dem der Prozess beruht.
  • Kehren Sie zur Problemstellung zurück, bevor Sie eine neue Richtung einschlagen. Dient sie dem Benutzerziel oder den Launen desjenigen, der zuletzt gesprochen hat? Design by Committee ist selten erfolgreich.
  • Feedback zu falschen Annahmen löst Recherche aus, keine Fehlerbehebung. Wenn die Kritik einen fehlenden Fall aufgedeckt hat (der Anmeldevorgang hat nie „Bestätigungs-E-Mail nicht angekommen“ behandelt), überprüfen Sie die Optionen – möglicherweise eine technische Überprüfung – bevor Sie neu zeichnen.

Schließen Sie den Kreislauf

  • Teilen Sie die Zusammenfassung mit den Teilnehmern: was überprüft wurde, wer teilgenommen hat, jeder Punkt mit Status. Geben Sie den Leuten Zeit zu antworten, zu klären oder etwas hinzuzufügen, bevor Sie neu zeichnen.
  • Zeigen Sie in der nächsten Runde Alt und Neu nebeneinander mit dem Feedback, das jede Änderung ausgelöst hat – Gutachter sehen sofort, was sich bewegt hat und warum.
  • Feedback ist ein Kreislauf: integrieren → neu zeichnen → erneut kritisieren. Regelmäßige Kritik während der Drahtmodellerstellung ist die billigste Risikominderung im gesamten Designprozess.

Erforderlicher Kontext

  • Welche Art von Antwort Sie wünschen – Erkundung, eine Wahl zwischen Konzepten oder Analyse eines einzelnen Designs.
  • Die Detailtreue, und was sie darüber aussagt, wie festgelegt die Dinge sind.
  • Die Ziele und Einschränkungen, die die Gutachter benötigen, um anhand von etwas zu beurteilen.
  • Wer im Raum ist und warum jeder da ist. Alle-eingeladen erzeugt Rauschen.
  • Was bereits entschieden und nicht verhandelbar ist. Sagen Sie es, sonst wird es neu verhandelt.

Bewertungsverfahren

  1. Formulieren Sie die Bitte: welche Phase, welche Entscheidung, was genau untersucht werden soll.
  2. Geben Sie den Gutachtern das Ziel und die Einschränkungen vor dem Artefakt.
  3. Führen Sie die Kritik als Analyse, nicht als Präferenz durch – lenken Sie Lösungen zurück zu Problemen.
  4. Testen Sie jedes Feedback gegen die fünf Merkmale: vertrauensbasiert, analytisch, klar und spezifisch, offen, objektiv.
  5. Übersetzen Sie vage Reaktionen in Beobachtungen, die mit einer Benutzeraufgabe verknüpft sind, bevor Sie handeln.
  6. Entscheiden Sie, worauf Sie reagieren, was Sie verschieben, was Sie ablehnen – Ablehnungen erhalten einen aufgezeichneten Grund.
  7. Schließen Sie den Kreislauf: Teilen Sie den Gutachtern mit, was sich geändert hat und was nicht.

Ausgabeformat

Angefordert: <Erkundung | Auswahl | Analyse> über <spezifischer Bereich>
Gegebener Kontext: Ziele <…> Einschränkungen <…> bereits entschieden <…>
Erhaltenes Feedback → umformuliert als Beobachtung:
  „<roh>“ → „<analytisch, auf eine Benutzeraufgabe bezogen>“
Umsetzung: <Liste>  ·  Verschoben: <Liste>  ·  Abgelehnt: <Punkt — Grund>
Kreislauf geschlossen mit: <wem wurde was geändert mitgeteilt>

Kurzreferenz

SituationMuster
Frühes Konzept, Richtung unklar30 % Bitte – nur Struktur, Low-Fidelity-Artefakt, Details als unvollendet erklärt
Nahezu fertige Drahtmodelle90 % Bitte – Detailkorrektur, keine großen Änderungen
Vages Feedback („lass es hervorstechen“)Klärende Frage: „Welches Problem verursacht die aktuelle Version für den Benutzer?“
Lösungsorientiertes FeedbackFragen Sie nach dem zugrunde liegenden Problem, bevor Sie die Lösung bewerten
Gutachter sagt „Ich würde…“Lenken Sie zum Benutzer um: „Was würde der Benutzer tun, laut unserer Recherche?“
Laute Stimmen dominierenReihum; sprechen Sie ruhige Mitglieder namentlich an
Gutachter spricht nicht in einer GruppeAsynchroner Folgekanal, konsolidiert durch den Moderator
Verteiltes / zeitzonengeteiltes TeamAsynchrone Kritik über angeheftete Markierungskommentare, benannt und nachverfolgt
Präsentieren eines komplexen mehrbildschirmigen AblaufsZuerst Ablaufüberblick, dann Bildschirme, erzählt in den Begriffen des Benutzers
Feedbackhaufen nach einer ÜberprüfungFünf-Status-Sortierung: jetzt / später / recherchieren / klären / nein-mit-Grund
Geschmack des Stakeholders vs. BenutzerzielSchlichten Sie gegen die Problemstellung, schriftlich
Sitzung endetDanken + nächste Schritte + Zusammenfassung mit Status pro Punkt
Nächste ÜberprüfungsrundeAlt vs. Neu nebeneinander mit dem treibenden Feedback

Anti-Patterns

FehlerKorrektur
„Irgendwelche Gedanken?“ als BitteGeben Sie Ziel, Phase und eine oder zwei spezifische Fragen an
High-Fidelity-Drahtmodelle für eine RichtungsfragePassen Sie die Detailtreue an die gewünschte Feedbackebene an
Warten bis 90 % für die erste Überprüfung30 % Kontrollpunkt – frühes Feedback, bevor Änderungen teuer werden
Moderator macht die NotizenDedizierter Notizenmacher; erfassen Sie Drahtmodell + Bereich + Kommentar + wer
Jeden Kommentar live verteidigenKlären, erfassen, in der Sortierung entscheiden
Während des Meetings neu designenKritik analysiert; Erstellen ist ein separater Durchgang nach der Reflexion
Alle „zur Sichtbarkeit“ einladenLaden Sie nur Personen ein, deren Meinung diese Phase voranbringt
Reaktive/richtungsweisende Kommentare abtunSchürfen Sie sie: „was meinen Sie?“ / „wie wirkt sich das auf die Aufgabe des Benutzers aus?“
Jeden Kommentar einarbeitenSortieren Sie gegen die Problemstellung; Design by Committee scheitert
Feedback stillschweigend streichenJeder Punkt bekommt einen Status; „Nein“ erhält einen aufgezeichneten Grund
Nur kritische KommentareNennen Sie, was funktioniert und warum, damit es Iterationen überlebt
Kritik als Abnahme-Gate behandelnGetrennte Foren: Kritik verbessert, Abnahme entscheidet

Begleitfähigkeiten

SituationMitauslösen
Präsentieren, versionieren oder teilen von Drahtmodellen im Rahmen der Kritikwireframe-collaboration
Verankerung von Kritikkommentaren in benannten Heuristiken statt Geschmackdec-nielsen-heuristics, usability-heuristics
Überbringen einer harten Kritik, sodass sie als abschließbar und nicht persönlich ankommtsi-corrective-feedback
Bevor Sie Feedback als „Nein“ markieren – nennen Sie zuerst die stärkste Versionblind-steelman

…

[gekürzt für die Übersetzung]

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Verwandte Skills