Decision Wheel

So verwendest du das Entscheidungsrad

1. Füge mindestens zwei Optionen in das Eingabefeld ein. Tippe eine Option und drücke Enter (oder klicke auf Hinzufügen), um sie dem Rad hinzuzufügen; wiederhole das bis zu zwanzig Optionen.
2. Entferne jede Option mit der kleinen "x"-Schaltfläche auf ihrem Tag in der Liste. Das Rad wird sofort neu gezeichnet, damit du das angepasste Abschnitts-Layout vor dem Drehen sehen kannst.
3. Klicke auf Drehen. Das Rad dreht sich mit einer CSS-kubischen-Bezier-Verzögerungskurve, die das physikalische Drehen und Verlangsamen eines echten Rades nachahmt.
4. Lies den Gewinner unten unter dem Rad. Die gewinnende Option wird algorithmisch zuerst gewählt; die Animation landet einfach auf ihr.
5. Drehe erneut, um neu auszuwürfeln, oder bearbeite die Optionsliste zwischen den Drehungen für progressive Runden - jedes Mal einen Finalisten ausschalten.

Was dieses Werkzeug macht und wie es funktioniert

Im Hintergrund ist das Rad keine physikalische Simulation. Wenn du auf Drehen klickst, ruft die Komponente zuerst Math.random() auf, multipliziert mit der Anzahl der Optionen und rundet ab, um einen Index zu wählen - das ist der Gewinner. Die Animation berechnet dann den Zielrotationswinkel, der den gewinnenden Abschnitt unter dem Indikator platziert, und wendet ihn über eine CSS-transform: rotate(N deg)-Transition mit drei bis vier Sekunden und einer ease-out-Kurve auf das Rad an. Die Kreisabschnitt-Geometrie verwendet conic-gradient() - eine CSS-Funktion, die mit CSS Images Level 4 um 2018 eingeführt wurde - die sauber gefärbte Sektoren ohne SVG oder Canvas-Zeichnung erzeugt. Textbeschriftungen werden mit einer Absolut-Rotation pro Beschriftung und einer Gegen-Rotation positioniert, damit die Wörter unabhängig davon, wo sich ihr Abschnitt auf dem Kreis befindet, aufrecht bleiben.

Da der Gewinner vor der Animation und nicht während ihr gewählt wird, hat jede Option genau gleiche Wahrscheinlichkeit - Math.random() ist gleichmäßig verteilt, und die Radvisualisierung ist dekorativ. Die Animationslänge, Easing-Kurve und der endgültige Landungswinkel sind alle so gewählt, dass das Ergebnis natürlich wirkt; sie haben keinen Einfluss auf die Fairness.

Wann du das Entscheidungsrad verwenden würdest

• Aufbrechen eines Vierwegegleichstands beim Mittagessen des Teams, wenn niemand derjenige sein möchte, der auswählt.
• Zufällige Auswahl, wer bei einem Standup, Hackathon-Demo oder Klassenaktivität als Erster präsentiert.
• Auswählen, welches Feature in diesem Sprint aus einer Kurzliste implementiert werden soll, bei der das Team wirklich gleichgültig zwischen Kandidaten ist.
• Auswählen einer Wohltätigkeitsorganisation zum Spenden, eines Films zum Ansehen oder eines Rezepts zum Kochen, wenn Entscheidungsmüdigkeit eingetreten ist.
• Durchführen von Party- oder Geburtstagsspielen, bei denen ein randomisierter Picker das Ziehen von Namen aus einem Hut ersetzt.
• Kindern Wahrscheinlichkeit beibringen - das Rad ist eine anschauliche visuelle Demonstration von "jede Option ist gleich wahrscheinlich", wenn die Abschnittsgrößen gleich sind.

Häufige Fallstricke und Randfälle

