Wird geladen…

SnipBook Viewer

Das SnipBook-Universum 2026-04-02

 

Dieter Gust

Dietrich Juhl


 

1               Was sind SnipBooks?

1.1               Übersicht über die SnipBook-Prinzipien

SnipBooks stehen für den neuen Ansatz, Anleitungen oder andere Inhalte kurz und knackig auf Smartphone und Co. rüberzubringen und basiert auf folgenden Prinzipien:

    Prinzip 1: Didaktische Reduktion und didaktische Motivation

    Prinzip 2: Progressive Disclosure (Prinzip der fortschreitenden Aufdeckung)

    Prinzip 3: Responsive Design

    Prinzip 4: Accessibility (Zugänglichkeit)

    Prinzip 5: Rapid Prototyping

2               Die SnipBook-Prinzipien im Detail

3               Prinzip 1: Didaktische Reduktion und didaktische Motivation

Auf den einzelnen (Topic-Seiten) liest der Nutzer schnell erfassbare Informationen basierend auf folgenden Grundsätzen:

Grundsätzliche Handlungsmöglichkeiten mit einem Produkt: orientiert an der schnellen Umsetzung der Informationen  z.B. der Erledigung einer Aufgabe

Schneller Überblick über die angebotenen Information

stark visualisiert auf dem Vorwissen der Zielgruppe aufbauend

