Was versteht man unter Viralen-Marketing?

Stellen Sie sich vor, Sie erzählen einem Freund oder Freundin von einem genialen Video. Dieser wiederum wird sich das Video ansehen und erzählt weiteren Personen davon, dadurch entsteht eine virale Verbreitung und das Video erreicht innerhalb kürzester Zeit eine beachtliche Reichweite. Diesen virale Effekt können Sie als Werbetreibender gut für Ihre Zwecke nutzen und hierbei sind wir schon beim Viralen-Marketing.

Manches ist so lustig dass man es weitererzählen muss.

Ziel des Viralen-Marketing ist es, Personen in seinen Bann zu ziehen. Im Prinzip funktionieren Menschen relativ einfach, man muss Ihnen nur einen Unterhaltungswert bieten und das Interesse wecken damit Sie den Drang dazu verspüren dies weiteren Personen mitzuteilen. Ein wichtiger Faktor hierbei ist die Freiwilligkeit, die Menschen teilen freiwillig Inhalte, weil sie möchten, dass andere sehen was sie interessiert, deshalb muss dieser Inhalt Emotionen und Interesse der Zielgruppe bzw. Personen wecken. Hat der Werbespot erst einmal das Interesse geweckt und wird im Internet verbreitet, so ist die Wahrscheinlichkeit groß, dass die Werbekampagne ein Erfolg werden wird.

Spaß ist nicht das Ziel sondern Mittel zum Erfolg

Virales-Marketing zählt vor allem auf die Empfehlungen von Personen, hierbei ist nicht nur die Mundpropaganda ein wichtiger Faktor sondern auch die Kommunikation über Social-Media-Websites wie Facebook, Twitter oder andere soziale Netzwerke.
Im Internet werden dazu häufig Videos mit lustigen oder interessanten Inhalten verwendet, die einen hohen Unterhaltungswert bieten. Aber Spaß ist nicht das Ziel um eine virale Verbreitung zu erreichen sondern es ist nur ein Mittel zum Erfolg. Ein Beispiel für einen solchen Spot hat Pepsi.

http://www.youtube.com/watch?v=40DykbPa4Lc

Dieser Werbespot wurde mittlerweile schon über 29 Millionen aufgerufen.

Eine weitere erfolgreiche virale Marketingkampagne entwickelte vor 1 Jahr Toyota. Denn was möchte sich eine Familie kaufen? Einen Familienwagen? Neben dieser Tatsache wünscht sich die Familie natürlich auch, dass sie sich in diesem Wagen auch wohl fühlen. Toyota verbindet diese 2 Faktoren in dieser Werbekampagne und lässt die Familie Sienna über die Skills der Familienführung rappen und dass sie sich cool und hip darin fühlen.

http://www.youtube.com/watch?v=ql-N3F1FhW4

Werbekampagne von Toyota für den Sienna Minivan
Dieses Video hat bereits über 9,7 Millionen Klicks verzeichnet.

Haben virale Online-Games Marketingpotenzial?

Ein Online-Game kann genauso viral verbreitet werden. Durch Online-Spiele kann man das Interesse Ihres Produkts sowie Ihres Unternehmen wecken. Denn gut konzipierte Online-Games machen Spaß, bekommen hohe Aufmerksamkeit und der Spieler bekommt das Bedürfnis dies gleich seinen Freunden mitzuteilen. Dies erhöht durchaus Ihren Bekanntheitsgrad und die Reichweite des Spiels.

Das Ziel einer viralen Werbekampagne ist den Spieler freiwillig zu animieren es seinen Freunden und Bekannten weiterzugeben und zu empfehlen. Das Spiel sollte vor allem unterhaltsam und einen Überraschungseffekt beinhalten.

Eine ideale Platzierung Ihres Online-Games sind Social-Media-Websites, dies bewies auch die Firma Zynga, welche die Online-Games Farmville oder MafiaWars auf Facebook platzierte. Da diese Spiele auf den Profil Einträge hinterlassen und die Spieler Spieleinladungen verschicken können, haben sich diese Spiele innerhalb kürzester Zeit verbreitet.

Beliebt ist in diesem Zusammenhang mittlerweile die Praxis der In-Game Werbung. Wobei hier der Fokus auf einem unauffälligen Product Placement liegt.

Wie schafft man einen viralen Anreiz?

