Benutzeroberfläche

Die Symbolleiste und die Bereiche in der Optimizely Bearbeiten-Ansicht bieten bei der Arbeit mit Inhalten einen einfachen Zugriff auf die Funktionen. In der Bearbeiten-Ansicht finden Sie das Hauptmenü und die Symbolleiste ganz oben und anpassbare Bereiche links und rechts. Klicken Sie auf die grauen Bereiche auf dem Bild unten, dann erfahren Sie mehr über die verschiedenen Teile der Benutzeroberfläche.

Die Optimizely Benutzeroberfläche ist flexibel, sodass Entwickler benutzerdefinierte Funktionen bei der Umsetzung von Webseiten integrieren können. Diese Beschreibung bezieht sich auf Optimizely CMS ohne weitere individuelle Anpassungen.

Klicken Sie im Hauptmenü auf den Produktwechsler , um auf andere Bestandteile der Optimizely Plattform zuzugreifen. Außerdem haben Sie vom Hauptmenü aus Zugang zu anderen Bereichen von Optimizely CMS, den Live-Ansichten Ihrer Seiten, zu diesem Benutzerhandbuch, Ihren Benutzereinstellungen und einer globalen Suche.

Bild: Hauptmenü

Die Symbolleiste enthält Funktionen wie Vorschau und Ansicht-Optionen, und Sie können Elemente wie Seiten oder Blöcke hinzufügen.

Bild: CMS-Symbolleiste

Der Seiteninformationsbereich unter der Symbolleiste zeigt den Namen der Seite, den Pfad zur Seite und wann sie zuletzt automatisch gespeichert wurde. Wenn es möglich ist, die letzten Änderungen rückgängig machen, die Sie am Inhalt vorgenommen haben, gibt es auch einen Rückgängig machen-Link.

Bild: Seiteninformationsbereich

Unter der Symbolleiste kann eine Benachrichtigungs-Symbolleiste angezeigt werden, die Bestätigung, Fehlermeldungen und so weiter anzeigt.

Bild: Benachrichtigungs-Symbolleiste

Allgemeine Funktionen

  • Kontextsensitive Aktionen. Einige Funktionen stehen nur in bestimmtem Kontext zur Verfügung. Die Symbolleiste präsentiert (z. B.) relevante Aktionen, je nachdem, was Sie gerade machen, und die Schaltfläche Hinzufügen (+) bietet ebenfalls kontextsensitive Optionen.
  • Primäre Aktionen. Einige Aktionen öffnen sich in einem neuen Fenster, z. B. eine Seitenlöschbestätigung. Der Hintergrund ist dann abgeblendet, d.h. Sie müssen die primäre Aktion erst beenden, bevor Sie weitermachen können.
  • Aktions-Feedback und Benachrichtigungen. Erfolgreiche Aktionen werden durch eine Meldung in der Benachrichtigungsleiste bestätigt. Eine Benachrichtigung kann auch im Falle eines Fehlers erscheinen und Sie zum Handeln auffordern.
  • Drag-and-drop-Vorgänge. Drag-and-drop wird in vielen Bereichen unterstützt. Sie können z. B. Seiten, Mediendateien und Blöcke in den RTF-Bereich oder Inhaltsbereich ziehen oder die Seitenbaumstruktur mit Drag-and-drop neu ordnen.
  • Tooltips. Bewegen Sie den Mauszeiger über eine Schaltfläche oder ein Feld, wird ein kurzer Tooltip angezeigt.
  • Tastaturbefehle. Standard-Tastaturbefehle werden in vielen Bereichen unterstützt, z. B. wenn Sie Seiten im Seitenbaum oder im Rich-Text-Editor verschieben.
  • Suche. In vielen Bereichen unterstützt zur Lokalisierung von z. B. Seiten im Seitenbaum oder Medien in der Ordnerstruktur.
  • Anpassbare Arbeitsumgebung. Ändern Sie die Größe und befestigen Sie Bereiche, je nachdem, was Sie gerade machen. Fügen Sie Gadgets Ihrer Wahl hinzu oder entfernen Sie sie für den schnellen Zugriff auf Funktionen.
  • Unterstützung von Zeitzonen. Veröffentlichung von Aktionen in der Bearbeiten-Ansicht erfolgen in Ihrer lokalen Zeitzone, dagegen erfolgen administrative Aktionen basierend auf der Serverzeit.
  • Kontextmenüs gibt es in vielen Bereichen, z. B. in den Bereichen, im Seitenbaum und in Menüpunktlisten. Das Menü zeigt verschiedene verfügbare Optionen an, je nachdem wo Sie sich auf der Oberfläche befinden und was Sie gerade machen.

    Bild: Kontextmenüs in der CMS-Benutzeroberfläche

