App-Designrichtlinien

Das Entwerfen effektiver und benutzerfreundlicher Power Apps ist für die Erstellung wirkungsvoller Geschäftslösungen unerlässlich. Dieses Handbuch enthält bewährte Methoden und Empfehlungen für das Entwerfen von Power Apps, die sich auf moderne Steuerelemente, Formularentwurf, Containernutzung, Katalogoptimierung und das Erstellen wiederverwendbarer Komponenten konzentrieren.

Moderne Steuerelemente

Moderne Steuerelemente in Canvas-Apps stellen einen erheblichen Fortschritt bei der Entwicklung und Gestaltung von Benutzeroberflächen innerhalb des Microsoft-Ökosystems dar. Basierend auf dem Fluent Design System von Microsoft sind diese Steuerelemente so konzipiert, dass sie eine schnelle, leistungsorientierte und barrierefreie Benutzererfahrung bieten und gleichzeitig eine nahtlose Integration mit Themenfähigkeiten gewährleisten. Die Einführung dieser Steuerelemente, einschließlich Registerkartenlisten, Statusleisten, Infoschaltflächen, Drehfeld und mehr, unterstreicht eine strategische Umstellung auf die Erstellung intuitiver, reaktionsfähiger und visuell ansprechender Anwendungen. Durch die Verwendung dieser modernen Steuerelemente können Entwickler auf einfache Weise anspruchsvolle Benutzeroberflächenelemente implementieren, die sowohl ästhetisch ansprechend als auch funktionell reich sind, um das allgemeine Benutzerengagement und die Zufriedenheit zu verbessern.

Das inhärente Design dieser Steuerelemente unter Berücksichtigung von Themen ermöglicht ein einheitliches und konsistentes Look and Feel über Anwendungen hinweg, wodurch der Aufwand bei der Anpassung und dem Branding von Apps erheblich reduziert wird. Die Möglichkeit, die Stile aller Steuerelemente basierend auf dem festgelegten Design automatisch zu aktualisieren, vereinfacht den Entwurfsprozess und stellt sicher, dass Anwendungen visuell einheitlich bleiben. Dieser Ansatz richtet sich an die Bedürfnisse moderner Unternehmen, die die Markenkonsistenz beibehalten möchten, während sie hochwertige digitale Erfahrungen bieten. Die modernen Steuerelemente betonen auch die Barrierefreiheit und Leistung, um sicherzustellen, dass Anwendungen von einer breiten Palette von Zielgruppen verwendet werden können, einschließlich derjenigen mit Behinderungen, die sich an inklusiven Designprinzipien orientieren. Daher sind die modernen Steuerelemente in Canvas-Apps nicht nur eine Reihe von UI-Komponenten, sondern ein transformatives Toolset, mit dem Entwickler effizientere, wartungsfähige, barrierefreie und zusammenhängende Anwendungen erstellen können, die den sich entwickelnden Anforderungen von Unternehmen und Benutzern gleichermaßen entsprechen.

Formularentwurf und -richtlinien

In diesem Abschnitt finden Sie bewährte Methoden für das Entwerfen von Formularen in Power Apps, einschließlich organisieren, Wiederverwenden von Formularen, Formularmodi und Steuerelementplatzierung.

Organisieren Ihres Formulars

• Unterteilen Sie Das Formular in logische Abschnitte und gruppieren Sie verwandte Felder zusammen.
• Ziel ist es, Ihr Formular auf einem einzigen Bildschirm zu halten. Wenn das Formular lang ist, können Sie es auf mehrere Bildschirme, Schritte oder Registerkarten aufteilen.
• Verwenden Sie klare und einfache Sprache für Feldbeschriftungen und vermeiden Sie unbekannte Begriffe oder Jargon.
• Implementieren Sie Validierungsregeln, um die Datengenauigkeit sicherzustellen. Geben Sie für Pflichtfelder eindeutig an, dass sie erforderlich sind. Überprüfen Sie E-Mail-Adressen, Telefonnummern und andere Formate nach Bedarf.

Wiederverwenden von Formularen

• Verwenden Sie ein einzelnes Formular zum Erstellen neuer Datensätze, zum Bearbeiten vorhandener Datensätze und zum Anzeigen von Datensätzen im schreibgeschützten Modus.
• Verwenden Sie dasselbe Formular, um die Entwicklungs- und Wartungszeit zu reduzieren und gleichzeitig Konsistenz sicherzustellen.