Für Virales-Marketing ist eine große Portion Kreativität Voraussetzung. Es sollte genauestens überlegt werden, welche Anreize Sie bei den Nutzern hervorrufen möchten um einen besonders hohen Unterhaltungswert zu schaffen. Der beste Ansatz hierbei ist, dass es um aufmerksamkeitserregende Themen geht bzw. um Einzigartigkeit, die man nicht alle Tage sieht. Wecken Sie vor allem Emotionen und lassen Sie klassische Werbebotschaften aus dem Konzept. Am besten Sie setzen sich mit mehreren kreativen Köpfen zusammen und lassen Ihrer Kreativität freien Lauf. Durch bewährte Methoden wie Brain-Stroming, erzielt man meist die besten Resultate.

Nachdem Sie eine geniale Idee erzielt haben, geht es an die Umsetzung, dies erfordert meist eine längere Vorbereitungszeit bis alle notwendigen Schritte vollzogen sind wie ein Video zu produzieren oder eine Website zu erstellen, denn ein erfolgreiches Marketingkonzept benötigt auch logischerweise Zeit. Auch wenn viele Kampagnen des Viralen-Marketings spontan und inszeniert wirken, liegt ihnen in der Regel eine umfangreiche Planung zugrunde.

In der Planungsphase ist auch die Verbreitung ein wichtiges Thema, denn schließlich muss ein virales Marketingkonzept als erstes eine Menschenmenge ansprechen, damit es sich erst verbreiten kann. Diese Phase wird in der Fachsprache auch als Seeding bezeichnet. Man braucht vorher eine Saat bis das überhaupt etwas wachsen kann. Hierfür eignen sich besonders Social-Media-Portale wie Facebook oder Twitter aber auch Blogs eignen sich hierfür.

Vor allem wenn Sie auf Ihrer Website oder auf Blogs Ihre Inhalte positionieren, sorgen Sie auf alle Fälle dafür, dass die Menschen die Möglichkeit haben diese auch unkompliziert mit den Freunden zu teilen. Binden Sie deshalb, je nach Möglichkeit, einen Gefällt mir-Button in der Website mit ein und erwecken Sie bei den Menschen das Bedürfnis dies mit anderen Menschen zu teilen.  Wenn Sie es schaffen dieses Bedürfnis zu stimulieren, haben Sie den Grundstein für eine erfolgreiche Kampagne gesetzt.

Guerilla-Marketing – günstig aber nicht billig

Guerilla-Marketing kann sowohl online als auch offline betrieben werden. Hinter diesem Begriff versteckt sich eine kostengünstige Marketingstrategie. Die Formen von Guerilla-Marketing umfasst eine breite Palette von Werbeformen. Als einfachste Ausprägung kennt man Guerilla-Marketing in Form von Flyer und Plakaten, die auf der Straße verteilt oder in Städten aufgehängt werden.

Viele Unternehmen lassen sich kreative Formen von Guerilla-Marketing einfallen, wie die indonesische Agentur Fortune, welche eine Werbung für ein Haarstärkungsmittel entwickelte. Diese stattete Nahverkehrszüge und andere öffentliche Verkehrsmittel mit Haarzöpfen als Haltegriffe aus.

Künstliche Zöpfe in der U-Bahn / Fortune

Einige bekannte Firmen starteten eine Reverse Graffiti Kampagne. Hierbei handelt es sich um Graffitis die mit einem Hochdruckreiniger gesprüht werden. Es werden Schablonen verwendet um den Gehweg oder die Wand nur an diesen Stellen zu säubern damit Schriften oder Muster entstehen. Hier ein Beispiel von Starbucks Coffee.

Reverse Grafitti von Starbucks

Guerilla-Marketing auch im Netz?

Natürlich kann eine Guerilla-Marketing-Kampagne nicht nur offline – in der Öffentlichkeit – sondern auch im Internet betrieben werden. Sicherlich wird Ihre Website auch durch eine offline-Kampagne Profit schöpfen, aber Sie können auch eine online Kampagne im Internet starten. Diese können sowohl in Foren, Community´s oder Social Networks gestartet werden. Hierbei sollten Sie aber nicht zu subversiv wirken, denn dadurch könnten Sie Probleme mit dem Foren- oder Communitybetreiber bekommen und im schlimmsten Fall gelöscht werden. Achten Sie auch vor allem darauf, dass Sie interessant auffallen aber nicht peinlich wirken.

