Archive for Webentwicklung

Twitter - das soziale Betriebssystem?!

Steve Rubel über die Monetarisierungsmöglichkeiten von Twitter und den enormen Einfluss des Mikrobloggingsdienstes.

What Twitter has done, however, that very few companies have achieved, is build an amazing platform that developers love. That ecosystem, if they invest in it, changes the game.

Suddenly, Twitter is no longer a web site. Rather, it is becoming the web’s first major social operating system. Twitter is to rapid fire online communication what Microsoft is to PCs, Apple and Blackberry are to mobile phones, Google is to search and advertising and Facebook hopes to become to the social graph.

Visualisierung von Nutzeraktivitäten - Last FM Spring Graph

Last FM Spring Graph

Last FM Spring Graph

Der Last FM Spring Graph lädt zuerst die 50 Top Künstler des Last FM Nutzers und verbindet sie dann anhand der Gemeinsamkeiten. Die Häufigkeit wie oft ein Künstler gescrobbelt wurde, also wie of die ID Tags der Musikdatei wie z.B. Titel und Genre, durch die Schnittstelle an die Last FM Datenbank gesendet wurden, wird durch die Größe der jeweiligen "Blasen" visualisiert.

Und das passiert auch noch alles in einer chronoligschen Abfolge. Die Daten aus den verschiedenen Zeiträumen werden so eingebunden, dass es möglich ist die Veränderung des Musikgeschmacks direkt nachzuvollziehen.

Die Software lässt sich downloaden und bietet dort darüber hinaus die Funktion weitere Nutzer einzubinden. So können Gemeinsamkeiten direkt vom eigenen Auge erfasst werden. Hier gehts zum Download!

via visualcomplexity

Visualisierung von Nutzeraktivitäten - Vimeo

Im Web 2.0 dreht sich ja alles ums "Teilen" und "Mitmachen". Schade, dass man bei manchen Webseiten gar nicht richtig sieht was die anderen Nutzer machen und was alles um einen rum passiert.

Mittlerweile wird dieser Punkt stärker berücksichtigt.

Lifestreaming etabliert sich. Nicht nur auf Plattformen wie Friendfeed , Ping.fm und Facebook wird man selbst nach und nach mehr über die Aktivitäten der befreundeten Nutzer informiert, sondern auch auf Youtube und Last.fm kann ich mittlerweile sehen was sich Nutzer gerade jetzt im Moment angucken bzw. anhören.

Oft passiert dies nur über die Anzeige des Nutzernamens. "Person A hört/guckt gerade …"

Vimeo machts besser!

Seit kurzem gibt es Vimeo Toys . Hier sollen in Zukunft unterschiedliche Visualisierungen der Ereignisse auf Vimeo dargestellt werden. Wer Lust hat kann sich aufgrund der Schnittstelle direkt selber an die Arbeit machen und was neues entwickeln ;)

Momentan gibt es schon Vimeo Pulse .

Vimeo Pulse

Mit Vimeo Pulse werden die Aktivitäten der Nutzer durch die verschiedenen Icons und Bilder visualisiert und in einem Raster angeordnet. Zusätzlich wird seit der ersten Sekunde des Besuches gezählt wie viele Kommentare abgegeben, Videos hochgeladen und Favoriten hinzugefügt wurden. Eine faszinierende Möglichkeiten zu sehen wie sich diese Plattform durch User-Generated-Content Sekunde für Sekunde erweitert und dadurch wächst.

Darüber hinaus gibt es noch Vimeo Land .

Vimeo Land

Durch Vimeo Land werden die gleichen Aktivitäten visualisiert. Allerdings in der eigenen kleinen Welt. Ich muss leider zugeben, dass das "Vimeo-Land" noch sehr übersichtlich ist und eher einem Dorf ähnelt. Allerdings kann die Animation sicherlich noch um ein paar Meter nach links und rechts erweitert werden, und in Zeiten der heutigen digitalen Welt ist der Planet bekanntlich sowieso ein globales Dorf. Von daher passt das dörfliche Ambiente prächtig zum Web 2.0 Gedanken, Menschen näher zusammen zu bringen.

