Zwei Artikel, die ich gerade gelesen habe, beschäftigen sich mit dem Wandel.

Zunächst muss man sich natürlich fragen, ob es so was wie Corporate Websites noch gibt, bzw. ob diese noch zeitgemäß sind: Die Corporate Website ist tot,es lebe… U.a. findet sich dort diese These:

Die Corporate Website ist zentraler Ankerpunkt für alle Webaktivitäten eines Unternehmens

Das muss auch in der Kommunikation mit den verschiedenen Stakeholdern berücksichtigt werden. Hier bieten sich bspw. die Social Media Newsrooms als zeitgemäße Wege in der Onlinekommunikation an.

Der Artikel 5 Wege die Corporate Website mit Social Technologies weiterzuentwickeln beschäftigt sich mit Ansätzen zur Dialogorientierung und Reduktion der Komplexität.

Corporate Websites sind keine Silos mehr, in der wir alle unsere Daten und Features reinstopfen, um dann alle Interessenten einzeln ins Silo zu lassen, um sich die Sache mal anzusehen.

Simon Collisons Website besticht durch schlichte Eleganz und eigenwillig bebilderte Teaser.

Der Bithalter dieses Mal zu 2/3 deutschsprachig. So könnte das weiter gehen.

• Kuck Mama, das arbeite ich: Konzeption & Design in der Praxis
• Das lautlose Geheimnis guter Websites: Was ist eigentlich Informationsarchitektur?
• Einweg-Prototyping: Schnelle Ergebnisse mit Throwaway Prototyping
• Dort sein, wo der Kunde ist und da sein, wenn der Kunde da ist? Social Media: Dialog rund um die Uhr?
• Social Media is No Holy Grail
• Tools for concatenating and minifying CSS and JavaScript files in different development environments – Robert’s talk

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/)

Natürlich musste dazu das Smashing Magazine herhalten. Vor drei Tagen hielt Good Dog Creative drauf: The Design Community Killed the Community (or maybe we just get what we give).

Ich kann beide verstehen, denke nur, dass man die Sache noch etwas differenzierter betrachten muss.

Scrivs

Früher gab es fast ausschließlich richtige Designartikel. Kaum Linklisten oder Tutorials. Man diskutierte über Webdesign.

Every article that you came across wasn’t a tutorial or list. Hell, the majority of them weren’t tutorials or lists. There were articles that actually talked about design.

Im Prinzip macht er auch nicht das Smashing Magazine für den Verlust der Diskussionskultur verantwortlich. Er sieht das Problem eher bei den Trittbrettfahrern.

The problem is it seems like everyone is following their model, even down to the million and one ads in a sidebar.

Eventuell befürchten manche, mit ihrer eigenen Meinung niemanden mehr zu erreichen. Vielleicht sollten sich jene dann aber fragen, warum sie überhaupt bloggen. Man darf außerdem Meinung nicht mit Mehrheit verwechseln.

Good Dog Creative

Autor Eric hat Recht, wenn er schreibt, dass die Community das bekommt, was sie verlangt. Zumindest ist sie da und nimmt die angebotenen Inhalte an.

Did Smashing Magazine grab those readers and commenters by the hair and drag them kicking and screaming to their post forcing them to make their comments? No. Smashing Magazine simply gave the community what it wanted.

Aber bekommt die Community überhaupt das, was sie möchte? Oder ist nichts anderes im Angebot? Angebot und Nachfrage? Nachfrage und Angebot? Henne oder Ei?

Er hat auch Recht, dass scheinbar einfache Beiträge viel Aufmerksamkeit bekommen. Auch in Form von sehr vielen Kommentaren. Aber brauchen wir Kommentare wie “First :-)”, “Great Article” etc.? Eher nicht. Eigentlich geht es auch nicht (mehr) um den sozialen Längenvergleich. Und wenn, dann hätte Smashing Magazine eh schon gewonnen.

Magazin vs. Blog

Hierbei beziehe ich mich auf beide genannten Artikel. Smashing Magazine ist imho kein Blog. Das ist mehr ein Onlinemagazin – trotz Great-Article-Bestätigungsfunktion. Das Smashing Magazine als Magazin mag ich trotzdem, lese dort aber schon lange nicht mehr die Kommentare.