Sie dürfen hierbei auch nicht mit Ihren Werbebotschaften übertreiben, – denken Sie dabei dass es sich nicht um eine klassische Kampagne handelt sondern um eine Kampagne die Aufmerksamkeit erregen soll und die Werbebotschaft nur der Trittbrettfahrer ist.

Im Guerilla-Marketing arbeitet man nicht selten mit Videos , diese müssen allerdings immer kurz gehalten werden und basieren auf einem gewissen Aha-Effekt. Ein gutes Beispiel  hierfür wäre die amerikanische Firma Blendec, die einen Küchemixer herstellt.

http://www.youtube.com/watch?v=lAl28d6tbko

Blendec iPad

Ein interessante Form von Ankündigung hatte sich (das nicht existente) Twirlr überlegt. Die Theatergruppe Improve die Urheber der Aktion  stellten auf der Gel Conference 2011 in New York City Twirl mittels eines Gotta Share Musical als das neue soziale Netzwerk vor. – and we gotta share! Hier der Link:

http://www.youtube.com/watch?v=soAk3F0wX9s

Twirlr – gotta share!

Chatroulette auch als Werbung?

Die meisten werden sich jetzt denken was hat Chatroulette mit Werbung zu tun, aber indirekt könnte ein Chatroulette genauso gut für Werbezwecke eingesetzt werden, indem das Produkt beim zugeteilten Chatpartner zufällig auftaucht. Hierbei könnte man den Hype rund um Chatroulette für eine Werbekampagne nutzen. Unabhängig von jeglicher Werbung ist dieser lustige Videoclip.

http://www.youtube.com/watch?v=JTwJetox_tU

Chat Roulette Video

Rein theoretisch könnte man ein solches Video genauso gut für Werbezwecke einsetzen, indem man ein Produkt einbindet.

Legitime Methoden mit dem Hang zur Inszenierung (Fazit)

Heute befinden wir uns in der Situatation, dass sowohl durch virales Marketing als auch durch Guerilla Marketing, neue Methoden zur Wahl stehen, die eine Legitimität haben. Auch unter dem Deckmantel des Spaßes oder der humoristischen Inszenierung steckt ein psychologisch fundiertes Modell dass letztlich die Reichweite des Marketings erhöhen kann und neue Zielgruppen erschließen kann. Speziell vor dem Hintergrund steigender Kosten pro Konversion in klassischen Werbekanälen darf man sowohl das virales Marketing als auch das Guerilla Marketing als willkommene und finanziell reizvolle Alternativen ansehen.

Robots.txt

Diese Datei teilt Suchmaschinen mit, welche Dateien und Ordner für die Öffentlichkeit bestimmt sind (Indexierbar) und welche Seiten auf den Suchergebnisseiten nicht zu finden sein sollen. Hierbei handelt es sich aber um ein freiwilliges System, an dass sich die meisten Suchmaschinen auch halten. Ein grundsätzliches Zugriffsverbot für Suchmaschinenroboter erreicht man mit dieser Methode jedoch nicht, hierfür müsste man separate Einstellungen des Webservers vornehmen (z.B.: via .htaccess bei einem Apache Webserver).

Speicherort und Nutzung der Robots.txt

Die Robots.txt liegt immer im Root-Verzeichnis der Domain und wird regelmäßig von Suchmaschinene aufgerufen. Das nichtvorhandensein einer solchen Datei ist der häufigste Grund für 404-Not-Found Fehlermeldungen die in den Log-Files eines Webservers auszulesen sind.

Via User-agent: kann man definieren ob man einen speziellen Robot meint, oder mit dem *-Zeichen es eine für alle gültige Bedingung ist. Der Wert Disallow: teilt den Suchmaschinene mit, dass das dahinter angegebene Verzeichnis nicht in den Suchmaschinenindex aufgenommen werden soll.

Optionale Angaben sind noch die Angabe von Allow:, wobei dies ein Standardwert ist und somit nicht gesetzt werden muss und die Angabe von  Sitemap:, welche es ermöglicht einen speziellen Speicherort für die sitemap.xml anzugeben. Es gibt noch die Möglichkeit weiterer optionaler Angaben wie zum Beispiel die Angabe der Zugriffshäufigkeit oder eine Einschränkung der Zugriffszeiten. Details dazu gibt es auch auf robotstxt.org

Sitemap.xml

