Letzte Woche kam die Frage von einer Kundin, wie man mit Camtasia einen Film in Kapitel unterteilt. Die Ausgabe soll ein Film mit einem Menü sein, in dem man Kapitel einfach anwählen, überspringen, zurückspringen kann.

Anschliessend soll das ganze als SCORM-Paket in ein LMS (Lernmanagement System, z.B. Moodle) hochgeladen werden können. Ich arbeite neben Storyline am häufigsten mit Camtasia, aber tatsächlich habe ich diese Funktion noch nie genutzt. Ich dachte erst kurz daran, es über Storyline zu realisieren, aber hey - es geht super einfach mit Camtasia!

Also habe ich das ganze gleich mal für euch als kurzes knackiges Video aufgenommen.

 

Ich habe ja schon oft mit dem Gedanken gespielt, für ein Unternehmen wie Greenpeace zu arbeiten, dass sich für eine nachhaltige und umweltfreundliche Welt einsetzt. Es ist vielleicht etwas unglücklich, dass ich genau hier jetzt meine Negativ-Beispiele gefunden habe, aber vielleicht auch verständlich, denn Greenpeace ist kein Konzern der viel Geld für solche Dinge ausgeben kann.

Es tut mir leid Greenpeace - Ansonsten: Great Work!
Anmerkung: Dieser Beitrag ist noch von meinem alten Blog vom 15.03.2013. Ich habe ihn mit umgezogen, weil er an sich noch immer aktuell ist.

