Design-Prompt verwenden
Projektanforderungen hinzufügen
Füge unten deinen Kontext hinzu. Er wird beim Kopieren oder Herunterladen in den Design-Prompt aufgenommen.
Erstelle für [PROJECT] und [AUDIENCE] eine bearbeitbare HTML-Präsentation mit einer 16:9-Arbeitsfläche, Zurück-/Weiter-Buttons, Navigation über die Pfeiltasten, einem Folienzähler und einem Drucklayout mit einer Folie pro Seite. Die Aufgabe lautet: Datenstory-Präsentation.
Erforderliche Inhalte und Struktur
Formuliere eine Frage, zeige vergleichbare Werte, erläutere Unsicherheiten und empfehle eine Entscheidung.
Verwende [APPROVED_CONTENT] als Quelle für Namen, Daten, Zahlen, Aussagen und Ziele. Führe fehlende Angaben auf, bevor du etwas ersetzt. Falls eine Demonstration erforderlich ist, kennzeichne deren Inhalte als fiktiv. Erfinde keine Kundenstimmen, Rankings, Partnerlogos oder Produktfunktionen.
Designausrichtung
Verwende [BRAND_RULES] und das bereits im Projekt ausgewählte Designsystem. Falls kein System vorgegeben ist, beginne mit dieser Ausrichtung: Weiß, tiefes Marineblau und zurückhaltendes Blau; klare Ausrichtung und einfache Belegdiagramme. Halte Typografie, Abstände und Farbrollen konsistent. Priorisiere die Aufgabe gegenüber dekorativen Elementen und vermeide eine generische Sammlung zusammenhangloser Karten.
Inhaltsvorbereitung
Formuliere eine Frage und bereite die Werte, Einheiten, Daten, Quellen und Unsicherheiten vor, die zu ihrer Beantwortung erforderlich sind. Entscheide vor der Wahl der Diagrammtypen, welche Vergleiche zulässig sind.
Layout und Verhalten
Erstelle eine Abfolge, in der jedes Diagramm einen bestimmten Teil der Frage beantwortet. Verwende konsistente Skalen und annotiere die Belege, die die Interpretation verändern.
Aufgabenspezifische Abnahmeprüfung
- Halte Achsen, Einheiten, fehlende Werte und Quelldaten sichtbar.
- Prüfe Achsen, fehlende Werte und Bezugsgrößen.
- Ein visuell dramatischer Unterschied muss im richtigen Verhältnis zu den tatsächlichen Daten bleiben, und Empfehlungen sollen ungelöste Unsicherheiten berücksichtigen.
Implementierung und Prüfung
Halte Texte bearbeitbar. Verwende eine semantische Struktur, aussagekräftig beschriftete Steuerelemente, einen sichtbaren Tastaturfokus und geeignete Leer- und Fehlerzustände. Prüfe schmale und breite Layouts. Berücksichtige Einstellungen für reduzierte Bewegung. Behalte das vorhandene Projekt-Framework und seine Abhängigkeiten bei; ersetze den Stack nicht stillschweigend. Gib die bearbeitbaren Dateien zurück und erläutere unvollständiges Verhalten oder nicht unterstützte Eingaben. Prüfe diese konkrete Aufgabe, bevor du zusätzliche Funktionen vorschlägst.
Beschränke jede Folie auf eine Hauptaussage. Verwende Diagramme nur, wenn tatsächlich vergleichbare Werte vorliegen; gib Einheiten, Quelldaten und Einschränkungen an. Halte Sprechernotizen von den sichtbaren Folieninhalten getrennt.
Referenzanhang und Rekonstruktionsziel
Füge reference.webp aus dem Download-Paket dieses Prompts zusammen mit diesem Prompt in OpenDesign ein. Erstelle ein bearbeitbares Ergebnis mit ähnlicher Komposition und Hierarchie; binde nicht das gesamte Referenzbild als fertige Benutzeroberfläche ein. Bewahre freigegebene Projektinhalte und Markenregeln, wenn sie fiktiven Beispielbeschriftungen widersprechen. Falls das Bild fehlt oder unleserlich ist, frage danach, anstatt visuelle Übereinstimmung zu behaupten.
Komposition und Inhalt der Referenz
Verwende die angehängte Datei reference.webp als visuelle Referenz für die Datenstory-Präsentation. Ermittle vor der Umsetzung die Hauptbereiche von oben nach unten, ihre relativen Breiten und Höhen, Ausrichtung, Abstände, typografische Hierarchie, Flächenfarben, Rahmen, Bildmaterial und wiederkehrenden Komponenten. Bewahre diese Beziehungen, statt sie durch eine generische Vorlage zu ersetzen. Erforderlicher Aufgabeninhalt: Formuliere eine Frage, zeige vergleichbare Werte, erläutere Unsicherheiten und empfehle eine Entscheidung. Nutze beim Übertragen des Bildes in bearbeitbare Elemente die folgenden aufgabenspezifischen Layoutvorgaben: Erstelle eine Abfolge, in der jedes Diagramm einen bestimmten Teil der Frage beantwortet. Verwende konsistente Skalen und annotiere die Belege, die die Interpretation verändern.
Visuelle Ausrichtung aus den beispielhaften Projektanforderungen
Weiß, tiefes Marineblau und zurückhaltendes Blau; klare Ausrichtung und einfache Belegdiagramme.
Folienstruktur und Präsentationsverhalten
Erstelle die Folienkomposition als bearbeitbare Titel-, Text-, Visualisierungs- und Annotationselemente nach. Eine abgebildete Folie ist nur eine Ansicht und kein Beleg für eine vollständige Präsentation. Nutze die bereitgestellte Erzählstruktur, um alle zusätzlich angeforderten Folien zu erstellen; bewahre dabei Typografie, Ränder, Farbrollen und Ausrichtung. Erstelle eine Abfolge, in der jedes Diagramm einen bestimmten Teil der Frage beantwortet. Verwende konsistente Skalen und annotiere die Belege, die die Interpretation verändern. Halte die Navigation außerhalb des exportierten Folieninhalts. Halte Achsen, Einheiten, fehlende Werte und Quelldaten sichtbar.
Visueller Vergleich und Übergabe
- Vergleiche das Ergebnis bei übereinstimmenden Proportionen mit dem angehängten Bild. Prüfe vor der Ausarbeitung dekorativer Details die Platzierung der Hauptbereiche, relative Bildgrößen, Zeilenumbrüche, Abstände, typografische Hierarchie, Kontrast, aktive Zustände und Inhaltsdichte.
- Teste anschließend das schmale Layout, ohne Desktoptexte in winzige Beschriftungen zu zwängen.
- Halte Logos, Fotos und Symbole als separate Assets und alle aussagekräftigen Beschriftungen bearbeitbar. Führe nicht verfügbare Schriftarten und Assets sowie beabsichtigte Abweichungen auf. Gib die funktionsfähigen Dateien zusammen mit einer knappen Beschreibung des implementierten Verhaltens und der noch ausstehenden Integrationen zurück; versprich nicht allein auf Grundlage des Prompts ein pixelgenaues Ergebnis.
Die Referenz an die Folienabmessungen anpassen
Die beigefügte visuelle Referenz ist ein Konzeptbild im Format 3:2, während die gewünschte Präsentation Folien im Format 16:9 verwendet. Ordne Text, Bilder, Diagramme und Abstände als separate bearbeitbare Elemente auf einer 16:9-Leinwand neu an. Strecke die Referenz nicht und beschneide nicht die gesamte Komposition, um eine Übereinstimmung zu erzwingen. Bewahre die Hierarchie, halte die bereitgestellten Inhalte lesbar und passe jede Folie an ihre eigene Aussage an.
Design-Prompt + Bild herunterladen
Enthält den vollständigen Design-Prompt und das Referenzbild in voller Größe. Füge beides in OpenDesign hinzu, um das Layout zu steuern.
So schreibst du einen Design-Prompt für eine Datenstory-Präsentation
Nutze diesen Design-Prompt für eine Datenstory-Präsentation, um eine Frage zu formulieren, vergleichbare Werte zu zeigen, Unsicherheiten zu erläutern und eine Entscheidung zu empfehlen.
Die Referenz ist ein KI-generiertes Konzept. Die folgenden Anweisungen beschreiben, was erstellt und getestet werden soll; das Bild belegt kein funktionsfähiges Verhalten.
Lass jedes Diagramm eine Frage beantworten
Ein Datenstory-Foliensatz sollte von einer Entscheidungsfrage zu Belegen und einer Interpretation führen.
Mehr Diagramme helfen nicht, wenn ihre Zeiträume oder Definitionen nicht miteinander vereinbar sind. Erstelle eine Abfolge, in der jedes Diagramm einen bestimmten Teil der Frage beantwortet. Verwende konsistente Skalen und annotiere die Belege, die die Interpretation verändern.
Aus dem Prompt
Erstelle eine Abfolge, in der jedes Diagramm einen bestimmten Teil der Frage beantwortet.
An dein Projekt anpassen
Beginne mit [DECISION_QUESTION]. Verwende vergleichbare [METRICS] mit Einheiten, Zeiträumen und Quelldaten und unterscheide anschließend das beobachtete Muster von seinen möglichen Erklärungen.
Inhalte für die Datenstory-Präsentation vorbereiten
Zwei Diagramme vergleichen dieselben Transportoptionen anhand unterschiedlicher Einheiten. Gib Quelldaten, Zeiträume und Einheiten ausdrücklich an, bevor du eine Empfehlung aussprichst.
Formuliere eine Frage und bereite die Werte, Einheiten, Daten, Quellen und Unsicherheiten vor, die zu ihrer Beantwortung erforderlich sind. Entscheide vor der Wahl der Diagrammtypen, welche Vergleiche zulässig sind.
Aus dem Prompt
Formuliere eine Frage, zeige vergleichbare Werte, erläutere Unsicherheiten und empfehle eine Entscheidung.
An dein Projekt anpassen
Verwende für [PROJECT] [APPROVED_CONTENT] als Quelle für diese Datenstory-Präsentation. Formuliere eine Frage und bereite die Werte, Einheiten, Daten, Quellen und Unsicherheiten vor, die zu ihrer Beantwortung erforderlich sind. Entscheide vor der Wahl der Diagrammtypen, welche Vergleiche zulässig sind. Ermittle fehlende Eingaben, bevor du sie durch Demonstrationsinhalte ersetzt.
Das Diagramm eigenständig verständlich machen
In der unteren Reihe stehen die Unsicherheitsbereiche neben der vorgeschlagenen Wahl. Überprüfe, ob die Empfehlung diese Bereiche berücksichtigt, statt sich ausschließlich auf den niedrigsten zentralen Schätzwert zu stützen.
Ein Screenshot des Diagramms muss genügend Beschriftungen enthalten, um Messgröße, Zeitraum und Unsicherheit erkennen zu können. Sein Titel darf keine Kausalität behaupten, die sich durch die Belege nicht stützen lässt. Prüfe Achsen, fehlende Werte und Bezugsgrößen. Ein visuell dramatischer Unterschied muss im richtigen Verhältnis zu den tatsächlichen Daten bleiben, und Empfehlungen sollen ungelöste Unsicherheiten berücksichtigen.
Aus dem Prompt
Halte Achsen, Einheiten, fehlende Werte und Quelldaten sichtbar.
An dein Projekt anpassen
Prüfe die Datenstory-Präsentation anhand dieser Anforderung: Halte Achsen, Einheiten, fehlende Werte und Quelldaten sichtbar. Prüfe Achsen, fehlende Werte und Bezugsgrößen. Ein visuell dramatischer Unterschied muss im richtigen Verhältnis zu den tatsächlichen Daten bleiben, und Empfehlungen sollen ungelöste Unsicherheiten berücksichtigen. Bewahre genehmigte Inhalte und überarbeite nur die Teile, die diese Prüfung nicht bestehen.
Prüfe das Ergebnis deiner Datenstory-Präsentation
Ein generiertes Bild kann weder eine vollständige Präsentation noch deren Belege validieren. Teste jede Folie, die Tastaturnavigation, das Drucklayout und jede exportierte Datei separat.
- Prüfe Achsen, fehlende Werte und Bezugsgrößen. Ein visuell dramatischer Unterschied muss im richtigen Verhältnis zu den tatsächlichen Daten bleiben, und Empfehlungen sollen ungelöste Unsicherheiten berücksichtigen.
Anschluss-Prompt
Verwende dies nach dem ersten Ergebnis. Dadurch wird die Überarbeitung auf den wichtigsten Teil dieser Aufgabe eingegrenzt.
Verfeinere die aktuelle Präsentation der Datenstory. Prüfe Achsen, fehlende Werte und Bezugsgrößen. Ein visuell dramatischer Unterschied muss im richtigen Verhältnis zu den tatsächlichen Daten bleiben, und Empfehlungen sollen ungelöste Unsicherheiten berücksichtigen. Bewahre die genehmigten Inhalte und die visuelle Richtung; ändere nur die Teile, die zur Behebung dieser Probleme erforderlich sind.