Der häufigste Fehler ist die Verwendung des Rades für eine Entscheidung, die wirklich wichtig ist. Zufälligkeit ist ein schrecklicher Ersatz für Analyse, wenn die Optionen unterschiedliche erwartete Ergebnisse haben - ein Team, das dreht für "risikoreiche oder sichere Funktion ausliefern", gibt die Verantwortung ab statt Urteilsvermögen auszuüben. Das Rad ist für Fälle, in denen jede Option akzeptabel ist und der Picker einfach weitermachen möchte. Ein zweites Problem: Bei vielen Optionen und langen Textbeschriftungen werden Abschnittsbeschriftungen beengt und schwer zu lesen. Das Werkzeug begrenzt den Optionstext auf dreißig Zeichen und die Optionsanzahl auf zwanzig genau aus diesem Grund. Math.random() ist nicht kryptografisch sicher - es ist ein Pseudozufallszahlengenerator, der aus Browser-Entropie initialisiert wird und für den Gelegenheitsgebrauch geeignet ist, aber du würdest ihn nicht für eine Lotterie mit Geld verwenden. Schließlich können mehrere Personen, die dasselbe Rad beobachten, versehentlich Ergebnisse manipulieren, wenn jemand ein leichtes Muster bemerkt, wie sich Abschnitte visuell nach mehreren Drehungen gruppieren; die Mathematik ist wirklich gleichmäßig, aber Menschen sind musterfindende Maschinen.

Zufälligkeit und Entscheidungsfindung

Die Verwendung von Zufall zur Entscheidung zwischen akzeptablen Optionen hat eine lange Geschichte: Römische Sortition wählte Magistrate durch Los, das Isländische Althing verteilte Redezeiten zufällig, und mittelalterliche italienische Städte zogen Los zur Streitbeilegung. Die psychologische Literatur zur "Entscheidungsmüdigkeit" (popularisiert von Roy Baumeister und John Tierney in ihrem 2011er Buch Willpower) unterstützt den Instinkt, dass die Randomisierung trivialer Entscheidungen kognitive Bandbreite spart - obwohl die ursprüngliche Ego-Depletion-Forschung teilweise repliziert und teilweise nicht repliziert wurde, also behandle die Theorie als hinweisend. Das conic-gradient() hinter dem Rad ist eine neuere Ergänzung; früher erforderte derselbe Effekt SVG-Pfade oder Canvas-Tortendiagramme. Math.random() verwendet einen PRNG (xorshift128+ in V8), der aus System-Entropie initialisiert wird; deterministisch bezüglich des Seeds, aber in der Praxis unvorhersehbar.

Vergleich mit Alternativen

Ein physischer Würfel oder Münzwurf ist ehrlich und schnell, wenn du nur wenige Optionen hast. Picker Wheel und Spin-the-Wheel-Seiten bieten reichhaltigere Funktionen: Räder zur Wiederverwendung speichern, ein Rad über URL teilen, Gewinner-nach-dem-Drehen-entfernen-Modus für Round-Robin-Auswahl, benutzerdefinierte Farben pro Abschnitt, Soundeffekte. Random.org bietet kryptografisch geprüfte Zufälligkeit, wenn du sie für Einsätze wirklich brauchst. Ein schneller Slack-Bot (/shuffle oder ein benutzerdefinierter Slash-Befehl) lässt ein Team dieselbe Entscheidung treffen, ohne dass jemand seinen Bildschirm teilt. Gegenüber diesen gewinnt diese Seite mit null Reibung und null Kontoanforderung - Tab öffnen, Optionen eintippen, drehen. Sie verliert, wenn du ein Rad über Sitzungen hinweg wiederverwenden, einen Kein-Wiederholungs-Entwurf durchführen oder das Ergebnis-URL mit einem Kollegen teilen möchtest, der die Drehung nicht beobachtet hat. Für hochriskante Zufallsauswahl verwende eine Plattform mit Prüfprotokollen; für gelegentliche Teamentscheidungen ist das perfekt.