Es sind v.a. ausführliche Linklisten und Zusammenfassungen, Best-Practice Empfehlungen und Tutorials, die vorgetragen werden. In letzter Zeit wieder von besserer Qualität, wie ich finde. Das hat eher Magazin-Charakter. In Printmagazinen ist das ähnlich. Wobei dort der Schwerpunkt noch auf Berichten und Tutorials liegt. Selten aber auf der persönlichen Meinung des Autors.

Ein Blog aber zeichnet sich für mich u.a. und zu einem großen Teil durch die eigene Meinung des Autors aus. Außerdem durch Tipps auf Basis persönlicher Erfahrungen. Im Idealfall schließt sich dann eine angeregte und sachliche Diskussion zum Thema an.

Linkschleudern und Twitter

Irgendwann ist’s auch mal gut. Braucht ein Listenartikel Re-Tweets und Mikrowellen in großer Zahl? Mich persönlich nervt das.

Generell achte ich selbt darauf, keine Artikel zu tweeten oder zu erwähnen, die eh schon hundertfach Erwähnung fanden. Das ist Energieverschwendung und nervt die Leser. Bookmarken und Schnauze halten, so könnte die Devise lauten.

Ein Teil der Kommentar- und Diskussionskultur geht vielleicht auch auf Kosten von Twitter, Facebook und Nachkommen. Diskussionen verlagern sich raus aus den Blogs und verpuffen später im Raum.

Ich finde Listenartikel bedingt gut

Ich habe rein gar nichts gegen gut recherchierte Auflistungen passender Artikel zu bestimmten aktuellen Themen. Am meisten schätze ich solche, die darüber hinaus noch durch den Verfasser (an-) kommentiert sind. Diese Art von Beiträgen kann anderen beim Einstieg in eine bestimmte Thematik behilflich sein.

Ich selbst setze bei Gefallen Bookmarks und verfasse den ein oder anderen Tweet. Nur für Blogposts, die lediglich auf andere Listen-Posts verweisen, habe ich weniger Verständnis. Solche Beiträge lassen meinen Feedreader überquellen und kosten mich Zeit bei der Recherche.

Gerade bei der Recherche kann es sehr frustrierend sein, zigfach über immer gleichlautende Suchergebnisse zu stolpern.

Aber die Listensverlinkungsartikel werden anscheinend durch ihren Erfolg bestätigt. Auch wenn der nur über Visits durchgeschleuster Leser oder die Anzahl der Feed-Abonnenten definiert wird.Viele Feed-Abos bestehen u.U. nur deswegen, weil man befürchtet, etwas verpassen zu können.

Egal. Mittlerweile habe ich großes Interesse an Geschichte. Im Speziellen natürlich an der Geschichte der Informationstechnologie und Webdesign.

Daher habe ich eine kleine Sammlung der Artikel zusammengetragen, die mich dieses Jahr besonders gut unterhalten haben.

Vannevar Bushs Visionen von PC und Internet: As We May Think.

Die Hyperlinks sind es, die das Netz zusammenhalten: A Brief History of the Hyperlink.

Premieren der Internetgeschichte: 11 Firsts In Internet History. Von der ersten Domain über das erste Bild, bis hin zum ersten Tweet.

Die Evolution des Webdesign veranschaulicht an Hand bekannter Websites. Interessant sind auch die Premieren verschiedener bekannter Websites: How 20 popular websites looked when they launched.

Grafikdesign ist natürlich auch für uns Webdesigner und -entwickler nicht ganz unwesentlich: History of Graphic Design.

The Web Standards Mafia blickt zurück auf die Entwicklung und Errungenschaften der Webstandards-Bewegung. General Zeldman, das WaSP und weitere Gefährten in den Schlachten des Browserkriegs.

Auch Socialmedia ist im Prinzip nichts neues. Die Anfänge reichen mindestens bis in die 1950er Jahre zurück: A Brief History Of Social Media.

Das Internet hatte auch großen Einfluss auf die Art des Schreibens und mittlerweile kann und darf jeder publizieren: How the Web and the Weblog have changed Writing.

Manchmal hat man den Eindruck, als würde Google das Internet antreiben. Natürlich nicht alleine. Aber das, was mal als Suchmaschine startete, hat sich zu einem der großen Innovationsmotoren des Internet entwickelt.