Formularmodi

Legen Sie den Formularmodus dynamisch basierend auf Benutzeraktionen fest. Beispiel:

• Legen Sie beim Erstellen eines neuen Datensatzes das Formular auf den Modus "Neu" fest.
• Legen Sie beim Bearbeiten eines vorhandenen Datensatzes das Formular auf den Modus "Bearbeiten" fest.
• Legen Sie beim Anzeigen eines Datensatzes das Formular auf den Modus "Ansicht" fest.

Kontrollplatzierung

• Platzieren Sie verschiedene Steuerelemente (z. B. Katalog, Anzeigeformular und Bearbeitungsformular) auf separaten Bildschirmen, um sie zu unterscheiden.
• Kombinieren Sie diese Steuerelemente mit Formeln, um eine einheitliche Benutzeroberfläche zu erstellen.

Behälter

Wenn die Canvas-App wächst, um mehr Geschäftsszenarien zu behandeln, erhöht sich die Anzahl der Steuerelemente, und Sie müssen die Steuerelemente basierend auf ihrer Funktion organisieren. Eine Möglichkeit, dies zu tun, besteht darin, die Steuerelemente zu gruppieren. Das Gruppieren von Steuerelementen wird jedoch nicht immer empfohlen. Das Canvas-App-Steuerelement Container enthält eine Reihe von Steuerelementen und verfügt über eigene Eigenschaften.

Container funktionieren als leere Räume, in denen Sie Steuerelemente in Relation zur oberen linken Ecke des Containers einfügen und organisieren können. Sie können Container verschachteln, sodass Sie komplexere Layouts erstellen und verwandte Steuerelemente zusammen verwalten können.

Container sind tatsächliche Steuerelemente mit ihren eigenen Eigenschaften wie Width und BorderColor. Container wirken sich auf das App-Layout aus und helfen Screen-Leser-Benutzern, die Struktur der App zu verstehen.

Sie können zwar beliebige Steuerelemente in einer Gruppe hinzufügen, sie sollten jedoch nur logisch verwandte Steuerelemente in einem Container hinzufügen.

Durch das Organisieren von Elementen in Power Apps mithilfe von Gruppen kann der Benutzer gemeinsame Eigenschaften auf mehrere Elemente anwenden. Das Vornehmen einzelner Eigenschaftsänderungen innerhalb einer Gruppe erfordert möglicherweise manuelle Anpassungen. Gruppen sind aus Gründen der Barrierefreiheit nicht Teil der logischen Struktur einer App, da Screenreader sie nicht erkennen können. Die Unfähigkeit, Gruppen zu verschachteln, erschwert auch die Erstellung komplizierter Layouts.

Galeriedesign und Richtlinien

Mit dem Katalog-Steuerelement in Power Apps können Sie Daten anzeigen und mit ihnen interagieren. Beachten Sie beim Entwerfen von Katalogen die folgenden bewährten Methoden, um eine optimale Leistung und Benutzerfreundlichkeit sicherzustellen.

• Vermeiden Sie das Ändern von Katalogelementen innerhalb: Ändern Sie die Items Eigenschaft eines Katalogs nicht innerhalb der Ereignisse von untergeordneten Steuerelementen wie OnChange oder OnSelect. Diese Aktion kann zu unerwartetem Verhalten führen, insbesondere beim Umgang mit Steuerelementen, die Ereignisse auslösen, wenn sich ihre Werte ändern.

• Seien Sie vorsichtig bei ausgelösten OnChange-Steuerelementen: Seien Sie vorsichtig, wenn Sie Steuerelemente wie Kombinationsfeld, Datumsauswahl, Schieberegler oder Umschalten in Katalogen verwenden. Diese Steuerelemente lösen das OnChange Ereignis möglicherweise unerwartet aus, was zu potenziellen Problemen wie endlosen Schleifen führen kann.

• Bewerten sie die Auswirkungen auf die Leistung beim Patchen: Berücksichtigen Sie die Auswirkungen auf die Leistung beim Patchen oder Aktualisieren von Elementen in einem Katalog, insbesondere beim Umgang mit vielen Elementen. Patching kann langsam sein, und der Katalog lädt möglicherweise alle Elemente neu, was sich auf die Leistung auswirkt.