Die Nutzer werden hier nach und nach bei Aktivität eingeblendet und mit einem Icon versehen. Die Sprechblase für das Kommentieren, der Pfeil für das Uploaden von Videos, den Smiley für das Anmelden und das Herz für das Favorisieren von Videos. Selbstverständlich sind die Nutzer und Videos allesamt verlinkt.

Hinweis: Im Vimeo Land kann man sich natürlich auch Videos nach dem Zufallsprinzip empfehlen lassen. Einfach mal ausprobieren und selber Vimeo entdecken ;) Vimeo Land interaktiv entdecken!

Intuitives Surfverhalten durch Ubiquity

Keep it simple!

Graphic User Interfaces von Google, dem iPod und den meisten anderen Anwendungen

Diese Grafik bestätigt folgende Regel.

Einfachheit setzt sich einfach durch.

Das ist bei allen Designobjekten so. Und bei Browsern nicht anders. Ich kann mich noch daran erinnern wie nützllich ich die damals neue integrierte Google-Suchmaske im Firefox fand. Im Gegensatz zum Internet Explorer konnte ich direkt zu den Suchergebnissen gelangen und konnte mir somit den Besuch der Google Startseite sparen.

Nun gut. Das ist schon ein paar Jahre her. Heute ist diese Suchmaske selbstverständlich und zumindest aus meinem Surfverhalten nicht mehr wegzudenken.

Das hat sich seit Montag geändert!

Seit Montag hat die Suchmaske in meinem Firefox einen sehr starken Konkurrenten. Ich habe mir nämlich Ubiquity installiert. Dies ist ein kostenloses Addon aus dem Hause der Mozilla Labs .

Ubiquity ermöglicht es mir über eine einzige Kommandozeile verschiedenste Onlinedienste anzusprechen. Über ein Tastenkürzel (standardmäßig Alt+Leertaste) lässt sich diese öffnen und mit Befehlen füttern.

Per Ubiquity nach Webkonzepter suchen

Die Anzahl der integrierten Befehle ist momentan respektabel, wird aber in Zukunft wachsen. Ubiquity ist nämlich (wie sollte es auch sonst sein) ein Open Source Tool und kann somit von der Netzgemeinde weiterentwickelt werden und von Internetdiensten mit weiteren Schnittstellen versorgt werden.

Momentan gibt es Schnittstellen zu den beliebtesten Web 2.0 Anwendungen. Ich verwende Ubiquity zum twittern, zum suchen (Google, Google Maps, Youtube, Vimeo, Last.FM, Ebay, Myspace, Amazon, Wikipedia) und zum Email versenden. Mit den richtigen Kommandos kann man darüber hinaus rechnen, Tabs öffnen und schließen und sich Wetterinfos abholen.

Zuletzt noch das Video von den Machern selbst und meiner neuen Lieblingsvideoplattform Vimeo .


Ubiquity for Firefox from Aza Raskin on Vimeo .

Semantische Filterfunktion mit Parallax

Erst gestern habe ich die Diplomarbeit von Alex Frank vorgestellt auf dessen Webseite nicht mehr geklickt werden muss und somit das eigene Surfverhalten zumindest kurzfristig verändern soll.

Ein weiteres Projekt was die üblichen Webkonventionen bricht ist das Projekt Freebase Parallax . Freebase ist eine Wissensansammlung die durch die exzellente Parallax Filterfunktion Informationen semantisch aufbereitet. Die im Video dargestellten Beispiele sind sehr vielversprechend.

Ich bin gespannt ob es wirklich möglich sein wird den gesamten Inhalt aus Wikipedia zu transferieren. Da bin ich noch skeptisch, da es meines Wissens nach keine Schnittstelle gibt. Und aufgrund der semantischen Architektur müsste der gesamte Inhalt sowieso neu eingepflegt werden. Und zwar mit Copy und Paste

Aber das hat mit den Büchern ja auch funktioniert ;)


Freebase Parallax: A new way to browse and explore data von David Huynh auf Vimeo .

via Well-formed Data

Webdesign und SEO Tools

Nachdem ich im letzten Beitrag ein SEO Radio vorgestellt habe, folgen jetzt Webdesign und SEO Tool Empfehlungen.

