Neues Editor-Design
Kurzübersicht
Der Editor hat jetzt ein neues Design. Unser Ziel war es, die alte Benutzeroberfläche optisch ansprechender, benutzerfreundlicher und intuitiver zu gestalten. Außerdem wollten wir, dass sie zu den anderen WalkMe Anwendungen passt.
Dieser Artikel behandelt die wichtigsten Änderungen im neuen Design.
Was neu ist
Änderungen auf übergeordneter Ebene
Top-Änderungen im Editor
- Statussymbol, Wiedergabe-/Build-Modus, Header und Suche haben alle ein neues Design.
- Das Switch-System wurde verschoben und neu gestaltet.
- Um zum Build im mobilen Web zu wechseln, klicken Benutzer jetzt in der oberen rechten Ecke auf ihren aktuellen Systemnamen.
- Geringfügige UI-Änderungen der Home Line
- Dropdown „All items“ entfernt
- Neue Filteroption wurde hinzugefügt – nach Elementtyp
Änderungen in der Editor-Fußzeile
- Fußzeilentasten entfernt:
- Vorschau (wird jetzt nur noch angezeigt, wenn Elemente ausgewählt sind)
- Anpassen (jetzt über das Einstellungssymbol in der oberen rechten Ecke verfügbar)
- Lösungen (in das Menü „Erstellen“ unter das blaue Pluszeichen verlagert)
- Menü (jetzt im Menü „Apps“ in der oberen rechten Ecke verfügbar)
- Vorschau (wird jetzt nur noch angezeigt, wenn Elemente ausgewählt sind)
- Neuer Look und neue Funktionalität für die Schaltfläche Create +
- Sie können sie jetzt auch zum Einrichten von Ordnern und Segmenten verwenden.
- Nicht mehr nach Elementtyp gefiltert
- Ausnahmen: Shield, Engaged Element, Element Library
Menü WalkMe Apps
Das neue WalkMe Apps-Menü bietet einen zentralen Ort zum Zugriff auf Ihre WalkMe-Apps, unterteilt in die folgenden Kategorien: Apps, Daten, Admin
Zuvor waren mehrere über das Optionsmenü verfügbar.
Schaltfläche Create +
Die überarbeitete Schaltfläche Create + ähnelt der alten, allerdings mit einigen wesentlichen Änderungen:
- Sie können jetzt jeden Elementtyp über die Schaltfläche + erstellen, auch wenn Sie nach bestimmten Elementtypen filtern.
- Es wurden zwei neue Create-Optionen hinzugefügt: „Neuer Ordner“ und „Segment“
- Diese Ergänzungen ersetzen keine bestehenden Create-Methoden an anderen Stellen.
- Die Liste wurde vereinfacht und bestimmte Namen wurden geändert.
- „Resources“ wurden durch intuitivere Optionen ersetzt: „Video“ und „Artikel“
- „ShoutOuts“ wurde für einen einfacheren Zugriff, ohne mit dem Mauszeiger darüber fahren zu müssen, in „ShoutOut“ und „ShoutOut Classic“ unterteilt.
Elemente erstellen und umbenennen
Die Pop-ups für die Benennung und das Umbenennen eines Elements wurden aktualisiert.
Wenn der Name bereits vergeben wird, wird jetzt eine Fehlermeldung angezeigt.
Segmente zuweisen
Das vorhandene Pop-up wurde aktualisiert, um es an das neue Design des Editor-Startbildschirms anzupassen.
Es wurde eine Beschreibung hinzugefügt, die anzeigt, dass mehrere einem Element zugewiesene Segmente unter sich eine „Oder“-Beziehung haben.
Profil/User-Menü
Das Benutzermenü ist ein neues Konzept, das den Buildern ein personalisierteres Erlebnis bieten soll.
Im User Menu können Benutzer auf Aktionen und Informationen zugreifen, die auf ihr spezifisches Benutzerprofil zugeschnitten sind.
Zuvor wurden viele dieser Optionen im Editor-Optionsmenü gefunden.
Einstellungsmenü
Das Menü „Einstellungen“ dient als zentraler Hub für alle Konfigurationen im Editor, einschließlich der globalen Systemeinstellungen.
Im vorherigen Design wurden diese Einstellungen an verschiedenen Stellen im Editor, in der Fußzeile, im Header und im Optionsmenü gefunden. Für eine bessere Benutzererfahrung haben wir sie alle an einem Ort zusammengefasst.
Mehrere bemerkenswerte Änderungen:
- Integrations wurde vom Dropdown-Menü „All Items“ in das Settings Menu verschoben. Wir erachten sie als globale Einstellungen auf Systemebene, was zu dieser Neupositionierung geführt hat.
- Die Funktion, die zuvor als „Customize“ bekannt war und sich in der Fußzeile des Editors befand, wurde ins Settings Menu verschoben und wird jetzt als „Customize content style“ bezeichnet.
- Wir haben den direkten Link zum Snippet-Bildschirm entfernt. Stattdessen können Benutzer über das Settings Menu auf die „System settings“ zugreifen und finden dort die neue Registerkarte Snippet.
- Onboarding-Einstellungen, die zuvor nur über das Dropdown-Menü „All Items“ verfügbar waren, wenn ausschließlich Onboarding angezeigt wurde, sind jetzt im Settings Menu zu finden. Diese Änderung ermöglicht es Benutzern, unabhängig von der Filterung ihrer Item-Liste auf diese Einstellung auf Systemebene zuzugreifen.
Filter
Die Filter blieben abgesehen von einem größeren Upgrade unverändert: Benutzer können jetzt auch nach Elementtyp filtern.
Dies ersetzt die Funktionalität des alten Dropdowns „All Items“.
Damit entsteht auch eine neue Funktionalität, mit der Sie mehr als einen Elementtyp in der Liste anzeigen können.
Benutzer können jetzt z. B. ausschließlich Smart Walk-Thrus und Launchers zusammen ansehen.
preview
Die Vorschau wird jetzt nur angezeigt, wenn ein Element oder mehrere Elemente ausgewählt sind.
Zuvor war die Option zur Vorschau veröffentlichter Inhalte nur verfügbar, wenn keine Items in der Liste ausgewählt wurden. Wir haben diese Funktion verbessert, indem wir genauere Erklärungen bereitstellen und sie in die Vorschauoptionen integrieren, die bei Auswahl von Elementen angezeigt werden.
Menü „All Items“
Die folgenden Apps waren zuvor nur oder hauptsächlich über das Menü „All Items“ verfügbar:
- ActionBot
- Shield
- Engaged Elements
- Element-Bibliothek (Element Library)
- Search Integration (Suchintegration)
- Live Chat
- Help Desk
Diese Apps sind jetzt entweder über das Menü „WalkMe Apps“ oder das Menü „Settings“ verfügbar.
Bildschirme für die Elementeinstellung
In dieser Phase haben wir die neuen aktualisierten Bildschirme für SmartTip-Sets, Smart Walk-Thrus, Onboarding-Aufgaben, Shuttles, Artikel und Videos veröffentlicht.
- Die Registerkarten für die Einstellungen wurden von der linken nach oben verschoben
- Registerkarten wurden gruppiert
- Der Header ist jetzt der Teil der Elementerstellung
- Die Fußzeile ist der Finalisierung und Fehlerbehebung gewidmet
- Notizen hatten früher eine eigene Registerkarte, sie wurde durch das Add+-Symbol in der oberen rechten Ecke ersetzt
SmartTips Einstellungen festlegen
Vorher:
Danach:
Smart Walk-Thrus-Einstellungen
Vorher
- Ziele haben ihre eigene Registerkarte
- Die Registerkarte „Anzeigebedingungen“ enthält die Segmentierung und die Möglichkeit, die Anzeigebedingungen für das Menü von hier aus zu erstellen
- Das Suchranking hat seine eigene Registerkarte
- Die erweiterten Einstellungen enthalten nur das Feld für die Eingabe benutzerdefinierter Daten
Danach
- Ziele und Meilensteine wurden auf der neuen Registerkarte Verhalten verschoben
- Die Segmentierung erfolgt jetzt über die Registerkarte Appearance Conditions
- Die Anzeigebedingungen für das Menü wurden in den Bereich Initiators verschoben
- Suchranking/-optimierung und Schlüsselwörter wurden auf die Registerkarte Erweiterte Einstellungen verschoben
Onboarding-Aufgaben
Vorher:
Alle Einstellungen, die als Umschalter auf einem einzigen Bildschirm angezeigt werden
Die Einstellungen sind in separaten Registerkarten organisiert:
- Behavior (Verhalten)
- Erscheinungsbedingungen
- Erweiterte Einstellungen
Artikel
Vorher:
Alle Einstellungen werden über den Erstellungsbildschirm vorgenommen
In separaten Registerkarten organisierte Einstellungen:
- Behavior (Verhalten)
- Erscheinungsbedingungen
- Erweiterte Einstellungen (Suche und Schlüsselwörter)
Videos
Vorher:
Alle Einstellungen werden über den Erstellungsbildschirm vorgenommen
Danach:
In separaten Registerkarten organisierte Einstellungen:
- Behavior (Verhalten)
- Erscheinungsbedingungen
- Erweiterte Einstellungen (Suche und Schlüsselwörter)
Shuttles
Vorher:
Alle Einstellungen werden über den Erstellungsbildschirm vorgenommen
Danach:
In separaten Registerkarten organisierte Einstellungen:
- Behavior (Verhalten)
- Erscheinungsbedingungen
- Erweiterte Einstellungen (Suche und Schlüsselwörter)
Temporäre Änderungen
Im neuen Design wird Folgendes vorübergehend angezeigt:
- Open browser state
- Upgrade now
„Browser öffnen“ und Upgrade-Optionen haben ein neues Design, jedoch ohne Änderung der Funktionalität oder Logik.
Editor-Symbole
Element-Zustände
Vorher:
- Element-Symbol in Kombination mit der Farbe, die den Zustand anzeigt (veröffentlicht/nicht veröffentlicht)
- Segment-Symbol links
Danach:
- Das Element-Symbol und der Statusindikator sind getrennt. Die Farbe des Status-Symbols wurde auf eine Farbe aus der barrierefreien Palette geändert
- Segment-Symbol nach rechts verschoben
Statusanzeige
Vorher:
- Veröffentlicht: Element-Symbol in grün
- Veröffentlicht und geändert: Element-Symbol in grün mit Sternchen
- Entwurf: Element-Symbol in orange
- Archiviert: Element-Symbol in grau
Danach:
Element-Symbole (alt vs. neu)
Launcher
Smart Walk-Thru Walk-Thru (alt)
SmartTip
ShoutOut
Resources
Resources (Artikel)
Resources (Video)
Onboarding-Aufgabe
Shuttle
Survey
Shield
Engaged Element
Benachrichtigung