Die Gestaltung ist insgesamt stark visualisiert und Icons und die Farbgebung  orientieren sich an modernen Gewohnheiten (z. B. kleine Animated GIFs auch für Icons bewusste Verwendung des Fonts  Segoe UI Emoji oder vergleichbaren Fonts

Doch SnipBooks müssen nicht „oberflächlich sein“…

4               Prinzip 2: Progressive Disclosure (Prinzip der fortschreitenden Aufdeckung)

Das SnipBook zeigt in Form von Topics und bei Bedarf eingeklappte Abschnitte mit Zwischenüberschriften für eine schnelle Übersicht über die Informationen:

 Die Nutzer können schnell über alle Topics wischen (Smartphone) oder über Buttons sich schnell durch die Topics klicken.

 Jede Seite zeigt eine Grundinformation bereits ausgeklappt und optional weitere oder tiefergehende Informationen über Ein-/Ausklappbereiche

 Der integrierte Einsatz von Multimedia (Videos, Animated GIF und oder Ton) bietet optional weitergehende Informationen, ohne dass das Grundmedium des SnipBooks verlassen werden muss (keine Medienbrüche!)

Das SnipBook wird so individuell lesbar in Geschwindigkeit und Reihenfolge.

5               Prinzip 3: Responsive Design

Die SnipBook passt sich den jeweiligen Medien Smartphone oder Desktop automatisch an und bietet ein Responsive Design in Form von HTML5.

5.1               Auf dem Smartphone

5.2               Am Desktop oder Notebook

6               Prinzip 4: Accessibility (Zugänglichkeit)

Ein SnipBook soll von der Grundidee her auch Barrierefreiheit anstreben. Natürlich wissen wir, dass das gar nicht so einfach umsetzbar ist. Der vollständige Anspruch der Barrierefreiheit kann auch einem schnellen Rapid Prototyping entgegenstehen .

Wir versuchen, mit unserem Ansatz eine Technologie bereitzustellen, die optional WCAG-Kriterien möglichst berücksichtigt.

6.1               Die 4 Die WACAG-Prinzipien

Unser Word-Template unterstützt zahlreiche Ansätze für eine leichte Bedienbarkeit: Von alternativen Texten für alle Grafiken und Animationen, über die Vorlesefunktion bis hin zur Sprachsteuerung der Navigation. Aber ja, wir wissen: Die Umsetzung von Barrierefreiheit ist auch in unseren Lösungen noch eine (große) Baustelle.

7               Prinzip 5: Rapid Prototyping

SnipBooks sind für die meisten Redaktionen ein neuer Ansatz. SnipBooks stehen ein wenig zwischen Marketinginformationen, PowerPoint-Folien des Trainings und klassischen Dokumenten.

Für einen leichten Einstieg in SnipBooks benötigst du leicht anpassbare Werkzeuge und schnelle Umsetzungen, um anhand eines Rapid Prototyping zu lernen, wie ein optimales SnipBook aussehen kann. Dafür stellen wir im SnipBook-Universum verschiedene Werkzeuge bereit:

 

     HTML

      Word

      aDOC

      PowerPoint

       beliebige JPEG/SVG-Bildfolgen

7.1               Jeweils mit Integration unseres HTML-Viewers

Unser Prozess integriert in die Ausgabe alle Funktionen des HTML-Viewers

Das HTML-Viewer-Template,
 verwendbar in unterschiedlichen Applikationen

 

8               Das SnipBook-Universum

Für ein schnelles Prototyping und zum besseren Verständnis der SnipBook-Idee hat Dietrich Juhl das SnipBook-Universum entwickelt

8.1               Unser Idee zum SnipBook-Universum

Wir möchten, dass das jeder ausprobieren kann:

    SnipBook ist eine Alternative zum Papier

    lass uns das mal ausprobieren, mit einem Prototyp können wir die Idee leicht mal testen

    Das SnipBook-Universum mit Mustern und der SnipBook-Idee basierend auf einer besonderen Didaktik

    und Tools für einen einfachen Weg zum ersten eigenen SnipBook.

9               Wege zum SnipBook

XXX

 

Schemadarstellung für Topic-Teilung Überschrift 1

Viele Wege führen zum SnipBook:

    baue das SnipBook als PowerPoint

    schreibe eine html- oder Worddatei

    oder benutze die Wordvorlage mit vielen Möglichkeiten und dem Klick-to-SnipBook-Button

Neue Ideen gehen nur mit Ausprobieren:

    Schau dir die Beispiele an

    Schreibe dein eigenes SnipBook als PP, html oder Word

lade die Datei hoch und teste das SnipBook selbst.

10     Word als SnipBook-Autoren-Werkzeug

Du kannst dir ein Wordtemplate herunterladen und darin dein SnipBook schreiben, gestalten und auf Knopfdruck als SnipBook erhalten.

10.1       Warum Word

Word, das Tool wird immer noch am meisten eingesetzt für die Technische Dokumentation.

Word ist geliebt, gehasst und meistens missverstanden. Aber Word bietet die mit Abstand größte Flexibilität für ein Rapid-Prototyping.

Wichtig für diesen Rapid-Prototyping-Ansatz ist im Gegensatz zu allen anderen Konvertern oder Topic-basierten Systemen mit Word-Import oder Redaktionssystemen:

Dein Editor für Inhalt und Design (!) ist Word. Endlich WYSIWYG für beide Ansätze: PDF und HTML!
Die Ansicht „Weblayout“ erlaubt das Editieren
auch im HTML-Modus!

Für dich zur Nutzung out of the box: Ein Dokument-Template mit optimal angepasstem Menüband!

10.2       Die SnipBook-Lösung: Word-Template, Word-Makros und HTML-SnipBook-Viewer-Template

Die Word-Lösung besteht aus einem umfassenden beliebig anpassbaren Word-Template mit eigenem Menüband und eigener Schnellzugriffsleiste

Die Dokumentvorlage enthält zahlreiche Makros zur Vereinfachung des Prozesse der Dokument-Erstellung und der Konvertierung in das SnipBook. In der Dokumentvorlage ist auch eine Anleitung zur Verwendung enthalten.

Speichere die Datei XXX an einem beliebigen Ort, vorzugsweise XXX

10.2.1                Makros freischalten

Die einzige wirkliche Herausforderung ist: Du musst an deinem Arbeitsplatz Word mit Makros benutzen dürfen und freischalten.

1      Im Menüband die Registerkarte „Entwicklertools“ aktivieren

2      Registerkarte Entwicklertools > Code > Makrosicherheit

Einstellung gemäß Screenshot

3      Prüfen dass das Dokument in einer für Makros freigegebenen Ablage liegt

4      Gegebenenfalls muss in den Dateieigenschaften für die DOTM-Datei eine zusätzliche Checkbox aktiviert sein

 

Wenn du die Checkbox nicht siehst, dann blockiert Windows die Datei auch nicht.

10.3       Das SnipBook-Universum

Das alles haben wir für dich im SnipBook-Universum bereitgestellt:
Gratis aber hoffentlich nicht umsonst!

Wir möchten mit unserer SnipBook-Initiative ein neues Denken für die Technische Dokumentation (Anleitungen) anregen. Alle Tools sind gratis. Zusätzlich bieten wir auch eine kommerzielle Beratung:

    Dietrich Juhl: SnipBooks: Didaktischer Ansatz, Umsetzung mit verschiedenen Werkzeugen

    Dieter Gust: SnipBook-Anwendung mit Word

10.4       Beliebig erweiterbar

Den HTML-SnipBook-Viewer und die Word-Makros haben wir mit Vibe-Coding erstellt. Du kannst die Funktionen jederzeit mit Claude oder ChatGPT anpassen und erweitern. Wir können dich dabei, allerdings kostenpflichtig, unterstützen.

11     Dieses SnipBook

Dieses SnipBook haben wir mit Word erstellt und als SnipBook abgespeichert.

Das geht genauso einfach wie ein PDF-Export,
nämlich blitzschnell!


Für dich bleibt die inhaltliche und didaktische Arbeit, deinen Content in eine neue Form zu gießen.

Probier das aus
es ist ganz einfach.

Ist das nicht


in deinen Ohren?

12     Ende

 


ENDE

SnipBook

     SnipBook