Freigeben über

Anforderungen für die Veröffentlichung von Microsoft Fabric-Elementen

In diesem Dokument werden alle Veröffentlichungsanforderungen für Microsoft Fabric-Elemente (workloadspezifische Artefakte) beschrieben.

Allgemeine Anforderungen

Allgemeine Anforderungen für Elementbenennung, Symbole und grundlegende Metadaten

1.1 – Element hat einen klaren Namen

Element muss über einen klaren, beschreibenden Anzeigenamen verfügen, der Benutzern hilft, den Zweck und den Typ zu verstehen. Sie können keine generischen Namen (z. B. KI, Agent,.. ) ohne Prä- oder Suffix verwenden, die die Spezialität, Ihr Unternehmen oder Produkt angeben.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

1.2 – Element hat ein klares Symbol

Element muss ein klares, erkennbares Symbol bereitstellen, das den Elementtyp auf der Fabric-Schnittstelle visuell darstellt.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

Dateitypsymbole bestehen aus einem Behälter und einem Fluent-Systemsymbol im Inneren. Es gibt drei generische Formen: vertikal, horizontal und quadratisch. Einige Innensymbole funktionieren in bestimmten Formen besser, also erkunden Sie, welche Form am besten ist.

Diese Rastervorlage zeigt die von uns verwendeten Größen an: 20 / 24 / 32 / 40 / 48 / 64. Für den Arbeitsbereich, die Arbeitsauslastung L2-Seite und die Karten verwenden wir die Größe 24x24px.

Das Innensymbol sollte innerhalb des Containers zentriert werden. Wenn ein Symbol aus nur/meistens Strichen besteht und mehr Gewicht benötigt, können Sie die Gewichtung auf 1,5px anpassen. Allgemeine Referenz für die Innensymbolgröße im Container:

  • 12px im 20px-Container
  • 14px im 24px-Container
  • 20px im 32px-Container
  • 24px im 40px-Container
  • 28px im 48px-Container
  • 36px im 64px-Container

Stellen Sie sicher, dass die Symbole im Inneren so zentriert wie möglich sind. Alle Symbole werden mit 1px-Strich gezeichnet, sofern nichts anderes angegeben ist. Das Elementsymbol muss den Richtlinien für die Erstellung von Symbolen für die Konsistenz auf der Fabric-Plattform entsprechen.

1.2.1 – Element verfügt über ein klares aktives Symbol

Element muss ein eindeutiges aktives Statussymbol bereitstellen, um anzugeben, wann das Element ausgewählt oder im Fokus ist.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

1.3 – Element hat einen klaren Titel im Menü "Erstellen".

Element muss im Menü "Erstellen" einen klaren Titel anzeigen, der dem Anzeigenamen des Elements zur Konsistenz entspricht.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

1.4 – Element verfügt über einen klaren Untertitel im Menü "Erstellen".

Element muss einen präzisen, informativen Untertitel im Menü "Erstellen" bereitstellen, das den Zweck oder die wichtigsten Features des Elements beschreibt.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

1.5 – Element kann im Menü "Neu" als Favoriten ausgewählt werden.

Element muss die Favoritierungsfunktionalität im Menü "Neu" unterstützen, damit Benutzer schnell auf häufig verwendete Elemente zugreifen können.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Elementerstellungsablauf

Anforderungen für die Elementerstellungserfahrung und die Arbeitsbereichintegration

2.1 – Erfahrung beim Erstellen von Elementen

Der Elementerstellungsablauf muss den Fabric-Entwurfsrichtlinien entsprechen, die eine konsistente, intuitive Benutzeroberfläche für Benutzer bieten.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

2.2 – Element kann im Creation Hub erstellt werden

Das Element muss für die Erstellung über den Fabric Creation Hub für die zentrale Elementerstellung verfügbar sein.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

2.3 – Element kann im Arbeitsbereichsmenü erstellt werden

Das Element muss für die Erstellung über das Arbeitsbereichsmenü "+Neu" zur Erstellung kontextbezogener Elemente verfügbar sein.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

2.4 – Plattformerstellungserfahrung ist konfiguriert

Die Elementerstellung muss die standardmäßige Benennungsoberfläche von Fabric verwenden (createItemDialogConfig in Product.json). Benutzerdefinierte Elementerstellungsabläufe sind veraltet; wenn sie verwendet werden, sollten sie die Generierung von Standardnamen vermeiden, um zu verhindern, dass Arbeitsbereiche unübersichtlich werden.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

2.5 – Element wird im Arbeitsbereich beibehalten

Erstellte Elemente müssen sofort gespeichert und im Arbeitsbereich sichtbar sein, nachdem die Erstellung abgeschlossen ist.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

