Freigeben über

Entwerfen Viva Connections Schnellansichten

  • Artikel

Grundsätze

Erstellen Sie Schnellansichten, um etwas detailliertere Informationen (z. B. eine detaillierte Liste mit Daten) bereitzustellen oder schnelle Aufgaben (z. B. ein einfaches Formular) auszuführen, ohne eine App zu öffnen.

Hier sind einige Beispiele für Schnellansichten:

Screenshot verschiedener Beispiele für Schnellansichten.

Tipp

Beispieldesigns für adaptive Karten für die Schnellansichten sind über GitHub verfügbar.

Die Schnellansicht funktioniert plattform- und formfaktorübergreifend basierend auf einem einzelnen JSON-Code. Dies führt zu bestimmten Einschränkungen hinsichtlich der verfügbaren Gestaltung und Platzierung von Steuerelementen. Sie sollten keinen identischen oder pixelgenauen Vergleich einer Schnellansicht erwarten, die im Web/iOS oder Android gerendert wird.

Tipp

JSON ist ein offenes Standarddateiformat und Datenaustauschformat, das lesbaren Text zum Speichern und Übertragen von Datenobjekten verwendet, die aus Attribut-Wert-Paaren und Arrays (oder anderen serialisierbaren Werten) bestehen. Es handelt sich um ein allgemeines Datenformat mit einer Vielzahl von Funktionen im Datenaustausch, einschließlich der Kommunikation von Webanwendungen mit Servern. JSON ist ein sprachunabhängiges Datenformat. Es wurde von JavaScript abgeleitet, aber viele moderne Programmiersprachen enthalten Code zum Generieren und Analysieren von JSON-Formatdaten. JSON-Dateinamen verwenden die Erweiterung JSON.

Layout

Screenshot einer Karte mit Schwerpunkt auf dem Kopf- und Inhaltsbereich, der Container, Elemente und Eingaben enthält.

  1. Kopfzeile
    1. Schnellansicht schließen
    2. Kartenname, definiert durch den Titel der Dashboardkarte
    3. Öffnen einer verknüpften App (optional)
  2. Inhaltsbereich – bildlauffähig, kann die folgenden Elemente enthalten, die durch das Schema adaptiver Karten definiert werden:
    1. Container
      1. Container
      2. ImageSet
      3. FactSet
      4. ColumnSet
      5. Tabelle
    2. Elemente
      1. TextBlock
      2. RichTextBlock
      3. Bild
      4. Medien
      5. ActionSet
    3. Eingaben
      1. Input.Text
      2. Input.Date
      3. Input.Time
      4. Input.Number
      5. Input.ChoiceSet
      6. Input.Toggle

Interaktion

Schnellansichten sind unabhängig von der restlichen zugrunde liegenden Benutzeroberfläche vertikal bildlauffähig und sollten keinen horizontalen Bildlauf ausführen.

Zurück-Reihen

Vermeiden Sie zu viele Navigationsebenen in der Schnellansicht. Es empfiehlt sich, diese einfach zu halten, damit Benutzer ihre Aufgabe schnell erledigen können.

Sie können aus der übergeordneten Schnellansicht zwar mehrere untergeordnete Schnellansichten öffnen, es wird jedoch empfohlen, nicht mehr als eine Ebene nach unten zu navigieren.

Bewegtes Bild zum Zugriff auf die Registrierungsformularaufgabe, die zur Registrierungs-FAQ-Karte führt.

Schnellansichten im Vergleich zu Webansichten

Obwohl sie visuell ähnlich sind, sind sie zwei unterschiedliche Oberflächen für unterschiedliche Anwendungsfälle.

Screenshot der Registrierungsformularkarte und einer Webbrowser-Registerkarte von Microsoft dot com.

Schnellansicht

Diese Benutzeroberfläche wird mit JSON-Code erstellt. Dient als Mittel, um schnelle Aktionen auszuführen oder einfache Formulare auszufüllen oder weitere Informationen mit schnelleren Ladezeiten im Vergleich zu einer Webseite zu rendern, die über die Webansicht aufgerufen wird.

Webansicht

Kann verwendet werden, um Webseiten mit allem zu laden, was sie anbieten können, einschließlich komplexerer Layouts und besserer Formatvorlagen, kann viel langsamer geladen werden als eine Schnellansicht.

Jede auf Mobilgeräten geöffnete Webseite wird in einer Webansicht gerendert, während sie eine neue Browserregisterkarte sein wird, wenn sie auf SharePoint geöffnet wird.

Design

Web

Schnellansichten folgen standardmäßigen und benutzerdefinierten, vom Unternehmen erstellten SharePoint-Designs.

Screenshot, der zeigt, wie eine auf Webseiten angezeigte Karte im hellen Modus und im dunklen Modus angezeigt wird.

Mobilgeräte

Derzeit werden dunkle Designs für Schnellansichten unter iOS und Android Mobile nicht unterstützt.

Screenshot, der zeigt, wie eine Karte, die auf einem Mobilgerät angezeigt wird, im Hell- und im Dunkelmodus angezeigt wird.

Für einige Karten werden Sie Links zu URLs verwenden. Je nach Speicherort des Inhalts können Links zu URLs Inhalte in Microsoft Teams oder an anderer Stelle anzeigen, und das Single Sign-On-Verhalten kann abweichen. Erfahren Sie mehr darüber, wie sich Links zu URLs und SSO je nach Speicherort des Inhalts verhalten, auf den Sie eine Verknüpfung erstellen. Weitere Informationen