Bereiche

Die Benutzeroberfläche hat einen linken und einen rechten Fensterbereich, die angepasst und erweitert werden können mit zusätzlichen Gadgets.

Bild: Ausschnittbefestigung Bereichsbefestigung dient zur Erweiterung und Verriegelung von Bereichen in einer offenen Position.
Bild: Schaltfläche Einstellungen Mit Einstellungen für einen Bereich oder ein Gadget können Sie ein Gadget konfigurieren oder entfernen oder Gadgets in einem Bereich neu anordnen.

Linker Navigationsbereich

Enthält standardmäßig die Seitenbaumstruktur (Seiten), Sprachenzweig (Sites) Navigation, Aufgabenmanagement und Projektelemente (Projektelemente).

Bild: Navigationsbereich

Rechter Asset-Bereich

Enthält standardmäßig die Ordnerstrukturen für Medien und Blöcke. Ziehen Sie ein oder mehrere Elemente aus dem Asset-Bereich per Drag-and-drop in den Inhalt, an dem Sie gerade arbeiten.

Sie können auch mehrere Elemente innerhalb des Ressourcenbereichs ziehen und ablegen, und vom Kontextmenü oder mit Standard-Tastaturkürzel löschen, ausschneiden oder kopieren und einfügen. Alle nicht ausgewählten untergeordneten Ordner werden ebenfalls verschoben, kopiert oder gelöscht.

Wenn Sie mehrere Ordner auf verschiedenen Ebenen kopieren und einfügen, liegen sie beim Einfügen auf derselben Ebene.

Bild: Ressourcenbereich

Wenn Sie Optimizely Commerce oder Optimizely Forms installiert haben, werden im Asset-Bereich standardmäßig auch die Gadgets Kataloge und Formulare angezeigt.

Bearbeiten

Die Symbolleiste oben zeigt ein Aktionen-Menü mit kontextsensitiven Veröffentlichungsoptionen, die je nach Inhaltsstatus und Benutzerzugriffsrechten variieren. Während der Bearbeitung werden Daten zu Inhaltsstatus und Autosave angezeigt.

Bild: Menü Veröffentlichungsoptionen

Beim Arbeiten mit Inhalt wie z. B. Seiten und Blöcken in CMS oder Kataloginhalt in Commerce gibt es zwei Bearbeitungsansichten, Bearbeiten auf der Seite und Alle Eigenschaften, mit Schaltflächen, um zwischen den Ansichten zu wechseln.

Bild: Schaltfläche Bearbeiten auf der Seite Die Ansicht Bearbeiten auf der Seite bietet schnellen Zugriff auf direkte Bearbeitung einer Auswahl von Inhaltseigenschaften.
Bild: Schaltfläche „Alle Eigenschaften“ Die Ansicht Alle Eigenschaften bietet Zugriff auf alle verfügbaren Eigenschaften einschließlich erweiterter Eigenschaften wie Zugriffsrechte und Spracheinstellungen.

Beim Bearbeiten von Inhaltseigenschaften werden meist folgende Optionen beim Hinzufügen, Löschen oder Auswählen von Elementen aktiviert:

Bild: Schaltfläche „Hinzufügen“ Klicken Sie zur Auswahl (zum Beispiel eine Kategorie).
Bild: Schaltfläche „Durchsuchen“ Klicken Sie zur Wahl (eines Bildes in einem Medienordner, oder einer Seite im Seitenbaum).
Bild: Schaltfläche „Entfernen“ Klicken Sie zum Entfernen (z. B. einer Kategorie).

Echtzeitaktualisierungen

Optimizely ist standardmäßig so eingestellt, dass Projektkommentare und Änderungen an Projekten sofort in der Benutzeroberfläche angezeigt werden. Wenn Optimizely Probleme mit diesen unmittelbaren Updates hat, erscheint folgendes Dialogfeld.

Bild: Dialogfeld „Echtzeitaktualisierungen“

Das Dialogfeld Echtzeitaktualisierungen kann aus zwei Gründen erscheinen: Es erscheint, wenn Optimizely ein Netzwerkproblem hat und keine Verbindung zum Webserver herstellen kann, oder weil Ihr System das WebSocket-Protokoll nicht aktiviert hat, das für Echtzeit-Updates der Benutzeroberfläche verwendet wird.

Netzwerkprobleme