2.6 – Element befindet sich im Multitaskingmenü und unterstützt das Verhalten.

Elemente müssen im Multitaskingmenü angezeigt werden und den Wechsel zwischen mehreren geöffneten Elementen nahtlos unterstützen.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

2.7 – Die Elementerstellung funktioniert unter *.powerbi.com und *.fabric.microsoft.com

Die Elementerstellung muss sowohl für powerbi.com als auch für fabric.microsoft.com Domänen für plattformübergreifende Unterstützung ordnungsgemäß funktionieren.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Menüband und Symbolleiste

Anforderungen für das Menüband des Element-Editors und die Symbolleiste nach Entwurfsrichtlinien

3.1 – Menüband des Element-Editors ist vorhanden

Der Element-Editor muss mit einer Menübandschnittstelle für eine einheitliche Benutzeroberfläche in Fabric implementiert werden. Dieses Menüband sollte alle Aktionen und Steuerelemente enthalten, die für die Elementbearbeitung erforderlich sind, und es muss oben über dem Canvas angeheftet sein. Die Registerkarten des Menübands können nicht zum Wechseln der Ansicht verwendet werden.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

Der Element-Editor muss mit einer Menübandschnittstelle für eine einheitliche Benutzeroberfläche in Fabric implementiert werden. Dieses Menüband sollte alle Aktionen und Steuerelemente enthalten, die für die Elementbearbeitung erforderlich sind, und es muss oben über dem Canvas angeheftet sein. Die Registerkarten des Menübands können nicht zum Wechseln der Ansicht verwendet werden.

3.2 – Menübandaktionen des Editors für Elemente werden an den Stilrichtlinien ausgerichtet.

Menübandaktionen des Elementbearbeiters müssen die Fabric UI-Schaltflächenkomponente im unauffälligen Zustand verwenden. Jede andere Komponente sollte maximal 32 px groß sein.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

Menübandaktionen des Elementbearbeiters müssen die Fabric UI-Schaltflächenkomponente im unauffälligen Zustand verwenden. Andere Komponenten sollten eine maximale Höhe von 32 px haben.

3.2.10 - QuickInfos im Menüband des Element-Editors – folgt der Stilrichtlinie

Tool-Tipps des Menübands müssen Fabric-Richtlinien für Inhalt, Anzeigedauer und Platzierung befolgen, um das Verständnis der Benutzer zu unterstützen.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX (Benutzererfahrung):

3.3 – Menüband des Element-Editors verfügt über eine Registerkarte "Start"

Das Menüband des Element-Editors muss die Registerkarte "Start" als primäre Editorseite enthalten. Auch muss es "Start" genannt werden und die erste Registerkarte im Menüband sein. Dies ist der erste Ort, an dem Benutzer beim Öffnen des Element-Editors landen. Registerkarten sind ausschließlich dazu da, das Menüband-Steuerelement zu wechseln und können nicht zum Wechseln des Zeichenbereichs verwendet werden.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

Das Element-Editor-Ribbon muss die Registerkarte "Start" als primäre Editorseite enthalten. Es muss auch als "Start" bezeichnet werden und die erste Registerkarte im Ribbon sein. Dies ist der erste Bereich, in dem Benutzer landen, wenn sie den Element-Editor öffnen.

3.4 – Menüband "Element-Editor" implementiert eine Schaltfläche "Speichern" / "AutoSpeichern"

Der Element-Editor sollte entweder explizite Speicherfunktionen oder AutoSpeichern bereitstellen, um Datenverluste zu verhindern.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
⚠^ Optional ⚠^ Optional

Referenzen:

Leitlinien:

UX:

Der Element-Editor sollte entweder eine Speicherschaltfläche oder autoSpeichern-Funktionalität für den Schutz von Benutzerdaten implementieren. Button ist nur Symbol.

3.6 - Menübandfarbe des Element-Editors – entspricht dem Styleguide

Die Menübandfarben müssen den Fabric-Gestaltungsrichtlinien entsprechen, mithilfe von genehmigten Farbtoken und Unterstützung durch Themen. Beispiel: Die Tabelle wechselt von Grau zu Rot, wenn sie auf Tabelle Dismiss umgestellt wird.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

3.7 - Typografie des Menübands "Element-Editor"; folgt den Stilrichtlinien

Die Typografie des Menübands muss Fabric-genehmigte Schriftarten, Größen und Gewichte verwenden, um eine konsistente Textanzeige zu gewährleisten.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Leitlinien:

UX:

3.8 - Erhöhung des Menübandes des Element-Editors – folgt dem Styleguide

Die Höhe des Menübands (Schatten/Tiefe) muss den Fabric-Richtlinien entsprechen, um eine ordnungsgemäße visuelle Schichtung zu gewährleisten.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

