Mobile: So erstellen Sie ShoutOuts

Last Updated Juni 14, 2023

Download as PDF

Schritte zum Erstellen eines ShoutOuts

Aufbau des ShoutOut-Skeletts

Folgen Sie diesen Schritten, um das grundlegende Skelett Ihres ShoutOuts aufzubauen:

1. Wählen Sie eine der vorhandenen ShoutOut-Vorlagen aus der Vorlagengalerie aus, oder verwenden Sie die „Leere“ Vorlage;
2. Verwenden Sie den Kampagnenassistenten, um die Benutzeroberfläche des ShoutOuts anzupassen.
   • Altes WYSIWYG: Wenn das Canvas eines ShoutOuts so eingestellt ist, dass es eine Rückseite hat (in den Einstellungen des Canvaselements), wird das Verlassen des ShoutOut durch Antippen der Rückseite behandelt als CTA des Typs VIELLEICHT;
   • Neues WYSIWYG: Im neuen WYSIWYG wird jetzt die Rückseite als „Bildschirmüberlagerung“ bezeichnet. Wenn das Canvas eines ShoutOuts so eingestellt ist, dass es eine Bildschirmüberlagerung hat (in der Registerkarte SCREEN OVERLAY des Canvas-Objekts), wird das Verlassen des ShoutOuts durch Tippen auf die Bildschirmüberlagerung als Aktion behandelt, egal welchen Typ Sie auswählen.

Web-View-Objekte zu ShoutOuts hinzufügen

Der ShoutOut ist der wichtigste Kampagnentyp, bei dem Webansicht-Elemente verwendet werden. Webansichten in ShoutOuts können Webumfragen, Videos oder andere externe Ressources in der Benutzerschnittstelle der Host-App darstellen.

Ziehen Sie das Webansichten-Symbol aus dem Verzeichnis OBJEKTE an die Stelle, an der die Webansicht auf Ihrem Anwendungsbildschirm erscheinen soll.

Wenn Sie eine Webansicht hinzufügen oder anklicken, wird als Standardregisterkarte die Registerkarte FORMAT angezeigt, auf der Sie Folgendes tun können:

• Geben Sie die URL für die Webansicht ein, die in der Kampagne erscheinen soll und
• geben Sie eine Beenden-URL ein (die URL, die, wenn sie erreicht wird, dazu führt, dass die Kampagne automatisch beendet/geschlossen wird, ohne dass eine weitere Aktion des End-Users erforderlich ist):

  

Als Nächstes klicken Sie auf die Registerkarte GRÖSSE und POSITION, auf der Sie die Ebenenreihenfolge der Webansichten (ähnlich dem Z-Index), die Größe und die Einheiten sowie die Positionierung relativ zum Canvas-Objekt konfigurieren können:

Webansicht-Elemente unterstützen Google Forms-basierte Surveys und Streaming-Videos. Support für ein Inline-Video kann über ein S3-Skript bereitgestellt werden (fragen Sie beim WalkMe Mobile-Team nach).

Hinzufügen von Carousel Widgets zu ShoutOuts

Carousels sind Widgets oder komplexe Objekte, die aus anderen einfachen Objekten bestehen, von denen jedes konfiguriert werden kann. Carousel Widgets sind bestens für ShoutOuts geeignet, obwohl sie auch an anderer Stelle verwendet werden können (z. B. bei Surveys für eine bessere Benutzeroberfläche mit mehreren Fragen).

Ziehen Sie das Carousel-Symbol aus dem Verzeichnis OBJEKTE an die Stelle, an der das Carousel auf dem Bildschirm Ihrer Anwendung erscheinen soll.

Sie können nur ein Carousel-Objekt pro Camvas hinzufügen.

Haupt (Carousel) Widget-Konfiguration

Wenn Sie ein Carousel-Symbol hinzufügen oder darauf klicken, ist das Standardobjekt das Haupt-(Carousel)-Widget und die Standard-Registerkarte ist die Registerkarte FORMAT, auf der Sie die folgenden globalen Einstellungen konfigurieren können:

• Die Anzahl der Unterobjekte (Folien), die im Carousel erscheinen;
  • Die Standardzahl ist drei und die maximale Zahl ist zehn;
  • Sie können neue Folien auch über das Rechtsklickmenü oder durch Klicken auf die blaue Registerkarte auf der rechten Seite des Objekts hinzufügen:
    
    
• Ob die Folienindikatoren (Punkte am unteren Rand jeder Folie, die Ihnen anzeigen, auf welcher Folie Sie sich gerade befinden und wie viele Folien es insgesamt gibt) angezeigt werden sollen oder nicht;
  • Diese Indikatoren können angeklickt werden, um während des Erstellungsprozesses der Inhalte zwischen den Folien zu navigieren und für die End-User Ihrer App;
  • Sie können auch zwischen den Folien navigieren, indem Sie auf die blauen Flügel klicken, die auf der rechten und linken Seite einer Folie erscheinen, wenn Sie mit dem Mauszeiger über die Folie im Vorschaubildschirm fahren, oder indem Sie einfach auf ein Folienobjekt in der Baumstruktur OBJEKTE klicken.
• Soll die Navigation zwischen Folien durch Streichen auf dem App-Bildschirm erlaubt werden oder nicht:

  

Anschließend klicken Sie auf die Registerkarte GRÖSSE und POSITION, auf der Sie die Ebenenreihenfolge des Carousels (ähnlich dem Z-Index), die Größe und die Einheiten sowie die Positionierung relativ zum Canvas-Objekt konfigurieren können:

