Screenshots sind ein wichtiges Instrument, um Feedback zum Design einer Website zu geben. Mit den entsprechenden Werkzeugen könnt ihr sehr genau klarmachen, um welche Objekte es auf einer Website geht, und was ihr gerne ändern würdet beziehungsweise welche Änderung ihr vorgenommen habt. Auf dem Markt tummeln sich mittlerweile einige Tools, die euch dabei unterstützen. Um euch die Auswahl zu erleichtern, haben wir sieben der wichtigsten Screenshot-Tools für Entwickler und Designer für euch herausgesucht.

Marker ist eine Screenshot-Erweiterung für Googles Chrome-Browser, die sich speziell an Entwickler und Designer richtet. Der Vorteil von Marker gegenüber ähnlichen Chrome-Erweiterungen liegt unter anderem darin, dass sich das Tool direkt mit den Web-Apps Slack, Trello, GitHub und Jira verbinden lässt. So könnt ihr Screenshot mit nur einem Klick mit euren Kollegen teilen, und so beispielsweise auf etwaige Probleme beim Interface eurer Website hinweisen. Demnächst soll außerdem Bitbucket, Basecamp und Evernote unterstützt werden.

Marker erlaubt außerdem aber auch den Upload auf den Server des Anbieters, um euer Screenshot direkt per URL mit jemandem zu teilen. Darüber hinaus könnt ihr eure Screenshots direkt mit Marker kommentieren und sogar Emojis darauf hinterlassen. Pfeile oder kleine Kästchen könnt ihr ebenfalls auf euer Screenshots malen. So habt ihr alle Möglichkeiten an der Hand, euren Kollegen zu verdeutlichen, wo genau das Problem liegt.

Mit Usersnap könnt ihr Screenshots von Webseiten erstellen, sie kommentieren und einzelne Bereiche markieren. Über ein entsprechendes JavaScript-Snippet könnt ihr diese Funktionalität auch direkt in eure Website einbauen. So können Team-Mitglieder beispielsweise direkt auf etwaige Bugs hinweisen. Außerdem existieren auch Browser-Erweiterungen für Chrome und Firefox.

Die erstellten Screenshots könnt ihr nicht nur über die Web-App von Usersnap anschauen und kommentieren, sondern auch direkt per E-Mail versenden. Außerdem könnt ihr Usersnap in euren Workflow einbinden. Das Tool unterstützt die Integration in unzählige Tools und Dienste wie Basecamp, Jira, Trello, Asana, Pivotal Tracker, Slack, HipChat, Evernote oder GitHub. Die Preise beginnen bei 19 US-Dollar im Monat.

Whishbox ist primär als Werkzeug für Nutzer-Feedback gedacht. Das integrierte Screenshot-Tool verhindert, dass eure Besucher, die Probleme mit eurer Seite haben, diese umständlich beschreiben müssen. Stattdessen wird ein Screenshot erstellt, auf dem sie die relevanten Bestandteile der Seite markieren und kommentieren können. Dazu können sie aber natürlich trotzdem noch einen Text verfassen, sofern es notwendig ist.

Wie Usersnap könnt ihr Whishbox direkt per JavaScript in eure Seite einbauen. Im Gegensatz zu dem Konkurrentprodukt bekommt ihr das Feedback aber lediglich per E-Mail. Eine direkte Integration in euren Workflow ist nicht vorgesehen. Dafür könnt ihr Whishbox für bis zu 100 Einsendungen pro Monat kostenlos nutzen.

Ember ist ein Screenshot-Tool für OS X. Damit könnt ihr auf einfache Art und Weise Screenshots erstellen und direkt bearbeiten. Eure Screenshots werden anschließend in einer lokalen Datenbank abgelegt, die ihr bequem durchsuchen könnt. Sehr praktisch: Ember analysiert die Farben der Screenshots und speichert sie als Meta-Daten ab.

Dank Erweiterungen für Chrome und Safari könnt ihr außerdem auch ganze Webseiten als Screenshot speichern. Um die Screenshots auch unterwegs abrufen zu können, unterstützt die App auch die Synchronisation mit eurer Dropbox. Ember kostet 49,99 Euro.

Wer einfach nur eine App sucht, um Screenshots zu erstellen und sie mit Kommentaren und Markierungen zu versehen, der sollte sich Skitch anschauen. Die kostenlose App gibt es in Versionen für OS X, Windows, iOS und Android. Skitch stammt von Evernote und unterstützt daher auch die Ablage der Screenshots direkt in dem Notizdienst. Zur Nutzung der App ist ein Evernote-Account aber nicht zwingend notwendig.

Wenn es euch lediglich darum geht, Screenshots von einer Website zu machen und zu bearbeiten, solltet ihr euch die Chrome-Erweiterung Awesome Screenshot ansehen. Auch hier könnt ihr auf einfache Art und Weise Bereiche eures Screenshots markieren und kommentieren. Die Bilder lassen sich automatisch entweder beim Anbieter oder auf Google Drive abspeichern. Außerdem könnt ihr sie natürlich auch lokal abspeichern und direkt an Team-Mitglieder versenden.

Recordit fällt ein wenig aus der Reihe, weil ihr damit keine statischen Screenshots, sondern animierte GIF-Dateien erstellt. Aber auch das kann praktisch sein, wenn ihr euren Kollegen auf etwaige Probleme beim Nutzerinterface eurer Web-App hinweisen wollt. Recordit gibt es in einer kostenlosen Variante für OS X und für Windows. Mit Recordit Pro bieten die Macher allen Mac-Nutzern außerdem eine kostenpflichtige Version. Mit ihr könnt ihr eure GIFs mit einem Passwort schützen und könnt sie mit einer höheren Bildwiederholrate aufnehmen.

Die Bedienung von Recordit ist kinderleicht. Ihr müsst lediglich einen Bildbereich markieren und die Aufnahme starten. Anschließend speichert das Tool alle Bewegungen als animiertes GIF ab. Das wiederum könnt ihr dann per Link ganz einfach an eure Kollegen senden oder direkt in Tools wie Slack einbinden.

Vielleicht auch interessant: Hier findet ihr eine Auswahl von Tools für den perfekten Screenshot auf eurem Mac.

Letztes Update des Artikels: 5. April 2016