3.9 - Rahmenradius des Elementeditors im Menüband – folgt Stilrichtlinien

Der Radius der abgerundeten Ecken des Ribbons muss den Fabric-Richtlinien für ein einheitliches Design entsprechen.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

3.10 - Menübandabstand und Layouts des Element-Editors – folgt der Stilrichtlinie

Der Abstand und das Layout des Menübands müssen die von Fabric genehmigten Abstände, Ränder und Rastersysteme für visuelle Konsistenz verwenden.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

Der Menübandabstand und das Layout müssen fabric-genehmigte Abstände, Ränder und Rastersysteme verwenden, um die visuelle Konsistenz zu gewährleisten. Menübandabstand und Layouts der Schaltflächen: Wenn Schaltflächen nebeneinander platziert werden, dann 0px-Abstand verwenden. Beim Hinzufügen von Rahmenlinie zwischen Schaltflächen verwenden Sie 4px Abstand auf der linken und rechten Seite. Wenn unterschiedliche Komponenten platziert werden, z. B. dropdown, verwenden Sie 4px-Abstand dazwischen.

Canvas & Editor

Anforderungen für die Element-Canvas- und Editor-UI-Komponenten

4.1 - Canvas-Rahmen - folgt dem Styleguide

Das Format des Canvasrahmens muss den Fabric-Richtlinien für Farbe, Breite und Randradius entsprechen.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

Der Canvas-Rahmenstil muss den Fabric-Richtlinien für Farbe, Breite und Rahmenradius entsprechen. Canvas muss die richtigen Rahmenstile gemäß den Fabric-Designstandards umsetzen.

4.2 - Farben - folgt Stilrichtlinie

Canvasfarben sollten den Richtlinien für die Fabric-Formatvorlage entsprechen, indem semantische Farbtoken und Designunterstützung verwendet werden.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
⚠^ Optional ⚠^ Optional

Referenzen:

Leitlinien:

UX:

Canvasfarben sollten den Fabric-Stilrichtlinien folgen, indem semantische Farb-Token und Themenunterstützung verwendet werden. Canvasfarben müssen den Farbrichtlinien des Fabric-Entwurfssystems entsprechen, um die Konsistenz zu gewährleisten.

4.3 - Leere Status - folgt Stilrichtlinien

Wenn ein leerer Zustand vorhanden ist (empfohlen), sollten diese den Fabric-Richtlinien folgen und hilfreiche Nachrichten sowie klare Aktionen für Benutzer bereitstellen.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

Wenn ein leerer Zustand vorhanden ist (empfohlen), sollten die Fabric-Richtlinien befolgt werden, die hilfreiche Nachrichten und klare Aktionen für Benutzer bereitstellen. Canvas muss leere Zustände ordnungsgemäß implementieren, um Benutzer zu leiten, wenn kein Inhalt vorhanden ist.

4.4 - Linke Schublade - folgt dem Styleguide

Wenn die linke Schubladenleiste vorhanden ist, sollte sie die Fabric-Richtlinien für Breite, Animation und Inhaltsorganisation befolgen.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

Wenn das linke Schubladenpaneel vorhanden ist, sollte es den Fabric-Richtlinien für Breite, Animation und Inhaltsorganisation folgen. Der Zeichenbereich kann eine linke Schublade für zusätzliche Navigations- und/oder Werkzeuge verwenden.

4.5 - Untere Schublade - folgt Styleguide

Wenn das untere Schubladenpanel vorhanden ist, sollte es den Fabric-Richtlinien für Höhe, Animation und Inhaltsorganisation entsprechen.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

Wenn die untere Schubladenblende vorhanden ist, sollte sie den Fabric-Richtlinien zu Höhe, Animation und Inhaltsorganisation folgen. Das Canvas kann eine untere Schublade für zusätzliche Funktionalitäten integrieren.

4.6 - Reiter - folgt den Stilrichtlinien

Registerkartenkomponenten sollten Fabric-Richtlinien für Formatierung, Interaktion und Aktive Zustandsanzeige befolgen

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

Registerkartenkomponenten sollten Fabric-Richtlinien für Formatierung, Interaktion und Aktive Zustandsanzeige befolgen. Die Canvas kann Registerkarten zum Organisieren von Inhalten innerhalb des Editors implementieren.

4.7 - Schaltersteuerelemente - folgt Stilrichtlinie

Wenn Schalter-/Umschaltsteuerelemente vorhanden sind, sollten sie Fabric-Richtlinien für Größe, Farbe und Interaktionsverhalten befolgen.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