Im Gegensatz zur robots.txt stellt die sitemap.xml eine strukturierte Übersicht der erlaubten Seiten zur Verfügung. Im Jahr 2008 einigten sich die größen Suchmaschinenbetreiber (Google, Yahoo & Microsoft) auf einen Standard zur einfachen Übermittlung einzelner Seiten eines Webprojekts für Suchmaschinen.

Speicherort und Nutzung der Sitemap.xml

Standardort für die Sitemap ist im Rootverzeichnis unter dem namen sitemap.xml. Allerdings besteht die Möglichkeit alternative Speicherorte via robots.txt oder im HTML-Header mitzuteilen.

Die Datei selbst ist als XML-Konstrukt aufzubauen, wobei die Anzahl der <url>-Elemente nicht beschränkt ist. Es empfiehlt sich jedoch bei einigen tausend Seiten diese auf mehrere Sitemap-Dateien aufzuteilen und in der Haupt-Sitemapdatei nur die Untersitemaps kennzuzeichnen.

Der Eintrag <loc> ist ein Pflichteintrag, stellt diese doch die eindeutige Internetadresse dar, wo die Inhalte dazu erreichbar sind. Weiteren Angaben wie <lastmod>,<changefreq> und <priortiy> sind optionale Werte um den Suchmaschinen letzte Änderungen, Veränderungshäufigkeiten und Wichtigkeit einzelner Seiten mitzuteilen. Weiterführende Informationen zur sitemap.xml gibts auf sitemaps.org

Favicon.ico

Obwohl für Suchmaschinenoptimierung irrelevant, hat die Bedeutung des Favicon (Kurzbezeichnung für “Favourite Icon”, zu Deutsch: Lieblingssymbol) in den letzten Jahren zugenommen. Das Favicon ermöglicht auf einfachste Weise den Wiedererkennungswert der eigenen Seite im Browser zu erhöhen indem eine eigens gestaltete Grafik (16×16 bzw. 32×32 Pixel groß) im Browser neben der Adresszeile erscheint. Da der Trend bei Browserentwicklern zu reduzierten Menü- & Titelleisten geht wirkt sich ein solcher Wiedererkennungsfaktor bereits stärker auf den Seitenbesucher aus.

Exemplarische Favicons in der Adresszeile und der Tableiste

Speicherort und Nutzung der Favicon.ico

Viele Browser suchen automatisch im Hauptverzeichnis nach der Datei favicon.ico. Trotzdem empfiehlt es sich, zusätzlich im HTML-Header genau anzugeben wo die Datei zu finden ist. Besonders ältere Browser sind noch darauf angewiesen.

Da nur sehr kleine Grafiken möglich sind ist es wichtig mit wenigen Details aussagekräftige Symbole zu kreieren. Langgezogene Logos finden keinen Platz darin, hier ist es besser etwas abstraktes, dem Logo ähnlich wirkendes zu kreieren. Im Internet findet man dafür auch einige favicon.ico-Generatoren die hierbei behilflich sind.

Drei Dateien – Ein Ziel

Mit drei kleinen Veränderungen haben Sie es selbst in der Hand, welche Inhalte von Ihnen in den Suchmaschinen präsentiert werden und welche Grafik Ihr Webprojekt als Wiedererkennungssymbol verwendet.

Erstellt mit OmniGraffle <2 min

In der Entwicklung von User Interfaces oder Webapplikationen führt heute kein Weg mehr vorbei an Wireframing und dem damit verbundenen Rapid Prototyping. In diesem Artikel bieten wir ihnen einen kleinen Einblick in den Prozess der Entstehung von User Interfaces. Dabei beginnen wir bei den Basics.

Was sind Wireframes / Mock Up’s oder Rapid Prototyping?

Unter einem Wireframing versteht man eigentlich einen Drahtgerüst das eine ungefähre Form oder Größe vorgibt. Im Webdesign ist die Bedeutung in abgeleiteter Form zu verstehen. Beim Wireframing wird versucht funktionale Objekte skizziert darzustellen. Wichtig ist, dass dieser Prozess schnell, einfach und reproduzierbar ist. Die Bezeichnung Mock Up finden sich ebenfalls relativ häufig, meint aber in der Praxis oft das selbe. Ein Schritt weiter geht das Rapid Prototyping, das aus dem Produktdesign bekannt ist. Im Webdesign versteht man darunter, dass mit einer gegebenen Werkzeugpalette (Optische Elemente) in kurzer Zeit alternative Versionen des User Interface Entwurfs entstehen können.

Müssen Wireframes hässlich sein?

