Bounce

Bounce ist eine sehr einfach gehaltene Applikation, die es ermöglicht, online Ideen und Feedback auszutauschen. Sie lässt sich sehr intuitiv bedienen und verzichtet auf großen Schnickschnack. Von einer beliebigen URL wird automatisch ein Screenshot erstellt, auf dem dann Notizen untergebracht werden können. Über einen Link lassen sich weitere Teilnehmer einladen, um gemeinsam zu arbeiten. Alles läuft ohne Registrierung ab und ist zudem vollkommen kostenlos.

Der kleine Bruder TinyBounce wurde für den 10k Apart Contest (Dateigröße für Bilder, Skripte und MarkUp maximal 10kb) erstellt und beeindruckt trotz seiner Größe mit noch einfacherer Handhabung.

Notable

Notable ist im Gegensatz zu Bounce ein sehr umfangreiches Tool, das gleich vier Möglichkeiten bietet, Inhalte zur Verfügung zu stellen: JPG hochladen, eine URL eingeben, über ein Firefox Plugin direkt auf einer Website direkt kommentieren (so können auch eingeloggte Zustände und Code diskutiert werden) oder über iPhone/iPod.
Zudem bietet Notable eine Menge an Einstellungen und Features (Share, Archiv, Projekte, Website Flows, Tracking von Änderungen), die in der Tour ausführlich beschrieben werden.

Entsprechend der vielen Möglichkeiten, geht es preislich leider erst ab $24/Monat für einen Basis-Account los. Der kostenlose Account für maximal drei Nutzer ist für erste Versuche allerdings völlig ausreichend. Außerdem darf man zustäzlich alle kostenpflichtigen Angebote 30 Tage lang testen.

The Commentor

The Commentor erwartet eine Grafikdatei und unterstützt eine Vielzahl von Formaten, wie z.B. JPG, GIF, PNG, TIFF, PSD, BMP und auch Multipage PDFs. Sehr interessant ist die Möglichkeit, das 37signals Tool Basecamp zu integrieren. Viel mehr Funktionen bietet das Tool nicht, einzelne Designs lassen sich in Projekten organisieren, ansonsten liegt die Konzentration aber ganz klar auf den Notizen und Markierungen innerhalb einer Datei. Das muss nicht schlecht sein.

Für 15 Tage ist das Tool frei nutzbar, danach muss man für die weitere Nutzung mindestens $9,99 im Monat zahlen.

proofHQ

ProofHQ bietet neben der Integration von Basecamp auch noch die Integration der beiden Projektmanagement-Tools Huddle und SharePoint an. Zu den wichtigsten Features des Feedback-Tools zählen außerdem: bis zu 1GB große Dateien, Kontakte und Gruppen, Versionskontrolle, individuelles Branding und einfaches Markup.
Einen kostenlosen Account ist für maximal 5 Projekte und 500MB Speicherplatz verfügbar. Möchte man mehr, ist der günstigste Account für $17/Monat zu haben.

Draftboard

Draftboard kommt mit einem sehr schönen schlichten Interface daher und konzentriert mit Grautönen die Aufmerksamkeit auf die zu diskutierenden Inhalte. Teammitglieder können Kommentare verfassen, Fragen zu einzelnen Elementen stellen und Notizen direkt auf Screenshots platzieren.
Für 30 Tage kann man das Tools ausprobieren, sonst sind die Funktionen ab $12/Monat verfügbar.

Denote

Denote gehört auf jeden Fall zu den Tools mit einer sehr guten und einfachen Oberfläche. Durch gute Gruppierung und Strukturierung sind alle Funktionen übersichtlich untergebracht und schnell zu erreichen. Auf der Tour-Seite von denoteapp.com finden sich ausführliche Informationen und ein Demo-Video, das alle Funktionen genau erklärt.

Compost

Compost ist eine auf PHP und XML basierende Web Applikation, die auf dem eigenen Server installiert werden kann. Das Tool ist Open Source und darf vollständig für kommerzielle Projekte genutzt und erweitert werden.

Notebox

Notebox besticht ebenfalls durch seine sehr intuitive und moderne Oberfläche und dem Bestreben, es für den Kunden so einfach wie möglich zu machen. Kunden müssen sich nicht einloggen und keine Daten herunterladen. Ähnlich wie bei anderen Tools, lässt sich die Oberfläche auch visuell anpassen.
Nach der 30tägigen kostenlosen Testphase kann man ab £5/Monat fleißig Feedback mit Notebox sammeln.

Markup.io

