(openPR) Überblick - Was ist SVG?
----------------
Die Abkürzung SVG steht für Scalable Vector Graphics (skalierbare Vektorgrafiken). Eingebunden in eine HTML-Seite, können Grafiken im SVG-Format praktisch in allen relevanten Webbrowsern dargestellt werden. Ob Smartphone oder Tablet, die SVG-Grafik passt sich an die Größe des Bildschirms an und nutzt den zur Verfügung stehenden Platz bestmöglich aus. Zusätzlich lassen sich SVG-Grafiken animieren und interaktiv gestalten.
Welche Eigenschaften machen SVG in mobiler Dokumentation so vorteilhaft?
----------------
• Sprachabhängige Texte in der SVG-Grafik können in nur einer einzigen Datei erstellt und verwaltet werden. Für jede Sprache gibt es einen eigenen Layer. Nach der Auswahl, in welcher Sprache die mobile Dokumentation angezeigt werden soll, wird automatisch der entsprechende Layer der SVG-Grafik aufgerufen. Das Beispiel aus der Sennheiser Documentation App zeigt, wie die Sprache ausgewählt wird. Anschießend steht die mobile Dokumentation in der gewünschten Sprache zur Verfügung – in Text und Bild.
• SVG-Grafiken sind ideal geeignet für die Darstellung auf mobilen Endgeräten, weil sie sich in ihren Abmessungen an jede Displaygröße anpassen. Selbst beim Zoomen auf hoch auflösenden Bildschirmen bleibt alles scharf.
• Aufgrund der Vektoreigenschaften benötigen SVG-Grafiken wesentlich weniger Speicherplatz als Pixelgrafiken. Dadurch bleiben die Ladezeiten kurz, auf die Inhalte der mobilen Dokumentation kann rasch zugegriffen werden.
• Texte lassen sich in die SVG-Grafik einbetten, wobei Schriftgröße und Schriftart definiert werden können. Weil der Text nicht in Pixel oder Pfade umgewandelt wird, kann bei einer Suche sogar Text in der Grafik gefunden werden.
• Eine SVG-Grafik kann Animationen beinhalten. Diese Animationen können entweder automatisch ablaufen, oder sie werden interaktiv durch ein bestimmtes Ereignis gestartet, zum Beispiel durch Antippen eines Bereichs.
Wodurch sich z.B. Einblendungen mit onclick-Elementen verknüpfen lassen. In diesem Fall wird die Beschriftung mit einem Mausklick temporär angezeigt: die Textmenge wird verringert und ist trotzdem verfügbar.
Falls kein Platz für eine Legende innerhalb der Grafik besteht (auf Mobilgeräten würde sie auch gar nicht auf den Bildschirm passen), wird durch einen Klick in die Grafik die Beschriftung angezeigt. Nach fünf Sekunden blendet sich die Beschriftung wieder aus. Auf diese Weise lassen sich Informationen in die Grafik einbinden, sodass man nicht scrollen muss. Der Text ist zunächst nicht sichtbar, wodurch die Übersicht erhalten bleibt, dennoch ist der Text jederzeit verfügbar, nur einen Fingertipp entfernt.
Genauere technische Details sind im folgenden Artikel zu finden: http://bit.ly/wasisteinsvg.
Betrachten Sie die Beispiel-Dokumente von Sennheiser unter: https://bit.ly/2YGb09n