Infografik - I`m a big Fan!

Ich bin ein großer Fan von Infografiken – das werde ich wohl in Zukunft noch ein paar Mal erwähnen 😉 Und ich habe das Gefühl, sie werden immer beliebter (2013!). Kaum noch ein Flyer auf der LernTec, der keine Grafik enthält, die komplexe Informationen (hoffentlich) verständlich aufbereitet. Doch um so häufiger Infografiken genutzt werden, um so weniger Gedanken scheinen sich die Designer manchmal zu machen - Zeit, dass E-Learning-Developer Infografiken erstellen oder Designer eine Weiterbildung machen.

Noch vor dem Jahrestag des Fukushima-GAU veröffentlichte Greenpeace die folgenden zwei Grafiken. Nachdem ich sie eine Weile angestarrt habe, um sie zu verstehen, kam mir der Spruch meiner Uroma Groẞmuttel in den Kopf: "Niemand ist unnütz, er kann immernoch als schlechtes Beispiel herhalten." Also versuche ich mal kurz, ein paar Dinge herauszuheben...

Was? Warum? Ich versteh nicht...

Natürlich im "Used-Look" oder auch "Grunch-Look", so wie die meisten Infografiken im Moment (2013!). Aber ganz ehrlich – wie wird denn durch die Grafik die Aussage unterstützt?

Ok der schwarze Pfeil ist negativ und zeigt nach unten, aber sonst? Die Zahlen 250 Millionen Dollar und 0 Dollar als Vergleich zwischen den Kosten und den von Firmen gezahlten Entschädigungen hätte man doch grafisch sehr viel informativer ins Verhältnis setzen können. Die Pfeile sind gleich dick, gleich groß – kein Verhältnis an dieser Stelle… Und dann wird noch die Überschrift über den ersten Pfeil gesetzt, als würde dieser inhaltlich darauf zeigen und unter dem schwarzen Pfeil wird noch eine unzugeordnete Summe gequetscht, die von öffentlichen Geldern gezahlt wurde… Die Grafik wirft mehr Fragen auf, als sie Antworten gibt und die Pfeile geben keinerlei Unterstützung zum Inhalt.

Und geht es nur mir als Europäer so oder sind diese Kosten in US-Dollar mit dieser Schrift einfach unglaublich schwer zu lesen?

Und die zweite Grafik?

Nun, das Grün unterstützt die grüne Energie und das Grau erinnert erst mal an dreckige Kohlewerke, nicht an die atom-gelben Reaktoren.

Aber gut: Positiv und Negativ werden durch die Farben unterstützt. Jetzt hat der Gestalter sich tatsächlich die Mühe gemacht, die 54 Reaktoren zu kopieren – aber was ist die Aussage, wenn sie in kein sinnvolles Verhältnis gebracht werden? Die drei großen grünen Kreise könnte man mit den kleinen Reaktoren ins Verhältnis setzen – was keinen Sinn macht.

Die eigentlichen Verhältnisse dieser Grafik sind doch die 250 Millionen Dollar, die benötigt werden um die grüne Energie zu liefern, die 54 Reaktoren und 4 große Kohlekraftwerke erzeugen.

Das diese 250 Dollar die Kosten der Katastrophe sind, wird hier nicht noch einmal erwähnt, so dass die zweite Grafik für sich allein keinen richtigen Sinn ergibt. Grafisch passt sie aber offensichtlich nicht direkt zur ersten Grafik, so dass man auch nicht davon ausgehen kann, das es eine Folgeinformation ist… 

Was ist die Aussage? Wo soll ich hinschauen?

Also was ist die Aussage der zweiten Grafik für sich genommen? Nur dass man die Energie der Reaktoren mit genügend Geld auch durch Öko-Energie ersetzen kann? Das ist genau so, wie wenn man sagt: Mit genügend Geld könnten wir im nächsten Urlaub alle nach Amerika fliegen – natürlich, was ist die Neuigkeit?! Und die roten Kreuze hätte man ruhig weglassen können. Durch sie wird die Aussage auch nicht stärker unterstützt und das „4Large 10000MW Coal Plants“ konnte ich dadurch auch erst nach gaaaaanz genauem Hinschauen lesen! Und dann führt man noch ein Orange ein, anstatt das „Share This“ auch in dem Rot der Striche zu färben.

Hmmm, also ich weiß ja nicht was ihr denkt, aber mir kommt es so vor, als wollte da mal schnell jemand eine Infografik zaubern, weil man das heute eben so macht.

Habt ihr ein paar gute oder nicht so gute Beispiele im Netz entdeckt? Ich will demnächst vielleicht mal ein Video über Infografiken machen, was meint ihr?

Ich finde Marker in Storyline sind an sich eine gute Idee. Man kann auf Videos oder Bilder wunderbare Interaktionsmöglichkeiten setzen. Die Lerner*innen können entscheiden, ob sie auf den Marker klicken und weitere Inhalte lesen wollen.

Aber hier geht’s ja ums Design und da sehe ich einige Grenzen. Anschließend zeige ich euch eine alternative Lösung, wie ihr Marker ganz individuell gestalten könnt.

Warum ich die Standard-Marker nicht mag

Aus der Designrichtung kann man immerhin zwischen verschiedenen Farben wählen:

 

• Markerfüllung
• Markerrand
• Sprechblasenfüllung
• Sprechblasenrand
• Transparenz
• Schriftart und Farbe

Aus der Designrichtung kann man immerhin zwischen verschiedenen Farben wählen:

 

• Markerfüllung
• Markerrand
• Sprechblasenfüllung
• Sprechblasenrand
• Transparenz
• Schriftart und Farbe

Die Grenzen sind schnell erreicht, wenn man den Text nicht am Sprechblasenrand kleben haben will oder ein Bild in die Sprechblase einfügen will.

 

Nachteile zusammengefasst:

• Es gibt sehr eigenartige Symbole, aber beispielsweise kein Plus-Symbol, wie es bei Rise zu finden ist.
• Man kann die Symbole in den Kreisen auch nicht bearbeiten.
• Eine Transparenz am Marker wirkt nicht gut, da zum Beispiel der Pfeil der Sprechblase dahinter vorblitzt.
• Die Abstandsränder des Textes zum Blasenrand können nicht vergrößert werden, dadurch sieht es immer sehr gedrängt aus.
• Es können keine Bilder in die Sprechblase eingefügt werden.
• Die Rundung der Ecken von der Sprechblase kann nicht eingestellt werden.

Meine Lösung: Selber bauen

Ok, ich will also eine Lösung, die mir Design-Möglichkeiten gibt, die in Storyline eigentlich normal sind. Also habe ich selbst Marker mit Pulseffekten gebaut:

Und hier die Anleitungsvideos:

Wie ich das gemacht habe, erfahrt ihr in meinen beiden Youtube-Videos. Ich habe eine kurze und eine lange Anleitung erstellt. Wählt einfach für euch das passende aus, je nachdem, ob ihr nur wissen wollt, wie man die Pulseffekte erstellt oder ob ihr die gesamte Folie bauen wollt.

Anleitung Pulseffekt

Kurze Zusammenfassung von den wichtigsten Schritten für den Pulseffekt:

• Symbol erstellen auf der Hauptebene
• Neue Ebene «Puls» erstellen
• Auf der Ebene eine Doughnut-Form erstellen
• Eingangs- und Ausgangsanimaton für die Form: Vergrößern und Verkleinern
• Die Animationszeit der beiden zusammen ist die Länge der Zeitleiste der Ebene
• Loop erstellen, damit die Ebene immer wieder von vorne beginnt: Trigger Ebene schließen, dann Trigger Ebene öffnen

Anleitung Gesamte Folie

In diesem Video zeige ich die wichtigsten Schritte, wie man die Sprechblasen erstellt und so eine gesamte Folie aufbaut.