Facebook ist mit seinen (nach eigener Aussage) über 500 Millionen aktiven Usern die größte Website der Welt. Dieser Umstand sorgt für das stetige und aktuelle Wachstum und das Vorantreiben der Expansion der Social Media Plattform. Nach der letzten großen Ankündigung, den ohnehin schon breitgefächerten Funktionsumfang um einen Geo Location Dienst, genannt Facebook Places,  zu erweitern stellt sich die Frage, ob Facebook etwa an der Featuritis leidet. Ein Geo Location Dienst? Ja, kenne ich. Nutze ich sogar: Foursquare (z.B.). Wieso gibt es das “Check-In” Prozedere nun also auch noch bei Facebook, zumal Facebook Places über eine (noch geschlossene API) sogar bestehende Geo Location Dienste integrieren soll – um auch die Early Adaptors nicht abzuschrecken. Das alles erinnert mich stark an die Verknüpfung von Twitter-, Facebook- und Foursquare-Account.

Bei allem Verständnis für die Strategie, “angesagte” Funktionen anderer Mitbewerber um den “Digital Social Life Workflow” der werberelevanten Benutzerzielgruppe ebenfalls integrieren zu wollen bleibt der fade Beigeschmack, ob Facebook seinem Kerngedanken eines guten User-Interfaces eigentlich noch treu bleiben kann. Oder hat Facebook das Ziel einer guten Usability längst aufgegeben?

Mein erster Kontakt mit sozialen Onlineplattformen war das StudiVZ. Das war noch zu Studienzeiten und von daher durchaus nachvollziehbar. Irgendwann hieß es dann MySpace sei der neue “place to be”. MySpace wirkte auf mich allerdings vor allem so: Zu chaotisch, zu unbedienbar, in meinen Augen ohne Struktur und wenig durchdacht. Letztlich gab ich irgendwann meinen Widerstand gegen Facebook auf, den ich zuvor standhaft aufrecht hielt, weil es mir nicht einleuchtete warum ich denn die gleichen “Freunde” bei Facebook auch noch einmal digital sammeln sollte.

Aber Facebook war irgendwie anders. Konsistent, auf einfache Weise verständlich. Die Usability der Facebook-Version von Anfang 2008 stimmte.

Anfang 2009, zum 5-jährigen Geburtstag von Facebook, schrieb Mark Zuckerberg im Facebook Blog:

“Since its founding, one of the constants of Facebook is that it has continuously evolved to make it easier to share. To give you a sense of how the site has changed, we dug up a few images of how Facebook used to look—you can see them here. Building and moving quickly for five years hasn’t been easy, and we aren’t finished. The challenge motivates us to keep innovating and pushing technical boundaries to produce better ways to share information.”

Seit dieser Verkündung erhielt Facebook innerhalb von 18 Monaten tatsächlich 3x ein mehr oder weniger umfassendes Redesign. Und die Usability und User Experience?! Die blieben zu oft auf der Strecke und mussten scheinbar in die zweite Reihe hinter immer neuen oder erweiterten Funktionen treten. Erwartungskonformität und Konsistenz erreicht man auf diese Weise jedenfalls nicht. Man riskiert, seine treuen Benutzer vor den Kopf zu stoßen wenn Informationen nicht mehr an gewohnten Stellen stehen oder eine Funktionalität nicht mehr das erfüllt, was sie zuvor noch tat. Ein Beispiel dafür ist sicherlich die Einführung der getrennten Informationsstreams “Neuigkeiten” und “Nachrichten”. Anleitungen von Facebook-Freunden, die beschrieben wie man über Umwege die alte Ansicht eines einzelnen Streams simulieren könne, waren die Folge.

Facebook ist mit seiner Marktführerschaft auch Trendsetter. Gerade deswegen täten die Macher gut daran, sich auf das Wesentliche für den Erfolg einer Softwarelösung (zurück) zu besinnen: Das Schaffen einer großartigen Benutzererfahrung durch ein hohes Maß an Konsistenz, Intuitivität durch maximale Usability.

Danke für die Inspiration, Joshua Garity: Facebook is Ignoring Core Issues. Is it time to leave?

Mein Glück, dass ich die Konzeption, Planung und Leitung für ein solch ambitioniertes Projekt bei iucon übernehmen durfte. Nachdem ich also das erste Erzeugnis in Form des kleinen Prelaunch-Teasers gestern veröffentlichen konnte, beginnt jetzt die heiße Phase der Implementierung. Auch für das Projekt BLOCK48 der beewulff GmbH setzen wir bei iucon wieder auf SCRUM als agile Softwareentwicklungsmethode und bieten mit dem Dashboard ein Monitoring-Tool an, welches jederzeit den Überblick über Budget- und Milestone-Planung gewährleistet.