Es ist definitiv nicht das Ziel hässliche Skizzen zu generieren! Wichtig ist aber, dass ein Wireframe klar von einem Designentwurf unterschieden werden kann. Speziell wenn Wireframes mit Kunden besprochen werden muss klar sein, dass es sich nicht um einen Designentwurf handelt um nicht falsche Ankerwerte beim Kunden auszulösen.

Ein Wireframe ist kein Designentwurf und soll auch nicht so aussehen.

Für viele klassische Webdesign Unternehmen wird dieser Ansatz schwere Kopfschmerzen verursachen, stand doch in den meisten Fällen am Anfang die Skizze des Designers. Um diesen Konflikt der Herangehensweisen besser zu verstehen muss eine Ansicht verinnerlicht werden

User Interface Design ist kein Webdesign!

Wenn ein User Interface mit komplexen Funktionalitäten entsteht, ist ein anderer Prozess anzulegen als bei klassischen (relativ) einfachen Webseiten. Bei klassischen Webseiten gibt nur selten ein funktionale Komplexität die mit Wireframes geplant werden muss, wobei auch bei einfacheren Projekten der Trend eindeutig hin zur virtuellen Funktionsskizze geht. Versucht man diesen Prozess fertig zu denken, dann ergibt sich im Ablauf eine andere Reihenfolge als sie in den meisten Webdesign Unternehmen praktiziert wird.

Der Designer ist erst an der Reihe wenn die Usability geklärt ist

Diese Erkenntnis verändert das Aufgabenfeld des Designers erheblich. Im klassischen Zugang des Webdesigns, wurden Funktionen aus grafisch ästhetischer Sicht platziert. Im Zugang des UI Designs wird eine Usability erschaffen die dann mit grafischen Elementen (=dem Design) erfüllt wird. Damit wird aus dem Designer wieder ein klassischer Grafiker.
Zusätzlich zur veränderten Rolle des Designers wird eine neue Rolle im Prozess geschaffen, die des User Interface Designers oder Usability Beraters. Speziell bei komplexen Projekten mit User Interaktion ist diese Herangehensweise zielführend, stellt aber zugleich eine Herausforderung für Einpersonen Freelancer dar. Aufgrund der völlig unterschiedlichen Aufgaben im Prozess macht es in der Regel Sinn die Arbeitsschritte auf mehrere Experten Ihres Faches zu verteilen. Die psychologische Komponente der Usability und die handwerkliche Komponente des Grafikers widersprechen sich häufig.

Best Practice Tool im Wireframing OmniGraffle

OmniGraffle Wireframe Tool

Wenn man das optimale Werkzeug zum “wireframen” sucht, gibt es einen grundlegende Entscheidung zu treffen. Wenn Online-Kollaboration wichtig ist, dann kommt man um Webdienste nicht herum. Einen guten Beitrag dazu ist hier (Mashable) zu finden.

Wenn eine Onlinezusammenarbeit nicht notwendig ist greift man zu OmniGraffle einer kommerziellen Desktop Lösung für Mac, die dem optimalen Wireframing Tool schon sehr nahe kommt. Dank der Erweiterung um Stencils können einzelne Elemente die häufig gebraucht werden entweder selbst angelegt werden oder aber aus fertigen Bibliotheken hinzugefügt werden. Wenn man OmniGraffle nicht kennt ist etwas schwer zu beschreiben, was eigentlich dessen Hauptfunktion ist. Von Mindmapping über Präsentationen bis zur Raumplanung ist es eine weite Palette die das Programm abdeckt. Für den Einsatz beim “Wireframen” eignet sich OmniGraffle jedenfalls bestens.

Die wichtigsten OmniGraffle Stencil Sammlungen für’s Wireframing

Sicherlich entstehen mit der Zeit für jeden Anwender seine eigenen Stecils dennoch ist es gut auf ein bestehendes Set aufzubauen. Für spezielle Geräte die andere Anforderungen an die GUI haben, wie etwa das Iphone oder Android gibt es eigene Stencil Sammlungen. Für allgemeine Webapplikationen können wir folgende Sammlungen als Basis empfehlen:

• Konigi Sehr umfangreiche Sammlung
• Best Practice UX Forms Stencil v1.1 (via Graffletopia) v.A. für User Interfaces
• Simple Wire Frame Set (via Graffletopia) für schnelle Wireframes

Anforderung an Tools

