WYSIWYG steht für „What You See Is What You Get“. Der Begriff beschreibt die sofortige und programmierfreie Erstellung von Inhalten. Er zielt in der Regel auf eine spezifische Benutzeroberfläche (UI) und Benutzererfahrung (UX) ab, die mit einem nahtlosen Workflow verknüpft ist. Die WYSIWYG-Oberfläche bietet eine Möglichkeit, das Erscheinungsbild des fertigen Inhalts während der Bearbeitung zu visualisieren und Änderungen sofort anzuzeigen.
Betrachtet man beispielsweise das Schreiben als eine Form der Inhaltserstellung, kommt man zu dem Schluss, dass das Schreiben für das Web meist aus der Kenntnis grundlegender HTML-Codes wie <b>Fettdruck oder verschiedener Formatierungstricks besteht. Ein auf WYSIWYG-Prinzipien basierendes System ermöglicht es dem Autor, Text direkt am Bildschirm einzugeben, und verschiedene Formatierungsoptionen werden exakt so angezeigt, wie er geschrieben hat, ohne dass zusätzlicher Code oder Tools erforderlich sind. Die Ausgabe sieht sofort genauso aus wie die endgültige Ausgabe und kann jederzeit veröffentlicht werden.
Ursprünge des Begriffs „WYSIWYG“
Die Ursprünge des Begriffs sind faszinierend und ebneten den Weg für moderne Betriebssysteme und Software, die wir heute als selbstverständlich betrachten. Die Anfänge von WYSIWYG gehen auf ein Programm namens Bravo für den Alto-Computer aus dem Jahr 1974 zurück und führten schließlich zur Entwicklung von Microsoft Word.
Dies war eine interessante Zeit in der Computertechnik, da selbst Betriebssysteme keine übersichtliche Benutzeroberfläche oder WYSIWYG-Elemente besaßen, wie sie heute zum Auswählen von Dateien, Suchen von Ordnern oder Installieren von Software benötigt werden. Sie erinnern sich vielleicht an DOS, ein Betriebssystem, das für solche Aufgaben vollständig auf Befehlszeilenschnittstellen angewiesen war und in den 1980er- und frühen bis mittleren 1990er-Jahren populär war.
Der Begriff wurde tatsächlich von der Frau des Xerox Alto-Designers Chuck Thacker geprägt (das erste Computersystem mit Mausschnittstelle). Als sie sah, wie auf einem Alto-Computer Bravo lief, fragte sie ihren Mann: „Du meinst, was ich sehe, ist das, was ich bekomme?“
Manche sagen, dass die Idee hinter WYSIWYG der Grund dafür war, dass Apple als Unternehmen überlebt hat.
„Der Mac überlebte, weil er der erste ernsthafte Versuch war, WYSIWYG auf einem kostengünstigen Computer umzusetzen“, so The Electric Light Company . „Die Umsätze stiegen sprunghaft an, als die Desktop-Publishing-Revolution begann und Designer Seiten auf ihren Bildschirmen sehen konnten, die denen aus dem Drucker sehr ähnlich waren.“
Eine WYSIWYG-Oberfläche sollte so gestaltet sein, dass sie dem Endbenutzer eine nahtlose und reibungslose Benutzererfahrung (UX) ermöglicht. Das Layout wird per Mausklick direkt auf dem Display erstellt, ohne dass Layoutbefehle oder Code auswendig gelernt werden müssen.
Beispiele für WYSIWYG-Software
WYSIWYG-Software gibt es in verschiedenen Varianten, je nach Zielsetzung und Zielgruppe der Content-Ersteller oder Entwickler. Viele traditionelle Desktop- und hochtechnische Apps bieten vereinfachte WYSIWYG-Varianten in Form von mobilen oder iPad-Apps an, um das Interesse neuer Nutzer zu wecken.
Auch moderne Textverarbeitungsprogramme basieren auf WYSIWYG-Methoden und reichen vom eigenständigen Microsoft Word bis hin zu cloudbasierten Google Docs. Ein Editor von CKSource namens CKEditor 5 arbeitet ebenfalls mit einer WYSIWYG-Oberfläche und lässt sich in andere webbasierte Software (auch Web-Apps genannt) integrieren. So können verschiedene Organisationen ihre Nutzer gezielt ansprechen, ohne dass diese Kenntnisse in Formatierung oder Code benötigen.
CKEditor 5 ermöglicht kollaboratives Bearbeiten in Echtzeit . Das bedeutet, dass Sie und Ihre Kollegen gleichzeitig in mehreren Teams an Projekten arbeiten können – und das alles innerhalb Ihrer webbasierten Anwendung mit integriertem Editor. Funktionen wie Änderungsverfolgung und Kommentare sind bereits enthalten, und der Editor lässt sich im WYSIWYG-Format an die Bedürfnisse des Unternehmens anpassen.
Man könnte argumentieren, dass Textverarbeitungsprogramme schon immer im WYSIWYG-Stil erstellt wurden, heute jedoch in die Cloud verlagert sind und sogar Online-HTML-Editoren tendenziell mit WYSIWYG-Visualisierungen arbeiten.
Vorteile von WYSIWYG-Schnittstellen
Software mit WYSIWYG-Prinzipien bietet viele Vorteile und spricht für die Arbeit mit WYSIWYG-Oberflächen. Neben der Benutzerfreundlichkeit und einem nahtlosen Erlebnis für die meisten nicht-technischen Benutzer beschleunigt es auch den gesamten Prozess der Inhaltserstellung.
Es gibt weniger Aufwand bei der Anpassung von Größe, Abmessungen, Code oder der Vorschau der Inhalte, bevor diese live oder in der finalen (veröffentlichten) Form angezeigt werden. Anpassungen sind in Echtzeit möglich, was die Arbeit deutlich schneller macht als mit Nicht-WYSIWYG-Editoren oder -Software.
Dies bedeutet auch, dass Unternehmen ihre Teams weniger in technischem Wissen und Programmierkenntnissen schulen müssen, um Software mit WYSIWYG-Oberfläche und UX zum Laufen zu bringen. Dadurch bleiben Zeit und Ressourcen für die eigentliche Arbeit frei, anstatt langfristig zu lernen, wie man sie erledigt.
Die Vorschau erfolgt sofort, sodass der Benutzer das Endergebnis sehen kann, ohne etwas kompilieren, Vorschauprogramme verwenden oder HTML-Inhalte veröffentlichen zu müssen, bevor er das Ergebnis sehen kann. Dies spart Zeit und reduziert den Aufwand herkömmlicher Methoden der Inhaltserstellung.
Warum WYSIWYG die Zukunft der Software ist
Betrachtet man die Geschichte der Computertechnik, so wurden die meisten Betriebssysteme und Software, die über lange Zeiträume aktualisiert wurden, mit der Zeit immer mehr WYSIWYG-orientiert. Wie bereits erwähnt, basierten Betriebssysteme früher auf Befehlszeilen, und Benutzer mussten sich diese merken, um auf Dateien zuzugreifen und das Betriebssystem zu bedienen. Heute werden sie entweder per Maus oder über Touchscreens gesteuert, um den sofortigen Zugriff auf das Betriebssystem zu ermöglichen.
Auch die Software – von Grafikdesignprogrammen wie Adobe Photoshop bis hin zu Website-Buildern und Texteditoren – wurde einfacher zu verwenden, schneller einsatzbereit und entspricht somit den WYSIWYG-Methoden und Schnittstellenstilen.
Wir können also davon ausgehen, dass die Entwicklung von Software und Computern eher der Idee von WYSIWYG folgt als der Funktionalität und dem Elitismus bei der Softwarenutzung und Inhaltserstellung. Je einfacher und verständlicher die Software für neue Nutzer ist, desto leichter fällt es ihnen, nach längerer Nichtbenutzung wieder einzusteigen. Und je mehr Nutzer sie anzieht, desto einfacher gestaltet sich der Onboarding-Prozess für Unternehmen.
Die Zukunft von Inhalten liegt größtenteils im WYSIWYG-Format. Die Textbearbeitung ist ein hervorragendes Beispiel dafür, wie sich die Inhaltserstellung im Laufe der Zeit zu dem modernen Stil entwickelt hat, den wir heute sehen. CKEditor demonstriert dieses Potenzial in der Praxis. Die neueste Version dieses Editors, CKEditor 5, ermöglicht nahtloses Kopieren und Einfügen, die Integration von Markdown in WYSIWYG-Prinzipien und das Einfügen von Bildern ohne umständlichen Code. Dies alles geschieht mit Bemaßungen oder anderen Positionierungsaspekten innerhalb des Textes, die mit nur einem Mausklick positioniert werden.
Mehr lesen: Quectel stellt das Smart-Modul SG882G mit Edge Computing für fortschrittliche IoT-Lösungen vor
Die Zusammenarbeit ist ein weiteres wichtiges Verkaufsargument dieses WYSIWYG-Editors , da er seinen Nutzern die Möglichkeit bietet, gleichzeitig mit anderen an Inhalten zu arbeiten. Nutzer, die in den anpassbaren Builds von CKEditor 5 angemeldet sind, können außerdem Kommentare im Inhalt hinterlassen, die Änderungen anderer, die daran arbeiten, synchron oder asynchron verfolgen und Änderungen mithilfe der Revisionsverlaufsfunktion sogar rückgängig machen .
Die Zukunft des Contents liegt in WYSIWYG. Wenn Sie es heute in Aktion erleben möchten, sehen Sie sich CKEditor 5 und seine Funktionen an. Kontaktieren Sie uns, um zu erfahren, wie sich unser WYSIWYG-Erlebnis in Ihre Software integrieren lässt, um einen nahtlosen und benutzerfreundlichen Textbearbeitungsprozess zu ermöglichen.