• Handle unendliche Schleifen mit Sorgfalt: Wenn beim Ändern von Galeriedaten Ereignisse ausgelöst werden, die zu unendlichen Schleifen führen, verwenden Sie moderne Steuerelemente oder Steuerelemente, die OnChange nicht auslösen, wenn sich ihre Daten ändern, um die Schleife zu unterbrechen.

• Vermeiden Sie geschachtelte Kataloge: Geschachtelte Kataloge können zu Leistungsproblemen und komplexen Datenbindungen führen. Vermeiden Sie wenn möglich das Verschachteln von Galerien. Versuchen Sie stattdessen, Ihre Datenstruktur zu entwerfen und Funktionen auf optimierte Weise zu verwenden.

• Verwenden Sie flexible Höhenkataloge: Kataloge mit fester Höhe können die Sichtbarkeit von Inhalten einschränken, insbesondere beim Umgang mit dynamischen Daten. Verwenden Sie flexible Höhegalerien, indem Sie die Height-Eigenschaft auf Parent.Height oder einen dynamischen Wert basierend auf Ihren Daten festlegen. Diese Einstellung stellt sicher, dass der Katalog seine Höhe an unterschiedliche Datenmengen anpasst.

  

• Optimize data loading: Wenn Sie das Laden von Daten in Power Apps optimieren, rufen Sie nur die erforderlichen Spalten in einem Katalog ab, anstatt das gesamte Dataset abzurufen.

  Hier ist ein Beispiel dafür, wie Sie diese Optimierung erreichen können. Angenommen, Sie haben eine Sammlung namens ProductSales mit mehreren Spalten, aber Sie möchten nur die Spalten "ProductName" und "QuantitySold" in einer Galerie anzeigen.

  // Collection named ProductSales with sample sales data
  
  ClearCollect(ProductSales, 
      Table(
          { ProductName: "Phone", UnitPrice: 499.99, QuantitySold: 100 },
          { ProductName: "Laptop", UnitPrice: 999.99, QuantitySold: 50 },
          { ProductName: "Tablet", UnitPrice: 299.99, QuantitySold: 75 }
      )
  )
  
  // Bind the gallery to display only the "ProductName" and "QuantitySold" columns
  
  Gallery1.Items = ShowColumns(ProductSales, ProductName, QuantitySold)
  

Weitere Informationen zu den bewährten Praktiken der Galerie.

Erstellen wiederverwendbarer Komponenten mit Power Apps Component Framework (PCF)

Mit Power Platform können Sie wiederverwendbare Komponenten über das Power Apps Component Framework (PCF) erstellen. Weitere Informationen finden Sie in Power Apps Component Framework overview.

Erwägen Sie die Erstellung von PCF-Komponenten in Power Apps für die folgenden Szenarien:

• Complex UI-Elemente: Sie müssen komplexe Benutzeroberflächenelemente oder Steuerelemente erstellen, die in den Standardsteuerelementen Power Apps nicht leicht verfügbar sind.

• Benutzerdefinierte Steuerelemente für bestimmte Anforderungen: Ihre App verfügt über bestimmte Anforderungen, die von den vordefinierten Steuerelementen nicht erfüllt werden, und Sie müssen benutzerdefinierte Steuerelemente erstellen, die auf Ihre Anforderungen zugeschnitten sind.

• Consistent user experience across apps: Sie möchten eine konsistente Benutzererfahrung über mehrere Power Apps oder Umgebungen hinweg aufrechterhalten, indem Sie bestimmte Funktionen innerhalb einer PCF-Komponente verkapseln.

• Wiederverwendbarkeit in apps: Sie erwarten, dass sie ein bestimmtes Funktions- oder Benutzeroberflächenelement in mehreren Apps wiederverwenden müssen. Durch das Erstellen einer PCF-Komponente können Sie diese einmal entwickeln und mehrfach verwenden.

• Implementing advanced logic: Sie müssen erweiterte Geschäftslogik oder Berechnungen implementieren, die über die Funktionen von Standardformeln oder Funktionen in Power Apps hinausgehen.

• Verbesserte Benutzererfahrung: Sie zielen darauf ab, die Benutzerfreundlichkeit insgesamt zu verbessern, indem Sie visuell ansprechende und interaktive Komponenten erstellen, die mit den Standardsteuerelementen nicht erreichbar sind.

Nächster Schritt