Vergangenheit und Zukunft der Medienformate und Netzwerke: Where is Everyone?

Irgendwie hat das Internet immer noch was von Spielwiese und Erfinderwerkstatt. Ich bin einfach froh, mitspielen zu dürfen und bin gespannt darauf, wie’s weitergeht.

Und immer daran denken, dass gute Ideen die Keimzelle für weitere spannende Entwicklungen bleiben werden. Nicht kaputt machen.

Schlichtes aber eindrucksvolles Blogdesign von Trent Walton. Im konkreten Fall hier auch ein interessanter Artikel, der über Content is King hinausgeht.

Die Links der Woche beschäftigen sich schwerpunktmäßig mit Content, dessen Gestaltungsformen und Authentizität.

• Pionierarbeit in Sachen individuelle Artikelgestaltung: Für und Wider individuell gestalteter Blogposts
• Social Media Nutzung im Reality-Check: Dabeisein ist bei weitem nicht alles. Wie auch Michael Jendryschik feststellt: Warum jedes Unternehmen seine Online-Reputation stärken sollte
• Microsites im Wandel: Die Zukunft der (Social) Microsite
• Mit Web Font Specimen erhält man ein effektives Testsetup für Web-Typografie
• @font-face gehört die Zukunft in Sachen Web-Typografie. Es ist aber noch nicht ganz einfach flächendeckend einzusetzen: How to Achieve Cross-Browser @font-face Support
• An Hand schlechter Erfahrungen und Fehler lernt man immer noch am besten: Clients From Hell. Kommunikative Dissonanzen.

Mein persönlicher Favorit der zurückligenden Woche: Ride Oregon. Dazu die Linkpackung, u.a. zu den Themen komische Kunden und Corporate Angst (vor Socialmedia).

• „Die zwölf Bilder muss ich Ihnen auf einer DVD schicken“: Content is King? Willkommen im Glücksbärchiland!
• Abschied von der Eine-Plattform-Strategie. Auch das Corporate Web ist überall: Die Plattform Strategie der Corporate Website
• Gemeinsam Typografie lernen und teilen: Typedia
• Eine schöne allgemeine Einführung in das Thema mobiles Webdesign: Create a Mobile Site
• Wer hat Angst vorm erfolgreichen Blog? Manche Veraltensweisen lassen sich nur durch Unweissenheit und Angst erklären: The Social Media Fear Factor
• Why Stylesheet Abstraction Matters

Darauf aufmerksam wurde ich durch den bei Mashable erschienenen Beitrag Introducing Sociability. Was bedeutet Sociability? Gibt es sowas wie Usability für soziale Netzwerke? Ich meine nein.

Definition Sociability

Ich beginne, wie sich das gehört, erst mal mit der Begriffsdefinition.

The skill, tendency or property of being sociable or social, of interacting well with others.Wikipedia

Sociability Design stellt eine Erweiterung des Begriffs dar.

Im Grunde geht es hier um Regeln, Reputationssysteme, Moderationsmechanismen usw., die z.B. dem “Dilemma of the commons” entgegenwirken sollen.Sociability Design: Spieltheorie

Hier sind v.a. Anreizmechanismen und -systeme gemeint, die Nutzer dazu motivieren sollen, sich aktiv in ein Netzwerk einzubringen. Erst dadurch werden soziale Netzwerke ermöglicht. Agiert und teilt niemand, dann gibt es auch kein soziales Netzwerk.

Usability für das Social Web?

Warum sollten soziale Netzwerke besondere Ansprüche an die Usability stellen? Zunächst sprechen wir von webbasierten Nutzeroberflächen, von Websites und -anwendungen. Nichts neues also. Auch Zielgruppen, Personas, Anforderungsanalysen etc. sind nichts neues. Auch nicht im Social Web.

Interaction between users is what distinguishes social media from other media in which interactions occur between users and the screen.

Es geht verstärkt um die Interaktion zwischen den Menschen auf entsprechenden Plattformen. Außerdem die Art von Information und deren (Weiter-) Verteilung und Verbreitung durch die Nutzer.