Der Kunde sieht etwas und hat (in der Regel) eine Meinung.  Ein klassisches Problem dabei ist, dass sich Änderungswünsche nur schwer verbal formulieren lassen und kaum am Telefon besprochen werden können ohne Missverständnisse zu provozieren. Nicht immer sind Webdesigner und Kunde am selben Ort um Änderungen zu besprechen. Gefragt sind also Tools die es ermöglichen mit einfachen Mitteln Screenshots zu kommentieren oder Skizzen hinzuzufügen. In manchen Fällen sind auch Screencasts (Bildschirm Mitschnitt) von Vorteil, wobei hier angemerkt werden sollte, dass die Hemmschwelle von Kunden hier i.d.R. eher hoch ist.

Einfache Bedienung

Die wohl wichtigste Eigenschaft ist eine einfache Bedienung des Tools. Jedes Tool ist nur so gut wie der  Anwender damit umgehen kann. Ideal wäre wenn sich dieser Gedanke auch auf die Installation des Tools erstreckt (auch das kann eine Hürde sein).

Plattformunabhängig

Wenn ein Prozess standardisiert werden soll, ist es von Vorteil wenn Software zum Einsatz kommt die für alle Kunden zugänglich ist (Unabhängig von Betriebssystem oder Browser).

Screenshots kommentieren mit Werkzeugen

In der Regel sind es nur  drei Werkzeuge die von Kunden in Screen Reviews (Feedback Sessions) benützt werden. Kommentare (um Gedanken zu formulieren), Pfeile (um Kommentare zuzuweisen und Dinge zu bezeichnen), Rechtecke (um Formen zu skizzieren). Zusätzlich dazu wäre auch eine verweisende Nummerierung hilfreich, wobei dies den Bedienerwillen des Kunden oftmals überfordert. Zusammengefasst ist es wichtiger dass „Sprechblase“ und „Pfeil“ gut und intuitiv funktionieren, als zusätzliche Funktionen die den Kunden ev. überfordern. (Bedenken Sie der Kunde wird das Tool nur verwenden weil Sie ihn darum ersuchen und hat kein Interesse daran Funktionen zu „lernen“) – Weniger ist in diesem Punkt definitiv mehr.

Screencasting mit Sprachaufzeichnung

In diesem Punkt scheiden sich die Geister. Oftmals erscheint es sinnvoll einen Klickverlauf oder aber ein Verhalten im Browser nicht nur statisch zu betrachten sondern in Bewegung.   Hier stößt man in er Praxis gerne an eine Grenze die der Kunde nicht bereit ist zu überschreiten, was respektiert werden sollte. (Anm.: Eine Alternative für diesen Fall wäre der Einsatz eines Fernwartungs-tools  wie z.B. Teamviewer, das dem Kunden die „Arbeit“ abnimmt. Eine weitere Alternative ist  Skype mit Screensharing, wobei es auch hier Ressentiments gibt die zu respektieren sind.)

Universelles Outputfile

Ein Tool bietet nur dann Vorteile, wenn das Ergebnis des Reviews möglichst einfach betrachtet und übermittelt werden kann. Oftmals integrierte Upload und Sharing Funktionen sind sicherlich attraktiv treffen aber in der Regel nicht den Wunsch des Kunden. Exportierte Dateiformate wie JPG oder PNG haben sich in der Praxis bewährt, da diese auf jedem Rechner geöffnet werden können.

Fireshot – Der Platzhirsch als Browser Erweiterung

(Browser Extension, MS)
URL: http://www.screenshot-program.com/

Eines der beliebtesten Tools für Webdesigner ist sicherlich Fireshot. Speziell die Integration in Firefox wird von Webdesignern gerne genutzt, da diese ohnedies mehrheitlich mit Firefox arbeiten. Aktuell gibt es Fireshot sowohl als Erweiterung für Firefox als auch neuerdings als Erweiterung für den Microsoft Internet Explorer. Sowohl eine kostenlose als auch ein kommerzielle Version (Pro) stehen zur Verfügung.

Fireshot mit allen Funktionen im Überblick

Aus Sicht ihres Kunden (resp. der Kundenbeziehung) sollte Ihnen bewusst sein, dass die Existenz einer kommerziellen Version für unseren konkreten Anwendungsfall eher hinderlich ist. Die kostenlose Version kann bereits (gemessen an obigen Kriterien) weit mehr als der Kunde jemals brauchen wird. Wird mit kostenlosen Versionen von Programmen gearbeitet (und diese auch dem Kunden empfohlen) bei denen es auch kommerzielle Versionen gibt, besteht stets das Risiko, dass beim Kunden ungewollt der Eindruck entsteht er wäre nicht „gut“ genug nicht „komplex“ genug oder nicht „potent“ (finanziell) für die kommerzielle Version des Programms.

