Zootool gibt es schon ein Weilchen. Letzte Woche ging das Re-Design live. Habu (aka Hartmut Wöhlbier) und Bastian Allgeier aus Mannheim sind das Team dahinter. Zootool ist also »Made in Germany« – mit dem Sound des Südwestens. Grund genug, den Web-Streichelzoo mal näher vorzustellen.

Was ist Zootool?

Zootool is about collecting, organizing and sharing your favorite images, videos, documents and links from all over the internet.

Es bietet sich also zum Sammeln von Websites, Fotos, Videos usw. an. Die Inhalte werden mit dem sog. Lasso – einem Browser-Bookmarklet – gefangen. Außerdem gibt es eine Reihe von Tools und Features zur Organisation der Beute und zum Austausch mit anderen Großwildjägern. Schnittstellen zu anderen Services, wie etwa Twitter, sind auch dabei.

Der erste Eindruck

Design ist Geschmackssache. Mir persönlich gefällt Braun und die Oberfläche wirkt aufgeräumt. Auch sonst finde ich die Gestaltung sehr gelungen. Die dunkelbraunen Holztexturen wirken sehr edel.

Zootool Startseite nach Login

Features & Funktionen

Die Oberfläche der Webanwendung dürfte Mac-Nutzern vertraut sein. Wir kennen das ein oder andere Bedienelement bereits aus unserem Betriebssystem. Aber auch alle anderen dürften, nach kurzer Eingewöhnung, gut zurechtkommen. Optisch ansprechend sind die Tools auch gestaltet.

Das Zootool nur in englischer Sprache verfügbar ist, ist für mich kein Manko. An einer deutschen Version wird aber auch schon gearbeitet.

Jagen & Sammeln

Das Lasso ist das wichtigste Werkzeug des Jägers. Mit dem Browser-Bookmarklet werden die begehrten Websites, Fotos, Videos, etc. eingefangen und in den Zoo geschickt.

Mit Aquarium und Aviary stehen zwei weitere (sekundäre) Tools zur Verfügung. Aquarium ist eine Schnellsuche für die Browser-Toolbar, mit deren Hilfe man von überall Zugriff auf die eigenen Zoobewohner hat. Aviary ermöglicht das zeitgleiche Publizieren von Beuteinhalten auf Twitter und Zootool.

Organisieren

Der zentrale eigene Arbeitsbereich nennt sich sinnigerweise Zoo. Hier werden die Jagdtrophäen gesammelt, organisiert und beschrieben. Die Inhalte lassen sich außerdem in Packs kategorisieren. Natürlich können auch Tags zur Verschlagwortung gesetzt werden.

Der Zoo (zum Vergrößern anklicken)

Teilen & Publizieren

Keine moderne Webanwendung ohne soziale Komponente. Und so kann man sich natürlich auch bei Zootool mit anderen Nutzern vernetzen. Zu diesem Zweck folgt man anderen und/oder man abonniert das Feed ihres Streams.

Darüber hinaus stehen auch Schnittstellen zur Verfügung, mit deren Hilfe man die eigene Beute in andere Kanäle seiner Wahl publizieren kann. Derzeit stehen hierfür Twitter, Delicious, Friendfeed und Tumblr bereit. Es ist denkbar bzw. wünschenswert, dass weitere Schnittstellen folgen.

Fazit

Zootool dürfte für alle Jäger und Sammler mehrere Blicke wert sein. Für mich ist es jetzt das Tool der Wahl. Meine positive Bewertung ist unabhängig davon, dass die beiden Macher aus Mannheim sind und ich Habu kenne. Die Vorgängerversion konnte mich z.B. noch nicht ganz überzeugen. Die Anzahl der Nutzer von Zootool und ihre rege Aktivität auf der Plattform, ist ebenfalls als gutes Zeichen zu deuten.

(Wer Zootool nutzt und sich mit mir vernetzen möchte findet mich unter zootool.com/user/webzeugkoffer/)

Der Begriff Homepage ist bewusst gewählt. Es geht konkret um die Startseiten von Websites. Sebastian Küpers hat hierzu einen Wireframe veröffentlicht, der Teil der Planungen zu seiner eigenen Website ist. Das Ganze beschreibt er unter “The Missing Profile Page – or: Relaunch of pixelsebi.com“.

Daraus ergibt sich die Frage danach, wie denn eine persönliche Website bzw. der Einstieg dazu zukünftig aussehen könnte. Eine Frage, die auch im Zusammenhang mit dem Open Web interessant ist.

Mögliche Ansicht der neuen Pixelsebi Homepage

Ein ganz interessanter Ansatz, der durchaus in vielen Fälle sinnvoll sein könnte. Je nachdem, wie aktiv der Betreiber einer Website im sozialen Netz ist, oder ob er für die eigene Website themenrelevate Inhalte auch andernorts publiziert.

Mashups, Lifestreams, Activitystreams etc.

Mashups, Activitystreams etc. werden immer bekannter. Viele nutzen sie sogar, ohne sich über die Bezeichnung hierfür bewusst zu sein. Muss man auch nicht.