Wenn Schalter-/Umschaltersteuerelemente vorhanden sind, sollten sie Fabric-Richtlinien für Größe, Farbe und Interaktionsverhalten befolgen. Die Canvas implementiert möglicherweise Switch-Steuerelemente für die Umschaltfunktion.

4.8 - Canvas-Center-Steuerelement - folgt Stilrichtlinien

Das zentrale Schubladenfeld sollte die Fabric-Richtlinien für Breite, Animation und Inhaltsorganisation befolgen.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

Anforderungen für die Navigation zwischen Elementansichten und Ebenen

5.1 – Navigation auf mehreren Ebenen

Wenn eine mehrstufige Navigation zwischen Canvasebenen (L1 bis L2) verwendet wird, müssen die Fabric-Richtlinien für Übergänge, Breadcrumbs und Rückwärtsnavigation eingehalten werden.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

Anforderungen für Popupdialoge und modale Fenster nach Entwurfsrichtlinien

6.1 - Popup-Dialogfeld - folgt dem Styleguide

Wenn Popup-Dialogfelder verwendet werden, müssen sie Fabric-Stilrichtlinien für modales Verhalten, Hintergrund- und Entlassungsmuster befolgen.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

6.1.5 - Rahmenradius - folgt Stilführung

Dialograhmenradius muss Fabric-Richtlinien für einheitliche abgerundete Ecken-Formatierungen in Modalen befolgen

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

6.2 - Farbe - entspricht den Stilrichtlinien

Dialogfeldfarben müssen Fabric-Richtlinien befolgen, indem semantische Farbtoken für Hintergründe, Text und Rahmen verwendet werden.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

6.3 - Typografie - folgt den Stilrichtlinien

Die Typografie des Dialogfelds muss fabric-genehmigte Schriftarten, Größen und Hierarchien für Kopfzeilen, Textkörper und Aktionen verwenden.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

6.4 - Höhe - folgt Stilrichtlinie

Die Dialogebene muss den Fabric-Richtlinien folgen, um eine korrekte visuelle Schichtung über dem Seiteninhalt sicherzustellen.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

6.6 - Abstand und Layouts - folgt Stilrichtlinie

Der Dialogabstand und das Layout müssen Fabric-genehmigte Abstände, Ränder und Inhaltsorganisationsmuster verwenden.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

Leitlinien:

UX:

Weitere UX-Anforderungen

Weitere Anforderungen, einschließlich Überwachung, Einstellungen und Kontextmenüs

7.1 – Monitoring Hub-Integration

Element sollte optional in Fabric Monitoring Hub integriert werden, um Auftragsausführungs- und Leistungsdaten verfügbar zu machen.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
⚠^ Optional ⚠^ Optional

Referenzen:

7.2 – Aktionen im Arbeitsbereich müssen funktionieren

Wenn Aktionen im Arbeitsbereich verwendet werden, müssen alle Elementaktionen (Umbenennen, Löschen, Freigeben usw.) ordnungsgemäß funktionieren.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
✅ Erforderlich ✅ Erforderlich

Referenzen:

7.3 - Testerfahrung

Das Element sollte ein Beispiel oder eine Testversion bereitstellen, damit Benutzer Features erkunden können, bevor Sie sich zum Kauf verpflichten.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
⚠^ Optional ⚠^ Optional

Referenzen:

Leitlinien:

UX:

7.4 - Monetisierungserfahrung

Element sollte ein Beispiel oder eine Testversion bereitstellen, damit Benutzer Features erkunden können, bevor ein Commit erfolgt.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
⚠^ Optional ⚠^ Optional

Referenzen:

Leitlinien:

UX:

7.5 - Zu erledigende Arbeitsplätze

Element sollte Auftragstypen im Manifest definieren, um die Auftragsverfolgung und Die Integration der Überwachung zu ermöglichen.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
⚠^ Optional ⚠^ Optional

Referenzen:

7.6 – Elementeinstellungen werden verwendet

Element sollte den Einstellungsbereich für die Benutzerkonfiguration implementieren, unter Beachtung der Fabric-Muster.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
⚠^ Optional ⚠^ Optional

Referenzen:

7.7 – Benutzerdefinierte Elementaktionen

Element sollte benutzerdefinierte Aktionen für das Element im Arbeitsbereich definieren. Alle Aktionen müssen funktionieren, wenn sie definiert sind.

Phasenanforderungen:

Vorschau Allgemeine Verfügbarkeit
⚠^ Optional ⚠^ Optional

Referenzen:

Zusatzinformation

Versionsverlauf

Dieses Dokument wird automatisch generiert.

Generiert vom Microsoft Fabric Workload Validation System
© 2025 Microsoft Corporation. Alle Rechte vorbehalten.

  • Last updated on