Bei Markup.io lassen sich Notizen und Zeichen schnell und einfach über ein Bookmarklet direkt auf einer Website unterbringen und veröffentlichen. Momentan befindet sich das Tool noch in der Beta-Phase, funktioniert aber schon sehr gut.

ConceptShare

ConceptShare punktet mit einer sehr großen Anzahl von unterstützten Formaten. Das Tool bietet neben dem Hochladen von normalen Bilddateien (JPG, JPEG, TIFF, BMP, GIF, PNG, PSD) auch die Möglichkeit, Videos (AVI, DIVX, MP2, mp4, mpg, wmv, pdf, DWG, swf), Vector (CPT, CDR, EPS, WMF, AI, EMF, PDF) und Dokumente (PDF, DWG, Doc, docx, xls, xlsx, PPT, PPS, RTF) im Team im Browser zu besprechen. Zudem können alle Projekte als Bericht mit Kommentaren und bei Videos auch mit einzelnen Frames ausgedruckt werden.

ConceptShare kann kostenlos für 15 Projekte genutzt werden. Umfangreichere Accounts gibt es ab $24/Monat, bei denen dann auch ein individuelles Branding der Umgebung möglich ist.

Twiddla

Das Team von Twiddla bezeichnet das eigene Tool als “Meeting Playground”. Auf einem öffentlichen oder privaten “Whiteboard” können in Echtzeit Bilder, Dokumente, Texte und Webseiten angezeigt, es kann frei gemalt oder Formen und Medien hinzugefügt und mit anderen Teilnehmern geteilt werden. Die Kommunikation läuft dabei entweder über die integrierte Voice-Funktion oder in schriftlicher Form über den Chat.
In der öffentlichen Sandbox könnt ihr alles ganz einfach selber ausprobieren.

Die Online-Meetings können mit einem kostenpflichtigen Account ab $14/Monat veranstaltet werden. Solltet ihr Student oder Professor sein, ist die Nutzung für euch sogar kostenlos möglich.

Fazit

Eigentlich alle der hier vorgestellten Tools bieten eine echte Hilfe und können einen Abstimmungsprozess enorm vereinfachen und sehr komfortabel gestalten. Natürlich werden sie keine Meetings ersetzen können, aber gerade wenn kein persönliches Treffen möglich ist, sollte man sich die obere Liste genauer anschauen und sich ein geeignetes Tool aussuchen.

Mir persönlich haben die beiden ersten webbasierten Feedback-Tools am besten gefallen:
Bounce, weil es sehr schön einfach gehalten ist und die grundlegenden Funktionen perfekt. Ein weiterer Pluspunkt ist natürlich die Tatsache, dass die Nutzung kostenlos ist.
Notable, weil es bei dem komplexen Funktionsumfang den besten Eindruck von Usability und Nutzen gemacht hat, auch wenn es vom Preis her zu den teureren Tools gehört.
Beide Tools in Kombination sollten den größten Teil möglicher Anforderungen abdecken.

Eine kostenlose und unverbindliche Methode ist z.B. das Befragen von Kollegen, Freunden oder Familie. Dafür eignet sich z.B. der einfache 5-Sekunden-Test, bei dem man einer Person eine Website 5 Sekunden lang zeigt und dann aufschreiben lässt, was in Erinnerung geblieben oder besonders aufgefallen ist. So finden sich schnell Problemstellen oder aber auch gut funktionierende Mechanismen.
Wer mehr zum Thema einfache, kurze und regelmäßige Usability Tests erfahren möchte, dem kann ich das Buch Web Usability: Rocket Surgery Made Easy empfehlen, in dem Steve Krug Usability Optimierung gut und an praktischen Bespielen erklärt.

Auch im Web finden sich unzählige Tools, die helfen sollen, Usability-Tests einfach und schnell durchzuführen. Dazu zählt auch das Online Tool Five Second Test, das die oben genannte 5-Sekunden-Methode ins Web holt. Ich möchte das Tool in diesem Artikel etwas genauer vorstellen.

Das Tool

Wie der Name schon verrät, geht es bei dem webbasierten Tool Five Seconds Test um die schnelle Durchführung von Usability Tests und unkompliziertes Feedback von Probanden. Das Ziel ist, dass unabhängige Personen Entwürfe oder fertige Websites beurteilen und so auf Verbesserungen aufmerksam machen.

Die Testpersonen werden mit einem Screenshot konfrontiert und sollen nach kurzer Zeit wiedergeben, was hängen geblieben ist.
Die Ergebnisse können auf 2 Wegen angegeben werden: Über einen Click Test direkt auf dem Screenshot oder durch das Aufzählen der Punkte aus dem Gedächtnis. So erkennt man relativ schnell, ob wichtige Elemente gut sichtbar und wiedererkennbar gestaltet und platziert sind.