Aber am Anfang steht eben die “langweilige” Usability. Denn bevor die Nutzer über Netze miteinander kommunizieren und interagieren (können), steht doch die Interaktion mit dem Userinterface bzw. der Maschine. Unsere Methoden und Tools bleiben die gleichen. Man muss sich weiter an den Anforderungen und Wünschen der Nutzer orientieren. Dann erst erfolgt die Interaktion zwischen Menschen – über ihre virtuellen Schnittstellen.

Usability für Websites vs. Soziale Netzwerke

Dazu gab’s vor einiger Zeit schon mal einen Artikel. Wobei man feststellen muss, Usability bleibt Usability.

Trotzdem gilt es Unterschiede zu beachten. Es sind u.U. neue Besonderheiten zu beachten. Die in der Breite noch relativ neuen sozialen Netzwerke und ihre Nutzer stellen neue Anforderungen an uns. Applications of usability principles on a social network beschreibt das ganz gut.

Das gerechtfertigt imho trotzdem noch nicht unbedingt die Schaffung eines neuen Begriffs.

Was also ist Sociability?

Sie ermöglicht das Funktionieren sozialer Netze. Das geht auf den o.g. Gedanken der Anreizsysteme und -methoden zurück. Es ist keine Mischung aus Social und Usability bzw. Usability speziell für soziale Netzwerke im Internet. Der Begriff ist nicht geeignet, dem ein oder anderen Usability schmackhafter zu machen. Sociability und Usability existieren nebeneinander und miteinander.

Eine Grafik, die ich bei der Recherche gefunden habe fasst vier Aspekte von Sociability zusammen:

• Awareness
• Connectedness
• Engagement
• Solidarity

(aus The Sociability Of Social Media)

Usability beeinflusst v.a. Awareness und Connectedness. Dann wenn die Maschine bzw. die Interfaces gut nutzbar konzipiert und gestaltet sind, können die Nutzer gegenseitig ungehindert gewahr werden (aware) und sich aktiv vernetzen (connect).

Sociability als “Fachbegriff” existiert in unserem Bereich – Webdesign und -entwicklung – nicht.

Das Portfolio der Webdesignerin Isa Costa.

In der ersten Woche nach dem Urlaub stand die Orientierung im Vordergrund. Was gibt’s neues und was sind die wichtigen Themen? Dabei sind natürlich auch wieder ein paar kommentierte Links ins Netz gegangen.

• A shorthand for designing UI flows: Was machen Nutzer jetzt und was werden sie tun (können)? UI Flows als dynamische Ergänzung zu Wireframes. Oder auch als Wireflows bekannt.
• Das Social Web im Vergleich zu herkömmlichen Publikationskanälen, sein Wachstum und die Verlagerung zum mobilen Web: Interesting Facts About the Internet and Social Web
• 7 Steps for Systematizing The Design & Build Process: Snippets, Templates, Frameworks und vieles mehr bilden die logistische Basis hochwertiger Webentwicklungsprozesse.
• Sechs Anforderungen an zeitgemäße Corporate Websites: Die meisten sind es derzeit wohl nicht – zeitgemäß
• Ein dicker Schinken: If You Printed The Internet …
• Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs

Ein neues Blog gibt’s auch. Future of Web Strategy ist Sebastian Küpers’ neue Blogquelle zum Thema Webstrategien der Zukunft und dem sozialen Netz.

Die Website zur iPhone App Tea Round. Mut zu Braun, ein tolles Farbschema und sehr schön illustriert. Das macht dem Betrachter Lust auf Tee und dann vielleicht sogar auf das Produkt.

Die Schwerpunkthemen dieser Ausgabe sind Blogs & Socialmedia, HTML und natürlich Webdesign.

• The Do’s & Don’ts of Modern Web Design: Der Titel sagt’s schon. Als kleine Snacks aufbereitet und angereichert mit weiterführenden Links.
• The Ugly Truth Behind Starting a Web Design Blog: Kriterien und Strategien für ein erfolgreicheres Blogkonzept
• Die Kosten von Social Media Marketing: Dabei sein ist NICHT alles.
• The extreme Google brain: Joe Clark kommt auf Doug Bowman’s Weggang von Google zurück und kritisiert G’s Antidesign-Strategie
• Zurück zu HTML ohne X und warten auf HTML5. Dave Shea erläutert seinen Switch
• Eric Eggert sichtet gar falsche Pferde: Aufs falsche Pferd gesetzt