Solche Gebilde tragen der Evolution des Web Rechnung. Wer im Web publiziert, tut das oft nicht mehr nur über die eigene Website. Beispiele sind Twitter, flickr! und Konsorten. Auf diese Weise lagern sich weit zerstreut im Web die Inhalte eines Nutzers ab. Diese Inhalte möchte man wiederum u.U. “einfangen”. Dank Schnittstellen bzw. APIs, können diese Dienste automatisiert nach neuen Inhalten abgefragt werden. Heute gilt meist: Kein neuer Dienst ohne ein mehr oder weniger breites Angebot an APIs.

Die einen bieten fertige Dienste an, z.B. lifestream.fm. Nachteil hier: Ein weiteres Nutzerkonto im sozialen Netz. Die anderen experimentieren für sich, z.B. mit Sweetcron (s. mein Beispiel) und aggregieren sich ihre Inhalte selbst auf ihrer eigenen Domain. Aggregation des webweiten Publizierens.

Das Problem besteht darin, dass es zwar viele Schnittstellen gibt, aber wenig standardisierte Ansätze darunter sind.

Wie die Profilseite zur Homepage wird

Das hat früher oder später auch Auswirkungen auf die persönliches Websites. Anstatt nur raus zu linken, aggregiert man also auch verteilte Informationen zentral. Mal mehr, mal weniger offensichtlich.

Ein Beispiel für einen solchen Ansatz ist das, was Sebastian Küppers (Pixelsebi) mit seiner Website vor hat.

The basic idea is, as you might have already noticed, that I create my very own profile page – which will be the new homepage of pixelsebi.com – and to therefore have my very own comprehensive and aggregated online identity – hosted on my own server, under my own domain – everything done based on open standards and Wordpress.

Eine zentral gehostetes Profil des Nutzers im Web fungiert gleichzeitig als Homepage der eigenen Website. Den Kern bilden z.B. seine Veröffentlichungen im eigenen Blog. Drumherum angereichert mit anderen, an anderen Stellen publizierten Informationshäppchen oder sonstigen “Ergüssen” aus dem sozialen Netz. Diese Übersicht eines Profils im sozialen Netz, sowie die neuesten, originär auf der privaten Domain veröffentlichten Inhalte (z.B. neueste Blogartikel), bilden zusammen die Homepage eines Webaufritts.

Um das zu erreichen, müssen die Daten aus verschiedenen Quellen gesammelt und zentral wieder aufbereitet werden. Auf der eigenen Domain z.B.

Dienste, APIs und offene Webstandards

Es stehen für diesen Zweck bereits eine Fülle Schnittstellen bzw. APIs zur Verfügung, über die sich die diversen Publikationskanäle des Individuums bündeln und integrieren lassen. Um einige wichtige Kanäle zu nennen, die auch über APIs angezapft werden können:

• Twitter
• flickr!
• XING, LinkedIn u.ä.

Vieles davon nutz man auch heute schon. So z.B. eine Übersicht der letzten, auf flickr! hochgeladenen Fotos, der letzten Tweets bei Twitter und ähnliches, oft eingebunden in der Sidebar eines privaten Blogs.

Ermöglicht wird der Austausch von Daten zwischen verschiedenen Diensten und bspw. der eigenen Website durch die APIs. Im Idealfall basierend auf offenen Webstandards. Diese wiederum sind nötig, damit Entwickler nicht eine Vielzahl von Schnittstellen “lernen” müssen, um den Datenaustausch zu ermöglichen. Hier gibt es noch viel zu tun. Ja auch “die Applikationsebene schreit nach Standards” ;-) Zuhören kann man übrigens u.a. im Open Web Podcast.

Titelfoto von flickr: I support the Open Web rubber band

scrnshots.com

Der Onlinedienst ScrnShots ist ein Tool zur Verwaltung von Screenshots. Das Prinzip ist einfach. Hochladen, beschreiben, vertaggen. Über verschiedene Schnittstellen können die gesammelten Screenshots außerdem exportiert und mit anderen geteilt werden.

ScrnShots Funktionen und Features

• Desktop Uploader für Windows und Mac
• Screenshot Feeds und Widgets zur Integration in eigene Website
• Community: Kommentare, Bookmarks und Diskussion
• API für Integration und Entwicklung eigener Tools

Blick in den Useraccount

Ein schönes Tool

Ich habe mir einen Account angelegt und bin bisher sehr zufrieden mit dem Service. Meine Screenshots liegen ab unter: scrnshots.com/users/webzeugkoffer

Es löst für mich das Problem, meinen flickr-Account mit Screenshots zu übersähen.

Microspaces Beispiel StoryLinez

Microspaces oder Nested GUIs (basiert auf MS Netsted GUIs) werden als ein innovatives Zukunftskonzept grafischer Benutzeroberflächen vorgestellt. So lassen sich Informationen in multiplen GUIs organisieren, die ineinander verschachtelt sind. Die auf der Oberfläche gruppierten Vorschaubilder der einzelnen GUIs werden per Hover oder Klick herangezoomt und geöffnet, um so die enthaltenen Daten darzustellen.