Installation von Fireshot (Browser Extension)

Die Installation von Fireshot ist zwar einfach stellt aber für die meisten Kunden dennoch eine Neuerung dar (die wenigsten haben sich jemals freiwillig eine Erweiterung für den Browser installiert)

Bedienung / Usability

Fireshot wird mit einem einfachen Klick auf das Logo in der Toolbar ausgelöst und bietet dem User eine breite Palette an Werkzeugen die mit etwas Übung gut eingesetzt werden können. In Relation zu anderen Programmen hat hier Fireshot sicherlich die Nase vorne, was die Vielfalt der Optionen im Editor betrifft. Speziell die Funktion halbtransparente Formen (mit Beschriftung) einfügen zu können ist von Vorteil. Der große Funktionsumfang stellt zugleich für manche Kunden eine Herausforderung dar die eventuell vermieden werden sollte.  In der Praxis reduziert sich Fireshot gerne auf die Funktion des Pointers (Pfeil mit Text) die sicherlich gut gelungen ist.

Kompatibilität

Der definitiv größte Nachteil des sonst sehr gut gelungenen Programms ist die Fixierung auf eine Microsoft Umgebung. (Es existieren weder Versionen für Mac OS-X noch für Linux) Für den einfachen Austausch der erstellten Screenshots können sowohl GIF, PNG, JPG als auch BMP Files erstellt werden. In der Praxis wird man hier zu JPG Files greifen. Die Integration in den Microsoft Internet Explorer erweitert das Spektrum der Anwendung für Kunden erheblich.

Zusammengefasst…

In reinen Microsoft Umgebungen ist Fireshot sicherlich die erste Wahl im Produktiveinsatz mit dem Kunden wenn es um Webdesign geht und dieser lernbereit ist. Für wenig versierte Kunden könnte der große Funktionsumfang des Editors zum Problem werden und Verwirrung stiften

Jing – Keep it simple

(Client Software Mac & MS)
URL: http://www.jingproject.com/

Jing ist der Alleskönner unter den Capture Programmen. Von Screenshots mit integrierte Kommentar Editor bis hin zu Screencasts bietet Jing in einer Anwendung ein breites Spektrum an Einsatzgebieten ohne den User mit Funktionen zu erschlagen. In Summe ist Jing sicherlich das beste Allroundtool zur spontanen Dokumentation von Webinhalten. Jing ist sowohl für Mac OS-X als auch für Microsoft Windows erhältlich und in der Basisversion Kostenlos. Ebenso wie schon Fireshot verfügt auch Jing über eine kommerzielle Version die für die hier avisierte Anwendung jedoch nicht notwendig ist.

Der Editor von JING

Bei genauer Betrachtung bemerkt man, dass sich Jing in Mac OS-X nahtlos Integriert während es in Windows den Umweg über das .NET Framework wählt. (Was letztlich auch zu einem guten Ergebnis führt aber in der Regel zumindes bei Windows XP die zusätzliche Installation des .NET Framework 3.0  erfordert)
Die kommerzielle Version von Jing empfiehlt sich nur wenn Screencasts produziert werden sollen, die kein Branding (Jing Logo) haben dürfen oder aber wenn Flash als Exportformat für Videos nicht in Frage kommt.

Installation / Client Software

Die Installation von Jing ist sofern das .NET Framework (Windows) bereits installiert ist einfach und unkompliziert. Bei Mac OS-X erfolgt die Installation gewohnt einfach.

Bedienung / Usability

Die Bedienung des Editors zum kommentieren von Screenshots ist einfach in der Handhabung und auf das wesentlichste reduziert. Screecasts gelingen ebenfalls auf Anhieb. Anders als bei Mac OS-X wird Jing bei Microsoft nicht durch ein dezentes Icon dargestellt sondern platziert sich als „Sonne“ am oberen Bildschirmrand.  Es ist gut vorstellbar, dass der ein oder andere Kunde damit ein Problem haben könnte.

Halbtransparenzen (Highlighting mit Farbauswahl) in JING

Kompatibilität

