Geschichten mit Bildern erzählen.

Geschichten mit Bildern erzählen.

Ein neuer Vorstand, die Abgeordneten des Stadtrates oder der aktuelle Kader einer Fußballmannschaft werden häufig in Form von Bildern vorgestellt. Meist gesellt sich dazu eine ewig lange Bildunterschrift, in der alle Namen aufgelistet werden. Besser lässt sich dies mit Genial.ly lösen. Mit dem Werkzeug können Gesichter und Details in Bildern markiert und mit weitergehenden Informationen versehen werden. Beispiele gefällig?

Die Kurzanleitung für Genial.ly:

  1. Das Eingabeformular ist leicht verständlich.
    Das Eingabeformular ist leicht verständlich.

    Registriert Euch bei Genial.ly

  2. Nachdem ihr euch angemeldet habt, schlägt euch genial.ly einige Vorlagen für Infografiken, Präsentationen etc. vor. Für die allermeisten Anwendungszwecke ist aber wohl eine blanke Vorlage das Mittel der ersten Wahl. Ihr findet sie unter den Vorlagen als Button „Create your own Genially„. Klickt auf das Plus-Symbol.
  3. Im folgenden Fenster werdet ihr gebeten, eurer Grafik mit einen Namen zu versehen sowie ihre Dimensionen anzugeben. Ich würde, wenn möglich, versuchen mit 1024×768 Pixeln zu arbeiten. Sollte Eure Grafik andere Dimensionen haben, nehmt ihr natürlich deren Maße. Per Klick auf das Plus-Symbol gelangt ihr zur eigentlichen Arbeitsoberfläche.
  4. In diese ladet ihr zunächst die gewünschte Hintergrundgrafik hoch. Dazu klickt ihr in der linken Menüleiste auf BACKGROUND und im sich dann öffnenden Fenster auf UPLOAD AN IMAGE.
  5. Nun könnt ihr das Bild mit Tooltips, Infofenstern, Videos, Bildern und Webseiten verknüpfen. Dazu wählt ihr den Menüpunkt Interaktivity aus und dort zunächst aus den dann auftauchenden Kategorien einen gewünschten Marker. Diesen zieht ihr dann einfach auf eurer Hintergrundgrafik an die gewünschte Stelle.
  6. Um den Marker nun mit interaktiven Inhalten zu verknüpfen, klickt ihr auf das entsprechende Symbol und dann auf die Hand darüber. Genially bietet euch nun verschiedene Optionen an: Alles, was ihr unter TOOLTIP eingebt, erscheint, wenn man die Maus über das entsprechende Symbol bewegt. Alles, was unter WINDOW abgelegt wird, erscheint, wenn der Nutzer auf das entsprechende Symbol klickt in einem sich dann öffnenden Infofenster. GO TO PAGE könnt ihr ignorieren und LINK führt direkt bei Klick auf das Symbol auf eine hinterlegte Webseite.
  7. Bei TOOLTIP und WINDOW ist die Eingabeoberfläche nahezu identisch. Ihr habt einige Textformatierungsmöglichkeiten, könnt Listen und Tabellen einfügen, Text mit Links verknüpfen, Bilder einfügen, horizontale Linien oder HTML-Code (Beispielsweise embed-Codes von Youtube und anderen Seiten). Unter dem Punkt WINDOW habt ihr noch die Möglichkeit, die Größe des Infofensters zu bestimmen. Dieses Prozedere wiederholt ihr, bis ihr alle Infopunkte mit Markern und Inhalt versehen habt. Zwischendurch könnt ihr das Ergebnis per Klick auf Preview (in der oberen Menüleiste) kontrollieren.
  8. Wenn ihr alle gewünschten Punkte markiert und mit Informationen versehen habt, drückt auf in der oberen Menüleiste auf „Share“
  9. Es öffnet sich ein neues Fenster, in dem ihr diverse Möglichkeiten habt, euer Bild zu veröffentlichen. Zum Einbinden der Grafik in Euren Blog klickt ihr auf <…>-Symbol . Es öffnet sich ein Fenstermit dem Embed-Code. Diesen kopiert ihr in die Zwischenablage.
  10. Den WordPress-Beitrag auswählen, in den das Bild eingebunden werden soll.
  11. Die Ansicht im Textfeld von „Visuell“ auf „Text“ ändern (oben rechts über dem Textfeld)
  12. In den Bereich klicken, wo die Grafik platziert werden soll
  13. Den Code aus der Zwischenablage einfügen.
  14. Aktualisiert bzw. speichert euren Beitrag.

Das Ergebnis kann dann so aussehen:

 

Die grafische Aufbereitung:

Die Auswahl an Markern ist groß.
Die Auswahl an Markern ist groß.

Über die linke Menüleiste könnt ihr euer Bild auch noch mit immer sichtbarem Text (das ist beispielsweise für die Nennung des Bildurhebers praktisch), Linien und Symbolen, Karten etc versehen. Die von Genially angebotenen Vorlagen sind gigantisch. Ebenfalls in der linken Menüleiste findet ihr den Punkt ANIMATION. Damit könnt ihr ausgewählte Marker nach einer von euch vorgegebenen Zeit auftauchen oder verschwinden lassen, in Bewegung versetzen, sobald jemand seinen Mauszeiger darüber positioniert etc. Auch dort sind die Möglichkeiten vielfältig. Per EMBED könnt ihr Videos und andere Inhalte direkt auf eurer Hintergrundgrafik ablegen. Die Möglichkeiten, die einem Genial.ly bietet, sind nahezu unbegrenzt. Und dies ohne dafür Kosten zu verursachen. Jedenfalls wenn man mit dem Wasserzeichen auskommt, das allerdings auch das lange von mir favorisierte Thinglink in die Grafiken einbindet, wenn man den kostenlosen Zugang wählt. Zudem sind bei Thinglink (in der kostenlosen Version) die Möglichkeiten arg begrenzt, das Aussehen des Icons zu verändern. Die von dem Tool zur Verfügung gestellte Auswahl ist im Vergleich zu genial.ly ziemlich bescheiden. Wer mehr will, muss dafür bezahlen.

Anwendungsbeispiele aus der Praxis:

(genial.ly ist relativ neu, so dass ich an dieser Stelle nur Beispiele mit Thinglink zeigen kann)

Die Kosten:

Genial.ly hat ein kostenloses Benutzerkonto im Angebot. Und das ist für die allermeisten Anwendungszwecke völlig ausreichend. Es erlaubt eine unbegrenzte Anzahl an interaktiven Grafiken. Wer seine Grafiken zusätzlich als pdf oder als HTML5-Dateien herunterladen möchte, sie als Privat nur bestimmten Nutzern zur Verfügung stellen möchte oder das Wasserzeichen entfernen möchte, zahlt zwischen 9,90 und 99,95 Euro pro Monat. Mehr dazu hier.

Die Alternativen:

Übungsaufgabe: Erstellt mit Genially ein interaktives Bild und verknüpft es mit Zusatzinformationen oder Videos. Musterdateien findet ihr auf dieser Seite.
Weitere Beispiele:


Die Kommentare sind geschloßen.