BLOCK48 verfolgt in Sachen Distribution über das Web einen interessanten, weil szenenahen Ansatz: Der Kunde, bzw. die Szene steht im Vordergrund, Emotionen kommunizieren die Qualität der Brands. Neben einem Redaktions-Backend (CMS) werden also auch Social Media Plattformen integrativer Bestandteil des Webshop-Systems sein.

Was bei Apple noch elegant und stimmig wirkte wurde schon bald inflationär benutzt – nicht selten musste man sich fragen, ob an der ein oder anderen Stelle das “wilde” Spiegeln wirklich notwendig oder eher ein blindes Folgen des Trendhypes war.

Den für mich krönenden Abschluss lieferte Jung v. Matt mit dem Marken-Relaunch der RWE AG. Da prangt doch tatsächlich ein gespiegeltes RWE im Slogan VoRWEg gehen. Nun ja… Achim Schaffrinna hat die passenden Worte zu diesem Thema in seinem Designtagebuch gesagt.

So langsam hat sich der Hype um das Spiegeln gelegt. Doch jedem Trend folgt der Nächste. Einer, der sich in letzter Zeit ähnlich aufdringlich verfolgen lässt, ist die Web 2.0 Sprechblase. Ich nehme mich da im Screendesign ausdrücklich nicht aus – auch ich verwende hin und wieder die Sprechblase als gestalterisches Mittel.

Twitter (links) oder Vimeo (rechts) beispielsweise benutzen das kleine Dreieck um eine zumeist rechteckige Fläche in eine Sprechblase zu verwandeln. Und der simple aber effektive Trick funktioniert. Optisch erzeugt der kleine Haken Aufmerksamkeit, semantisch transportiert er gleich zwei Dinge: 1.) Hier gibt es etwas zu sagen. 2.) Hallo. Wir reden mit Dir.

Nicht nur auf informationsorientierten Websites oder Communities wird das Dreieck eingesetzt. Auch Apple spielt wieder mit. Seit der Mac OS Version Leopard findet sich z.B. in den Stapeln des Docks die Sprechblase. Hier kennzeichnet der Haken gleichzeitig noch die Quelle der Sprechblase – eben genau den Stapel, dessen Inhalt gerade angezeigt wird.

Die Sprechblase ist, ähnlich dem Apple’schen Spiegeleffekt, nicht mehr nur dem Medium Internet vorbehalten. Seit dem europaweiten Launch des neuen On-Air Designs von MTV werden Flächen ,die Überschriften markieren, mit einem Dreieck ergänzt (s.o.).

Mein persönliches Twitter-Highlight der letzen Woche in Sachen Sprechblasen-Design war der Link zur Wandlampe Snakkes der schwedischen Designer von Funktion Alley (s.u.). Dieser Entwurf zeigt deutlich die Übertragung von Trends aus dem Screendesign in andere, dem Medium Internet fremde, gestalterische Disziplinen.

Ein weiteres Beispiel für den Transfer von Elementen des Screendesigns auf ein Offline-Medium konnte ich in der Essener Fußgängerzone finden. Auch hier stößt man auf die optische Markierung bzw. Andeutung eines Dialogs. Auf dem Plakat  an einer Litfaß-Säule wird der Sprechblasen-Trend durch den Aufruf zur Gestaltung eines Kulturplakates geadelt.

Ich selbst besitze kein iPad. Auch erschließt sich mir für jemanden, der ein mobiles Notebook im 13″ Format besitzt nach wie vor kein Einsatzgebiet – doch Flipboard ist eine App die einen unterwegs sicher gut informieren und unterhalten könnte. Das Prinzip hinter Flipboard ist relativ simpel: Man sammle alle Informationen, die Facebook-Freunde und Twitter-Autoren (denen man folgt) veröffentlichen, verarbeite diese in professioneller, ansprechender Form zu einem digitalen Magazin, und schon erhält man eine Informationsquelle, die unabhänig von Verlagen tages- bzw. stundenaktuell und individuell auf den Abonnementen zugeschnitten ist.

Da Flipboard die native Steuerung des iPad übernimmt ist eine intuitive Bedienung möglich – Tippen und Wischen für die Auswahl und das Blättern. Die Abgrenzung zu Diensten wie bspw. Meehive.com oder Twittertim.es erfolgt in erster Linie durch die Gestaltung von Flipboard. Ein professionelles Layout erweckt den Eindruck es mit einem echten Verlags-Printmagazin zu tun zu haben.

Flipboard Promo. Video by Adam Lisagor.