Jing läuft ausgenommen Linux auf allen Plattformen stabil und produziert als Output File PNG Grafiken, die von jedem Browser dargestellt werden können. Der integrierte Upload zu Screencast.com dürfte (obwohl sehr einfach) die meisten Kunden eher überfordern und ist damit obsolet sein.

Zusammengefasst…

Jing ist das Allroundtool mit klaren Stärken in der einfachen Bedienung. Für gemischte Arbeitsumgebungen ist es ideal und liefert schnell Ergebnisse. Wenn es erreicht werden kann, dass der Kunde sich an Jing gewöht und auch die Schwelle zum Screencasting überschreitet, dann erleichtert das den Prozess ungemein.

Notable – Top für Teams und Entwickler

URL: http://www.notableapp.com/
(Online Dienst)

Einfache Auswahl nach dem Login bei Notable

Im Gegensatz zu Jing und Fireshot arbeitet der Kunde bei Notable serverbasiert. Der Dienst wird über eine Toolbar im Browser per Klick ausgelöst. Dabei wird zuerst ein Capturing der gesamten Seite erstellt, das nicht nur grafische Oberflächen erfasst sonder auch den Code mit einbezieht.

Nach dieser Aufnahme steht dem User ein Editor zur Verfügung der darauf ausgelegt ist nummerierte Kommentare zu verwalten. Anders als bei Jing und Fireshot kann mit Notable  auch der Quellcode kommentiert werden. Eine lokale Kopie oder ein Export ist nicht vorgesehen kann aber via PDF generiert werden. Das Ergebnis des Reviews wird online gespeichert und kann an weitere Teammitglieder zur erneuten Überarbeitung weitergesendet werden. Zusätzlich zur Toolbar steht auch eine Iphone App zur Verfügung, mit der nicht nur Websites via Safari bearbeitet werden können sondern auch lokale APP‘s, was speziell für Iphone Entwickler hilfreich sein dürfte.

Der Editor von Notable mit Nummerierungen

Notable geht einen Schritt weiter in der Anwendung und stellt dem User ein gesamtes Verwaltungstool für diskutierte Websites zur Verfügung. Die absolute Stärke von Notable liegt darin anderen Usern sowohl einzelne Arbeitsbereiche als auch einzelne Screenshots freizugeben oder aber die entsprechenden URL’s an nicht registrierte User zu schicken. Speziell in virtuellen Organisationen wird man diesen Vorteil zu schätzen wissen.

Installation

Eine Client Installation ist nicht notwendig. Die Toolbar für Firefox ist schnell und einfach installiert und bietet Vorteile.

Bedienung / Usability

Den Quellcode kommentieren mit Notable

Wenn man sich einmal an das Handling gewöhnt hat, bietet Notable erhebliche Vorteile für versierte Benützer. Es kann schnell und effizient im Team gearbeitet werden und zugleich ein geordnetes Versioning via Workspaces organisiert werden. Speziell für umfangreiche Entwicklungen und Kunden die auch den Quallcode kommentieren wollen, ist Notable ein veritables Tool.

Zusammengefasst…

Notable ist mit Fireshot oder Jing nur schwert zu Vergleichen. Für umfangreiche Review Sessions mit Teammitgleidern oder erfahrenen Kunden ist es optimal geeignet. Für konventionelle Kunden Feedback Sessions ist es aus unserer Sicht nur bedinngt geeignet.

Fazit

Wenn lediglich Designaspekte zur Diskussion stehen, empfehlen wir Fireshot oder Jing für den produktiven Einsatz mit Kunden. Entscheiden sollten Sie sich für die Variante die Ihren Kunden eher entgegenkommt. Fireshot bietet einen größeren Funktionsumfang im Editor, Jing hingegen ist einfacher in der Anwendung und etwas universeller im Einsatz.

Für umfangreiche Entwicklungen in virtuellen Teams oder Review Sessions mit erfahrenen  Kunden liegt der Vorteil klar bei Notable. Hier ist der Fokus klar auf einer kontinuierlichen Entwicklung und weniger auf punktuellem Einmalfeedback.

Alternative Tools

Sollte für Sie das passende Tool nicht dabei sein finden Sie hier noch eine kurze Liste mit möglichen Alternativen zu Fireshot, Jing & Co.

Screenpresso - http://www.screenpresso.com/ (Nur Windows)
Skitch – http://www.skitch.com/ (Nur Mac)
Snagit – http://www.techsmith.com/screen-capture.asp (eher für Privatanwender)