Netzwerkprobleme treten auf, wenn ein Fehler in der Webserver-Konfiguration vorliegt oder wenn es Probleme mit Ihrem Firmennetzwerk oder mit dem Internetanschluss gibt. Solange ein Problem vorliegt, können Sie nicht mit Optimizely weiterarbeiten.

Egal welcher Grund auch immer vorliegt, versucht Optimizely, die Verbindung mit dem Webserver wiederherzustellen. Wenn auch nach mehreren Versuchen keine Verbindung hergestellt werden kann, erhalten Sie folgende Fehlermeldung: „Der Server ist seit längerer Zeit nicht mehr erreichbar. Überprüfen Sie bitte die Internetverbindung und aktualisieren Sie den Browser.“

Wenn das Problem weiterhin besteht, wenden Sie sich an Ihre IT-Abteilung oder Ihren Internet-Dienstanbieter.

WebSocket-Support

WebSocket ist ein Internetprotokoll, das für automatische Updates von Optimizely Benutzeroberflächen verwendet wird.

Bei Verwendung der Funktion Projekte wird das WebSocket-Protokoll verwendet, um nach neuen oder aktualisierten Kommentaren und Projektelementen von anderen Benutzern zu suchen. Sobald einer Ihrer Kollegen einen Kommentar oder ein Projektelement hinzufügt, aktualisiert Optimizely automatisch Ihre Benutzeroberfläche und zeigt den Kommentar oder das Element an (vorausgesetzt, Ihre Projektschnittstelle ist offen).

Allerdings muss das WebSocket-Protokoll für Ihr System von einem Administrator aktiviert werden, damit die Echtzeit-Updates funktionieren. Wenn es deaktiviert ist, können Sie zwar noch mit Optimizely und mit Projekten und Kommentaren arbeiten, müssen aber manuell die Benutzeroberfläche mit der Schaltfläche Aktualisieren aktualisieren, um neue Kommentare oder Elemente zu sehen.

Je nach Systemkonfiguration bei deaktiviertem WebSocket-Protokoll können Sie das Dialogfeld Echtzeitaktualisierungen sehen oder nicht.

Meine Einstellungen

Unter Hauptmenü > Ihr Benutzername > Meine Einstellungen können Sie einige Ihrer Kontoeinstellungen ändern. Benutzername und Passwort werden in der Regel in einem externen System wie z. B. Windows oder einer SQL-Datenbank festgelegt und können in diesem Fall nicht in Optimizely geändert werden.

In Anzeigeoptionen finden Sie die folgenden Einstellungen:

  • Persönliche Sprache. Wählen Sie Ihre gewünschte Sprache für die Benutzeroberfläche aus der Drop-down-Liste aus. Diese Einstellung wirkt sich auf die Sprache der Benutzeroberfläche aus, z. B. Texte in Schaltflächen und Dialogfeldern. Sie hat keinen Einfluss auf die Sprache Ihrer Webseite.
  • Touchscreen-Support begrenzen. Bei Touchscreen-Geräten können die Browser Schwierigkeiten haben, zwischen Eingaben vom Bildschirm und von der Computermaus Prioritäten zu setzen, was dazu führen kann, dass es z. B. unmöglich ist, Bereichsgrößen mit der Computermaus zu ändern. Falls Sie Probleme mit Optimizely und dem Touchscreen haben, aktivieren Sie die Funktion Touchscreen-Support begrenzen. Diese Funktion priorisiert Mauseingaben vor Touchscreen-Eingaben und aktiviert die Computermaus für Interaktionen wie Drag-and-drop, Größenänderung von Bereichen und so weiter.

    Bild: Einstellung Touch-Support begrenzen

  • Alle Ansichten auf Systemstandard zurücksetzen. Sie können Ihre Benutzeroberflächen-Ansichten auf die Einstellungen zurücksetzen. Haben Sie Änderungen bei den Benutzeroberflächen haben, wie z. B. hinzugefügte, verschobene oder gelöschte Gadgets, werden diese Änderungen rückgängig gemacht und die Standardansichten angezeigt.

Add-ons

Ein Add-on ist ein von Optimizely oder Optimizely Partnern entwickeltes Plug-In oder Modul zur Erweiterung der Optimizely Funktionen. Ein Entwickler (oder jemand mit Zugriffsrechte) installiert die meisten Add-ons. Siehe Optimizely World für Installation, Konfiguration und Einzelheiten zum Customizing für jedes Add-on.

Wenn die Add-ons auf der Webseite installiert sind, können Sie einige davon als Gadgets zum Dashboard oder zur Navigation oder zum Asset-Bereich in der Bearbeiten-Ansicht hinzufügen.

Bild: Gadgets in der Benutzeroberfläche hinzufügen