Unterobjekt (Folie)-Konfiguration

Sobald Sie mit der Konfiguration Ihrer globalen Carousel-Einstellungen fertig sind, klicken Sie auf eines der Unterobjekte (Foliensymbole), um Ihr individuelles Unterobjekt zu konfigurieren.

Da die Größe und die Positionseinstellungen der Folien im Carousel-Objekt konfiguriert sind, gibt es nur eine Registerkarte, die Registerkarte FORMAT, mit einem Abschnitt namens Folienhintergrundstil, in dem Sie Folgendes konfigurieren können:

• Die Hintergrundfarbe einer einzelnen Folie;
• Die Deckkraft (Sichtbarkeit) einer einzelnen Folie;
• Den Eckradius einer einzelnen Folie (desto höher der Eckradius um so abgerundeter sind die Ecken der Folie); und
• ob die einzelne Folie einen Rahmen hat, und wenn ja, die Randfarbe und den Radius:

  

Sie können ein anderes Objekt aus dem Verzeichnis OBJEKTE zu einer Folie hinzufügen. Versuchen Sie es!

Listen zu Ihren ShoutOuts hinzufügen

Listen-Widgets können nur in Kampagnen vom Typ ShoutOut verwendet werden.

Ziehen Sie das Listen-Symbol aus dem Verzeichnis OBJECTS (OBJEKTE) an die Stelle, an der die Liste auf dem Bildschirm Ihrer Anwendung erscheinen soll.

Listen, wie Carousels, sind Widgets oder komplexe Objekte, die aus anderen einfachen Objekten bestehen, von denen jedes konfiguriert werden kann:

Konfiguration des Hauptobjekts (Liste)

Wenn Sie eine Liste hinzufügen oder darauf klicken, ist das Standardobjekt das Hauptobjekt und die Standard-Registerkarte ist die Registerkarte FORMAT, auf der Sie die folgenden globalen Einstellungen konfigurieren können:

• Legen Sie im Abschnitt „Allgemeiner Textstil“ Folgendes fest:
  • Globale allgemeine Schriftart
  • Globale Schriftartgröße
  • Globale Farbe der Schriftart
  • Globale Textausrichtung und
  • Stil.
• Legen Sie im Abschnitt „List Items Style“ (Stil der Listenelemente) Folgendes fest:
  • Globale Hintergrundfarbe
  • Deckkraft (Sichtbarkeit)
  • Listenelementhöhe (die Höhe jedes Rechtecks, das den Listentext umschließt. Dies ist wichtig, wenn Sie zusätzliche Elemente zu Ihrer Liste hinzufügen und diese ohne Scrollen sichtbar sein sollen); und
  • ob es Trennungslinien zwischen den Unterobjekten gibt.
• Legen Sie im Abschnitt „Icon“ (Symbol) Folgendes fest:
  • Entscheiden Sie, ob neben jedem Listenelement ein Symbol erscheinen soll und wenn ja, welches:

    

Anschließend klicken Sie auf die Registerkarte FORMAT SECTIONS (FORMATABSCHNITTE), die für die Abschnitte gilt, die Sie Ihrer Liste hinzufügen. Hier können Sie die folgenden globalen Einstellungen konfigurieren:

• Legen Sie im Abschnitt „Section Title“ (Abschnittstitel) die globale Abschnitts-Schriftart, die Abschnitts-Schriftgröße, die Abschnitts-Schriftfarbe, die Abschnitts-Textausrichtung und den Stil für die gesamte Liste fest.
• Legen Sie im Abschnitt „Background“ (Hintergrund) die Hintergrundfarbe, die Deckkraftebene (Sichtbarkeit) und die Höhe des Abschnitts fest:

  

Zum Schluss klicken Sie auf die Registerkarte GRÖSSE und POSITION, auf der Sie die Ebenenreihenfolge (ähnlich dem Z-Index) der Liste (als eine Einheit), die Größe und die Einheiten, die Positionierung relativ zum Canvas-Objekt und die Listenelemente konfigurieren können:

Konfiguration des Unterobjekts (Listenelement)

Während drei Listenelemente und null Abschnitte die Standardeinstellung für Listen sind, können Sie über das Rechtsklickmenü oder durch Klicken auf die blaue Registerkarte rechts neben der Liste weitere Listenelemente und Abschnitte hinzufügen:

Sobald Sie mit der Konfiguration Ihrer globalen Listeneinstellungen fertig sind, klicken Sie auf eines der Unterobjekte (Listenelementsymbole), um Ihr individuelles Unterobjekt zu konfigurieren.

Es gibt nur eine Registerkarte, die Registerkarte FORMAT, von der Sie Folgendes konfigurieren können:

• Legen Sie im Abschnitt „Action“ eine Aktion fest, die auftritt, wenn ein End-User auf dieses einzelne Unterobjekt klickt;
  • Sehen Sie sich den Abschnitt Verfügbare Aktionen für Schaltflächen, Formen, Listen und Überlagerungen im neuen Artikel WYSIWYG an.
• Konfigurieren Sie im Abschnitt „Font“ (Schriftart) die Schriftfarbe des einzelnen Unterobjekts,
• Konfigurieren Sie im Abschnitt „Background“ die Hintergrundfarbe und die Deckkraft (Sichtbarkeit) des einzelnen Unterobjekts.
• Legen Sie im Abschnitt „Symbol“ fest, ob neben jedem Unterobjekt ein Symbol erscheinen soll, und wenn ja, welches Symbol, seine Größe und Positionierung:

  

Onboarding-Listen