It’s as if you’ve organized all info for a topic in a box, and the box is made of glass.

Microspaces in der Praxis

Ein Beispiel für den Einsatz von Microspaces kann man sich bei SnoopDiggy ansehen. Hier werden verlinkte Newssites bei Hover zur Vorschau geladen und dargestellt.

Derzeit stehen neben einer kurzen Beschreibung noch fünf Videos zur Vorstellung der Nested GUIs bereit.

Mögliche Nachteile

• Schlechte Performance bzw. Ladezeiten
• Barrierefreiheit – ohne javascript nicht zugänglich

I like the fact that people are playing around with more visually rich browser interfaces, but I am not convinced that you gain more in visual information here than you give up in speed versus simpler text-heavy solutions to the same problems (RSS feeds, Netvibes, bookmarks, etc.). But it’s a step in the right direction.
Techcrunch über Microspaces

Via Microspaces: The next GUI?

Today, most of what we use the web for on a day-to-day basis aren’t just web pages they’re applications.
Aus dem Google Chrome Comic

Die drei wichtigsten Features aus Sicht des Herstellers, die auf der Downloadseite genannt werden:

• Eingabefeld für alles
• Miniaturansicht besuchter Websites
• Anwendungsverknüpfungen

Hinzu kommen u.a. auch noch die flotte Bearbeitung von Download-Anfragen und der direkt verfügbare Inkognito-Modus für anonymes Surfen.

Adresszeile als universales Eingabefeld

Hier macht Chrome nicht nur Vorschläge aus der Chronik und den Favoriten. Zusätzlich kann auch die Google-Suche angeworfen werden. Was das zusätzliche Eingabefeld für eine Websuche erspart. Vorausgesetzt, man sucht ausschließlich über Google.

Adresszeile mit zusätzlichem Link zur Google-Suche

Verknüpfungen für Anwendungen

Es lassen sich Verknüpfungen zu den genutzten Webanwendungen erstellen. Als Verknüpfung für den Desktop, die Schnellstartleiste oder das Startmenü. Aus Sicht eines durchschnittlichen Nutzers (Otto) eine durchaus sinnvolle Sache. Webanwendungen sind für Nutzer Anwendungen wie andere auch, mit dem Unterschied, dass sie im Browserfenster ausgeführt werden. Warum soll man sie nicht verknüpfen können, wie andere installierte Anwendungen? Das Internet verschmilzt zu einem universellen Anwendungsraum.

Das spart im Alltag einen Schritt. Anstatt zunächst den Browser zu öffnen und dann einen Bookmark anzusteuern, öffnet man Browser und Anwendung mit einem (Doppel-) Klick. Dabei lassen wir uns Webjunkies mal außen vor, die mit implantiertem Browser herumlaufen.

Anwendungsverknüpfungen anlegen

Inkognito-Modus und Download-Anzeige

Inkognito-Modus

Download-Anzeige

Leichtigkeit

Das Äußere wirkt modern und leicht. Der Browser arbeitet flott und ist recht intuitiv bedienbar. Welche Features noch zu entdecken sind, welche Schwächen er hat und welche Plugins mal zur Verfügung stehen werden, wird die Zeit erweisen. Soweit ist der erste persönliche Eindruck sehr positiv, bewegt mich aber (noch) nicht zum Wechsel.

Weitere Testberichte

• Frank Helmschrott: Google Chrome: Download des Browsers und erster Eindruck
• Walt Mossberg Eindrücke nach einwöchigem Test: First Test of Google’s New Browser
• Natürlich auch schon die ersten kritischen Stimmen zur geliebten Privatsphäre: Zeig Google, wo du surfst
• Im Barrierekompass: Google Chrome: Gut für Webentwickler

Hintergründe zum Browser

• Die Story zu Google Chrome
• Google Chrome Comic mit Hintergründen zur Technologie

9 bei flickr

• Resources for Creating, Testing, and Sending HTML Emails
• 6 Best Design Pattern Sites
• 10 Weblog Engines Reviewed
• 33 Website Success Metrics Instead of Rankings, Google PageRank and Traffic
• Google Chrome: Google’s Browser wird veröffentlicht

Mobile Suche und Services

Eine Konzeptstudie zur Mobilen Suche: Future of Mobile Internet Search.

Aurora Browser

Mozillas Aurora Browser zeigt eine Konzeptsudie über den Browser der Zukunft: Aurora Konzept Video (in Zusammenarbeit mit Adaptive Path).

Beide aber dürften großes Potential haben. Gerade Suchdienste für’s mobile Endgerät erfreuen sich immer größerer Beliebtheit. Browserkonzepte müssen auch dringend weiter gedacht werden. Vor allem dynamischer und intelligenter, den Nutzer besser unterstützend. Wobei das Erste wohl noch eine Spur Science Fiction beinhaltet.

Bilderquelle jeweils die genannten Websites