Seitwert
www.seitwert.de
Die Seite ermittelt einen Wert anhand von verschiedenen Kriterien.  Die Gewichtung bei Google, Aufrufzahlen von Alexa, die Präsenz in den Socialbookmarking Diensten, technische Details wie z.B. W3C Validität, die Gewichtung bei Yahoo (vielleicht durch den Zusammenschluss von Google und Yahoo hinfällig?!) und weitere Kriterien wie z.B. das Domainalter.

Die Seite gibt einem einfach ein gutes Gesamtfeedback und ist ein absolutes Pflichttool. Und sogar eine deutsche Entwicklung! :)

Google Analytics
www.google.de/analytics
Dieser Googledienst bietet exzellente Information über das Surfverhalten der Besucher auf der eigenen Webseite. Welche Seiten sind am beliebtesten? Über welche Seiten oder Schlagwörter gelangen die Besucher zu meiner Seite? Aus welcher Region kommen die meisten Leser? Google Analytics gibt Antwort.

Search Engine Spider Simulatior
www.webconfs.com/search-engine-spider-simulator.php
Warum taucht meine Seite nicht in Suchmaschinen auf? Vielleicht weil die Suchmaschinen gar nichts sehen?! Dieses Tool simuliert was Suchmaschinen auf Webseiten lesen. Ist doch erstaunlich was bei so manchen schicken Webseiten übrig bleibt.

Subwizard Rank Check
www.subwizard.de/rankcheck.aspx
Hier kann die Postion einer Webseite bezüglich eines freiwählbaren Schlagwortes bei Google ermittelt werden. Sehr nützlich.

Validierungs-Service für HTML
www.validome.org
Jeder Webseitenbetreiber sollte seine Seite hier überprüfen lassen. Ziel sollte es sein die Anzahl der Fehler so niedrig wie mögilch zu halten.

Suchmaschinen können Flash durchsuchen

Eine sehr erfreuliche Nachricht. Vorallem weil ich an einer Webseite arbeite die mit Flash laufen soll :) Bis jetzt wurde Flash wie eine Grafik von Suchmaschinene behandelt und konnte so nie von einer Suchmaschine indiziert werden.

Laut dem Google Webmaster Blog wird dies jetzt möglich sein.

Frage: Welche Arten von Flash-Dateien kann Google jetzt besser indexieren?
Wir haben unsere Fähigkeit verbessert, Text-Content in SWF-Dateien aller Art zu indexieren. Das beinhaltet "Flash-Gadgets" wie beispielsweise Buttons oder Menüs, reine Flash-Sites und alles, was dazwischen liegt.

Zusätzlich dazu, dass wir nun Text-Content finden und indexieren, besteht jetzt auch die Möglichkeit, dass wir URLs in euren Flash-Dateien erkennen. Diese URLs werden in unsere Crawling-Pipeline eingespeist - genauso, wie wir das mit URLs machen, die auf Sites ohne Flash auftauchen. Falls z. B. eure Flash-Anwendung Links zu anderen Seiten eurer Site enthält, sind wir nun besser in der Lage, diese Links zu entdecken und größere Teile eurer Site zu crawlen.

Auf Golem wird die geschrieben, dass die Yahoo Suche dies auch ermöglichen würde.

Ausgeschlossen sind reine Flashvideos (wie z.B. auf Youtube) und Bilder/Grafiken. Die werden weiterhin ignoiert.

Das Angenehme an der ganzen Sache …

Unsere aktuellen Verbesserungen erfordern keinerlei besondere Maßnahmen von Seiten der Webdesigner oder Webmaster.

Alte Flash Webseiten müssen also nicht geändert werden.

Webseitenbetreiber können nun Flash mit weniger Bedenken einbinden und damit die Interaktivität deutlich erhöhen. Es gibt richtig gute Flashseiten die bis jetzt gar nicht von Suchmaschinen indiziert werden konnten. Das wird sich jetzt ändern. Ich freue mich.

Ein wirklich geniale Flash Webseite ist www.wmteam.de

Yahoo! Design Pattern Library und Öffnung für Entwickler

Ich habe große Augen gemacht, als ich eben gerade über die “Yahoo! Design Pattern Library” gestolpert bin. Erstens ist es eine super Seite um sich über sehr viele Designaspekte im Internet zu informieren, und zweitens mehr »