Vor ein paar Jahren habe ich an einem Projekt für einen deutschen Autobauer gearbeitet. Meine Aufgabe war es, den Bau eines neuen Autos zu dokumentieren 🚗. Bisher gab es nur eine riesige Menge an gedruckter Dokumentation – viele Seiten voller technischer Texte, oft ohne Bilder. Selbst die Ingenieure hatten Schwierigkeiten, den Anweisungen zu folgen. 👀

Als Kameramann 🎥 denke ich in Bildern. Ich fragte mich: Warum machen wir es nicht einfacher? Warum zeigen wir den Menschen nicht einfach, was sie tun müssen?

Wo Texte und Videos an ihre Grenzen stoßen

📖  Texte sind oft abstrakt und schwer nachvollziehbar. Man liest einen Absatz, vergleicht mit der Praxis – und trotzdem bleibt Unsicherheit.

🎬 Videos sind ein Stück besser, weil sie Abläufe anschaulich darstellen. Aber auch hier gibt es ein Problem: das Tempo. Jeder kennt es – das Video läuft weiter, während man noch den ersten Arbeitsschritt ausführt. Am Ende spult man hin und her und verliert den Überblick.

Doch gerade bei komplexen Aufgaben – Montage, Wartung, Schulung – braucht man etwas, das klar, nachvollziehbar und im eigenen Tempo funktioniert.

Die Idee: Schritt für Schritt, genau im richtigen Moment

Ideal wäre eine visuelle Anleitung, die genau dann den nächsten Schritt zeigt, wenn man bereit ist. Kein Stress, kein „zurückspulen“, kein „was war nochmal davor?“ – sondern eine klare Bildsequenz, Schritt für Schritt, so wie man es ausführt.

Diese Idee 💡 hat mich nicht mehr losgelassen. Eigentlich braucht es dafür nur die passenden Einzelbilder, aufgenommen von einem Stativ, und eine einfache Galerie, die die Einzelbilder in einer Sequenz zeigt, sobald man mit der Maus darüber fährt. Fertig ist die interaktive Schritt-für-Schritt-Anleitung.

Übrigens: iFixit verfolgt einen ähnlichen Ansatz mit seinen berühmten Reparaturanleitungen – aus gutem Grund, denn es funktioniert einfach.

Ich habe lange nach einem passenden Tool gesucht, um selbst solche Anleitungen erstellen zu können, aber nichts Passendes gefunden. Also habe ich schließlich ein kleines Plugin für WordPress entwickelt, das genau das ermöglicht.

M12 Gallery

Mit M12 Gallery lassen sich interaktive Schritt-für-Schritt-Anleitungen direkt in WordPress erstellen.
Die Vorteile:

• 📸 Klare, visuelle Darstellung von Arbeitsprozessen
• 🛠️ Ideal für Montage, Wartung, Schulungen und Produktanleitungen
• ⚡ Interaktiv: Nutzer bestimmen das Tempo
• ✅ Einfach zu erstellen, einfach zu nutzen

Das Plugin ist frei verfügbar – jeder kann es verwenden, um komplexe Abläufe visuell verständlich zu dokumentieren.

👉 Webseite: M12 Gallery 🧩
👉 Live Demo: Demo 📦 / Demo 🔩