Die Tests sind sehr schnell mit der Angabe von ein paar Punten erstellt. Am Anfang werden ein paar Details abgefragt, dann folgt der gewünschte Screenshot und am Ende gibt es die Möglichkeit, eine Aufgabe zu formulieren und verschiedene Fragen an die Testpersonen zu stellen. Danach können die Tests auch schon beginnen.

Im Backend können registrierten Nutzer an zufällig ausgewählten Tests anderer Nutzer teilnehmen. Für jede Teilnahme bekommt man sogenannte Karma Punkte, die man dann wiederum einsetzen kann um weitere eigene Tests durchzuführen. Da ein Test nicht viel länger als 5 Sekunden dauert, braucht man sich nicht viel Zeit nehmen und kann immer mal wieder zwischendurch teilnehmen.

Für jeden Test erhält man einen Report, der die Ergebnisse der Durchläufe festhält und aufbereitet. Der Testreport zeigt die Auswertung, aufgesplittet nach einzelnen Fragen und Punkten. Zum Beispiel in einer Tag-Cloud mit den häufigsten genannten Begriffen (siehe Screenshot unten).

Alle Tools von usabilityhub sind über einen Account in der Basis-Version kostenlos nutzbar. Neben fivesecondstest gibt es auch noch die Tools navflow und clicktest im Angebot. Erweiterte Funktionen bekommt man dann ab $20 pro Monat. Tests von zahlenden Nutzern werden beispielsweise etwas bevorzugt und die Test- und Response-Limits können erhöht werden.

Fazit

Das kinderleichte Erstellen der Tests und die geringe Hürde, an anderen Tests teilzunehmen, machen das Tool für mich zu einem echten Gewinn. So kann man ohne viel Aufwand und in regelmäßigen Abständen immer mal wieder eigene Projekte testen und Schwachstellen ausfindig machen. Ich rate jedem, sich mindestens mal die kostenlose Version genauer anzuschauen. Ich freue mich auf euer Feedback und eure Erfahrungen.

Eine kostenlose Demo-Version, leider auf 30 Bilder limitiert, könnt ihr auf der offiziellen Seite herunterladen und ausführlich testen. Eine Lizenz für die Vollversion gibt es für 27€.

Beim Thema Website-Konzeption taucht immer wieder eine Frage auf: Wireframes? Sinnvoll oder Zeitfresser?

Ich sage: “Definitiv sinnvoll!” Wireframes sind nützliche Hilfsmittel um komplexe Strukturen und Sachverhalte zu veranschaulichen und anderen zu erläutern. Das kann hilfreich sein für Präsentationen beim Kunden, um in der Konzeptionsphase den Überblick zu behalten oder um in der Entwicklungsphase genaue Vorgaben und Ideen zu visualisieren und festzuhalten. Wireframes bilden eine Schnittstelle zwischen Konzeption und Design/Umsetzung. Genaue Aufgaben und Funktionen können definiert und im Nachhinein überprüft werden.

Im Gegensatz zu einem Mock-Up, das schon Farben, Look&Feel und Design-Elemente enthalten kann, wird bei einem Wireframe in der Regel nur die Struktur, das “Drahtgitter”, einzelner Seiten definiert. Das heißt, die Anordnung, die Positionierung im “Raum”, Reihenfolgen werden skizziert und diskutiert. Eine genaue Definition, wie ein Wireframe auszusehen hat, gibt es allerdings nicht, so können Wireframes sich im Detailgrad teilweise stark unterscheiden.

Ich habe mich in lezter Zeit verstärkt mit Wireframes und dem Erstellen solcher beschäftigt. Dabei habe ich einige hilfreiche Tools und Quellen gefunden, die ich euch nicht vorenthalten möchte:

• Auf t3n.de gibt es einen guten Artikel zum Thema Wireframes, der Generelles, Vor- und Nachteile erläutert.
• Eine wirklich große und hilfreiche Sammlung von Wireframe-Ressourcen gibt es bei speckyboy.
• Inspirationen findet man im coolen Ilovewireframes-Pool auf Flickr, der eine Menge unterschiedlicher Wireframes enthält.
• Mashable stellt 10 freie Wireframing Tools für Designer vor

Wie für fast alle Aufgaben gibt es mittlerweile auch einige Tools, um Wireframes online zu erstellen. Ich habe acht interessante davon rausgesucht.

hotgloo

Pidoco

Mockingbird

iPlotz

Gliffy

MockFlow

ProtoShare

Lumzy (kostenlos)