Doch haben die Macher von Flipboard aus Kalifornien nun tatsächlich den Startschuss zur endgültigen Ablösung klassischer Medien gegeben?! Der Gedanke, Informationen hauptsächlich über Social Media Quellen zu beziehen, ist reizvoll. Schon jetzt werden die Daten in Flipboard durch Relevanz-Algorithmen und Kategorien sortiert und aufbereitet. Letztlich muss man sich aber fragen, ob gerade fachlich stark spezialisierte Magazine aus dem Print nicht nach wie vor ihre Daseinsberechtigung haben und behalten werden. Erst wenn sich die klassischen Medien und Verlage mit ihren Inhalten und Redakteuren in naher Zukunft vollständig in die sozialen Netzwerke wagen, können Anwendungen für Mobile Devices, wie bspw. Flipboard, zu einer ernsthaften Konkurrenz heranwachsen.

Schon immer waren also Aktivitäten und Engagements außerhalb des Webshops selbstverständlich – sei es nun der Support bei etlichen Roller- und Szenetreffen oder das Sponsoring von Race Teams. Kein Wunder also, dass SIP auch in der digitalen Szene aktiv ist. Eine große und lebendige Community innerhalb des Webshop-Systems wird inzwischen zunehmend mit Inhalten externer Social Media Plattformen bereichert.

Die Facebook Fanseite des SIP Scootershop zählt aktuell über 6000 Fans – und es werden täglich mehr. Fotosammlungen der SIP Offline-Einsätze werden bei Flickr gehostet und gepflegt, es existieren ein Youtube sowie ein Vimeo Kanal. News und Blogposts werden über Twitter kommuniziert, kurzum: SIP ist in der Social Media Welt gut aufgestellt.

Der Facebook Like-Button in den Artikel-Detailseiten des Webshops war nur der erste Schritt der Social Media Integration. Eine weitreichende Überarbeitung der SIP Community mit dem Fokus auf der Einbindung der externen Inhalte von Facebook, Flickr, Twitter, Youtube und Vimeo steht an und ich bin froh für dieses Projekt sowohl die Konzeption und das Screendesign, als auch letztlich die Implementierung bei iucon realisieren zu können.

In enger Zusammenarbeit mit dem Kunden werden dann die User Stories und deren spezifische Work Items für die Planung der Sprints evaluiert, diskutiert und priorisiert.

Schon kurze Zeit nach Einführung des Dashboards hat sich die neu geschaffene Transparenz spürbar gelohnt – der Kunde wird wesentlich aktiver in den Implementierungsprozess eingebunden und hat ein Monitoring Tool an der Hand, welches die internen Abläufe bei iucon besser verständlich macht. Die Frage “an was wir denn eigentlich gerade so arbeiten” hören wir inzwischen immer seltener.

Meine Aufgabe bei der Entwicklung des Dashboards war die visuelle und funktionale Überarbeitung des Basissystems von EMC2 nach Analyse unserer internen Anforderungen. Neben der Integration des iucon CDs galt es, auch die Funktionen auf das Wesentliche zu reduzieren und die Benutzerführung so intuitiv wie möglich zu gestalten. Nur so lässt sich die bei unseren Kunden existierende hohe Akzeptanz des Tools erreichen.

Das Dashboard befindet sich derzeit noch im BETA-Status, auch wenn es produktiv eingesetzt wird. Die User Stories für die Fertigstellung des ersten 1.0 Release sind jedenfalls bereits angelegt – nur dass wir in diesem Fall unser eigener Klient sind.

Der bisherige Workflow sah viel Handarbeit vor. Die Explosionszeichnungen wurden zunächst eingescannt und in Illustrator für eine  Weiterverarbeitung in Flash vorbereitet. In Flash selbst sorgten iterativ auszuführende Skripte für eine halbautomatische Erstellung der .swf-Dateien – den eigentlichen Explos. Eine einzelne Explo verschlang letztlich viel Zeit und somit Kostenaufwand, ein Umstand den SIP zur neuen Rollersaison 2010 unbedingt ändern wollte.

Meine Aufgabe war es den Workflow zunächst zu analysieren, um schließlich Optimierungsansätze entwickeln zu können. Die Lösung war die Neukonzeption und Implementierung einer RIA mit Hilfe des Adobe Flex Frameworks (Adobe Flash Platform) in Actionscript 3.0 und MXML. Nach knapp 2 Wochen Entwicklungszeit konnte ich den ersten Release freigeben, nach ein paar Bugfixes und Code-Optimierungen ist der ExploViewer in der Version 1.0 online.

Der große Vorteil der neuen Lösung besteht darin, nur noch ein einziges Modul zur Anzeige der Explosionszeichnungen verwenden zu können, ohne die Explos in Handarbeit nachbearbeiten zu müssen. Die Illustrator-Ausgangsdaten einer Zeichnung werden in Flash importiert, einzelne MovieClips erstellt, und anschließend die kompilierte .swf-Datei im ExploViewer eingelesen und als interaktive Explosionszeichnung mit Artikellinks innerhalb des Webshops angezeigt.

Update 24_08 : Die FFK10 Opening Titles – einfach nur sehr gut!