Dein Layout ist Scheiße
Your design sucks! from Paul Boag on Vimeo
Via reinvent authentic miniblog
von Matthias Zellmer
Und nun zum Wetter.
Wenn das mal kein charmanter Wetterdienst ist, weiß ichs auch nicht. Kurt Riedi und Steffi Gloor haben sich daran gemacht, bekannt langweilige Wettersymbole mit ungewohntem Bildkonzept fotografisch neu zu interpretieren. Auf der Startseite kann man aus einer Anzahl von Städten wählen (Stuttgart ist leider nicht dabei, grmpf) oder von hier aus direkt alle Wetterlagen nacheinander anschauen. “thunder storms” mag ich am liebsten.
via swiss-miss
von Artur Richter
pixlr, Online-Bildbearbeitung auf Speed
Gestern war ich auf der Suche nach einem brauchbaren UND kostenlosen Grafikeditor für OSX. Leider ist das Ergebnis ausgesprochen nüchtern ausgefallen. Mit Ausnahme von GIMP, das mir eigentlich schon zu überladen ist, konnte mich kein Tool wirklich überzeugen.
Da liegt es natürlich nahe, sich mal bei der Webdiensten umzuschauen. Online-Bildbearbeitung gibt es mittlerweile ja haufenweise: Picnik, FotoFlexer, Phixr und wie sie nicht alle heißen waren mir bisher aber immer zu glossy und verspielt, was sicherlich daran liegt, dass Grafikdesigner und deren Arbeitsweise nicht gerade im Fokus dieser Dienste stehen. Photoshop.com dagegen ist meiner Meinung nach lahm und irgendwie zu “ganzheitlich”. Warum muss Bildbearbeitung immer in Kombination mit einer aufgeblähten Bildverwaltung daherkommen?
Einen anderen Weg beschreitet da pixlr. Der Editor, für dessen Nutzung keine Anmeldung erforderlich ist, besticht durch ein übersichtliches und sauber aufgebautes Interface, das mit seinen schwebenden Paletten an das Bedienkonzept professioneller Grafikprogramme anknüpft. Pixlr unterstützt Ebenentransparenz, einige Ebeneneffekte und -modi, bietet Effekt- und Einstellungsfilter und eine rudimentäre Textfunktion für die ich mir dringend ein besseres Antialiasing wünschen würde. Das alles ist für sich genommen sicher nichts Spektakuläres, funktioniert aber derart flüssig und smooth dass es eine wahre Freude ist - sogar einige der gewohnten Tastaturkürzel wurden implementiert.
Ein absolutes Killerfeature für alle Nutzer des Flash10-Plugins ist jedoch die Möglichkeit Bilddateien zu bearbeiten, ohne diese vorher Uploaden zu müssen. Ein immerhin 5 MB großes Digitalfoto ließ sich ohne erkennbare Verzögerung öffnen und direkt bearbeiten. Sauber. Damit gehört das bisher größte Manko sämtlicher Online-Editoren endlich der Vergangenheit an.
Sicherlich gibt es noch einige Dinge zu verbessern, die Unterstützung der OS-Zwischenablage ist hier besonders wichtig und ein brauchbarer Weichzeichner wäre sicherlich auch nicht verkehrt.
Der erste Eindruck von pixlr ist dennoch durchweg positiv. Gut gemacht und weiter so.
von Artur Richter
Relaunch bahn.de
Lange erwartet, ist sie endlich da: Die überarbeitete Website der Bahn. Am Wochenende, also im Gleichklang mit dem jährlichen Fahrplan-Wechsel und der obligatorischen Preiserhöhung, hat die Bahn ihre Website relauncht.
Auch wenn Achim Schaffrinna vom Design Tagebuch nach seinem ersten Besuch einen guten Eindruck hat, finde ich, dass wir da mal wieder einen typischen Relaunch wie aus dem letzen Jahrhundert vorgesetzt bekommen haben.
Gut, man setzt jetzt AJAX ein und etwas besser zu bedienen ist die Website immerhin doch. Aber im Großen und Ganzen muss ich eher Christian Menschel recht geben. Wirklich gestaltet wirkt die Website nicht. Sie wirkt zusammengestückelt. Wie ein typischer Kompromiss bei dem die Marketing-Abteilung zu viel Mitspracherecht hatte.
Warum muss ich mich eigentlich bei einer Site wie der der Bahn, bei der wohl die große Mehrheit der Nutzer vor allem eins will, Verbindungen suchen und ggf. daraufhin ein Ticket kaufen, so übergebührlich von netten Damen angrinsen lassen? Auf der Startseite von bahn.de sollte meiner Meinung nach mitten drauf ein großzügiges Abfrage-Formular sein. Dann sollte drumherum noch genug Platz für weiterführende Teaser sein.
Ein kleiner Trost hingegen ist, dass man auf den Unterseiten immer an der gleichen Stelle die Symbole für die vier zentralen Abfrage findet und somit immer schnell eine Suchanfrage stellen kann. Auch wenn bis auf die Hauptnavigationspunkte die Formularfelder, wie die meisten Elemente der Website, zu klein dimensioniert sind. Ebenso zu klein wie die Formularfelder ist allgemeine Text-Schrift. Und wenn man den Text über die im Kopfbereich angebotene Funktion vergrößert, dann geht die Bahn wohl davon aus, dass meine Augen sich nach dem nächsten Klick auf wundersame Weise verbessert haben. Denn dann hat man wieder die Original-Schriftgröße vor Augen.
Mein Fazit nach den ersten Minuten auf bahn.de: Die Website wurde verbessert, aber sie wirkt gerade im Bezug auf die User Experience alles andere als bewusst gestaltet. Für ein Unternehmen, welches am liebsten seinen gesamten Ticket-Verkauf vom Schalter an den Bahnhöfen weg haben möchte, hätte ich mir mehr Know-How in Sachen User-Interface-Gestaltung erwartet.
von Matthias Zellmer
Was zum Teufel ist User Experience?
Mein Telefon braucht nicht schön zu sein oder so. Man muss damit Telefonieren können … Punkt aus! –– Okay, dann können wir ihr jetziges Gerät ja gegen ein baugleiches mit einem rosa Plüsch-Bezug austauschen. –– Sind sie verrückt! Sowas kommt mir nicht ins Haus!
Dieses fiktive Gespräch habe ich so ähnlich mal auf einer Veranstaltung zum Thema Usability in einem Vortrag über User Experience (UX) gehört. Es ist etwas überspitzt formuliert, da es als Anekdote eine Art “Hallo-Wach!”-Effekt bei den Zuhörern haben sollte. Aber es zeigt schon mal, dass UX nicht mit einem hübschen Design gleichzusetzen ist.
Hinter UX steht ein breiter interdisziplinärer Ansatz. Wenn eine Website als Beispiel optisch gefällt, dann ist das der UX erst einmal nicht abträglich. Aber das Bemühen um eine optisch ansprechende Website kann wiederum der Usability abträglich sein. Wenn etwa durch ein in der CI festgeschriebenes Gestaltungsraster inhaltlich zusammenhängenden Elementen nicht zusammen dargestellt werden können, dann kann dies die Gebrauchstauglichkeit, aber auch die Gebrauchsfreude einschränken, weil man dadurch einfach nicht zu Potte kommt. Und wenn auf der anderen Seite eine gut bedienbare Website die Augen quält, dann macht deren Nutzung auch kein Spaß.
UX steht also sowohl mit der Usability wie auch mit der Gestaltung in einem direkten Zusammenhang. Aber auch solche Aspekte, wie die Reaktionszeit beim Seitenaufbau, der angemessene Einsatz von multimedialen Elementen und natürlich auch von Werbeelementen stehen in einem Kontext mit der UX.
Im Kern geht es bei der UX im Web-Bereich um eine gute … ein besseres bzw. wertfreieres Wort fällt mir dazu nicht ein … also um eine gute Gestaltung von User Interfaces. Denn nichts anderes sind moderne Webseiten in der Regel. Aber “gut” ist hier auch im Sinne von zielführend und dem Nutzer einen Mehrwert bietend gemeint. Denn der oft im der UX in Verbindung gebrachte “Joy of Use” sollte nicht unbedingt als Spaß an der Nutzung missverstanden werden. Es kann auch sehr befriedigend sein, wenn man einfach nur schnell an eine gesuchte Information kommt.
Wie schlecht sich die UX in ein Bewertungsraster pressen lässt, zeigt auch ein schöner Spruch, der im Bezug darauf die Runde macht:
Listen to your users, but ignore what they say.
Heißt: Deine Nutzer werden dir nicht sagen können, was sie im Bezug auf deine Website von dir erwarten, aber wenn du aufmerksam bist, wirst du es schnell herausfinden können.
von Matthias Zellmer
Hauptberuf StyleSpion
Kai Müller, auch bekannt als der StyleSpion bzw. Betreiber des gleichnamigen Weblogs hat gestern verkündet, dass er ab 1. Dezember Stylespion.de hauptberuflich betreiben wird.
Da der Kai erstens ein sympatischer Mensch ist und seine Artikel von mir gerne gelesen und vor allem angesehen werden, wünsche ich ihm viel Glück bei seinem Vorhaben. Es zeigt sich, dass man … wenn man es drauf hat … doch vom Bloggen leben kann. Oder es zumindest versuchen kann …
Außerdem freut es mich, dass Kai das Vorhaben “Vom Bloggen leben” mit von ihm selbst geschaffenem Qualitätscontent versucht. Ich habe nämlich so das Gefühl, dass die Masse derer, die vom Bloggen leben können, dies vor allem mit PR-Geschreibsel und Quick’n'Dirty-Copy’n'Paste-Beiträgen tun. Weshalb auch einige Journalisten u. a. recht herablassend auf Blogger herabschauen und die Blogosphäre von einigen Menschen in der Krise gesehen wird. Aber das ist nun auch wieder ein Thema für sich …
Also Kai: Viel Glück bei deinem Vorhaben und vor allem … Durchhaltevermögen. Ich finde es gut, was du da vorhast …
von Matthias Zellmer
Web2.0 – Startpunkt der Differenzierung
In den vergangenen Tagen haben wir in der Agentur mal wieder über den Begriff Web2.0 diskutiert bzw. über das, was auf das Web2.0 folgen mag. Der Auslöser war ein Paper, welches den Begriff Web3.0 enthielt. Die Diskussion war durchaus interessant und lies mich mit der Erkenntnis zurück, dass es sowas wie das Web3.0 niemals wirklich geben wird.
Die hinter dieser Erkenntnis liegende Argumentation basiert darauf, dass es sich bei dem Web2.0 vor allem um eine Änderung der Wahrnehmung des Webs handelt. Das Web2.0 ist meiner Ansicht nach der Startpunkt der Differenzierung dessen, was Tim Berners-Lee ursprünglich mal als das World Wide Web bezeichnet hat. Das Web in den Kinderschuhen war an sich ja auch noch als ein Ganzes wahrzunehmen. Seit einiger Zeit ist das nicht ohne weiteres mehr möglich.
Spricht man mit Vertretern den verschiedenen Nutzer- bzw. Interessengruppen über das Web2.0 so bekommt man die unterschiedlichsten Schagworte aufgetischt, wie etwa:
- User: Facebook, Wikipedia, RSS, …
- Entwickler: Ajax, Rich Internet Application, …
- Marketing: Grassroot-, Viral-Marketing, …
- Grafiker: Glitter, Glossy, Verläufe, …
- Konzepter: User Experience, Social Media, …
Diese Auflistung ließe sich fast beliebig erweitern und vertiefen. Aber sie zeigt uns auch schon so, dass es ein Web3.0 nicht geben kann. Jeder dieser und auch der fehlenden Punkte wird sich auf eine eigene Art und Weise weiterentwickeln … oder auch nicht. Wir kennen solche Entwicklungen von vielen technologischen Entwicklungen. So gab es z.B. am Anfang ein bzw. das Automobil. Inzwischen unterscheidet man auf unterschiedlichste Art und Weise … Limousine, Cabrio, SUV, Transporter, LKW, und so weiter und so fort.
Somit bin ich der Ansicht, dass der Begriff Web3.0 maximal aus einem der unterschiedlichen Verzweigungen des Webs kommen kann … dem Marketing.
—
Das Foto oben stammt übrigens von *Gräfin und ich hab es bei photocase heruntergeladen.
von Matthias Zellmer
Inspiration von Getty Images
Eine der größten und ältesten Bild-Datenbanken im Web – Getty Images – hat eine Flash-Applikation veröffentlicht, über die sich User mit dort vorliegendem Content berieseln lassen können.
Die Applikation trägt den Namen Moodstream und soll laut thenextweb.org die User beim Brainstorming unterstützen.
Ausgangspunkt für die Auswahl der wiedergegebenen Bilder, Videos und Songs ist nicht etwa ein Thema, dass der User eingibt. Die Auswahl der angezeigten Inhalte wird über Parameter wie zum Beispiel Stimmung (fröhlich bis traurig) oder Zeitbezug (nostalgisch bis zeitgenössisch) beeinflusst. Zusätzlich kann der User wählen, wie die Übergänge zwischen den einzelnen visuellen Inhalten gestaltet werden sollen und ob in Sachen Audio auf Gesang verzichtet werden soll oder nicht. Für Unentschlossene stehen sechs vorgefertigte Einstellungen zur Verfügung.
Nachdem ich Moodstream nun circa 15 Minuten getestet habe fällt auf, dass sich der Stream beispielsweise einzelne Bilder nach einigen Minuten wiederholen. Auch, wenn man ein Parameter (geringfügig) verändert, wird noch immer der gleiche Stream angezeigt. Das kann Zufall sein, oder daran liegen, dass Moodstream noch sehr grün hinter den Ohren ist.
Ich bin mir nicht sicher, ob Moodstream eine geeignete Hilfe zur Ideenfindung ist – aber das ist ja von Person zu Person verschieden.
Es macht in jedem Fall Spaß, mit der Applikation zu spielen und sich etwas berieseln zu lassen.
von Katrin Schneider
Highslide JS – Lightbox-Alternativen
Highslide JS ist eine Open Source Galerie-Bibliothek auf Basis von JavaScript. Sie bietet mehrere schicke Lightbox-Alternativen zu den ungeliebten Pop-ups einspunktnulliger Tage.
Sehr schön: Highslide JS bringt seinen eigenen Fallback-Mechanismus schon mit. Das heißt, ist der Browser mit dem die Bilder betrachtet werden sollen, nicht JavaScript-fähig oder wurde es deaktiviert, legen sich die Großansichten nicht über die Galerie-Ansicht, sondern werden einfach als Grafik angezeigt. Somit sind die Lightboxen aus der Highslide-Bibliothek sogar in barrierefreien Web-Angeboten einsetzbar.
Via Gratisscript
von Matthias Zellmer
Von Zeit zu Zeit
Mit Von Zeit zu Zeit hat die Stuttgarter Zeitung zusammen mit dem Stadtarchiv Stuttgart und … uns *smile* … ein neues Webprojekt gestartet.
Von Zeit zu Zeit soll die Geschichte der Stadt Stuttgart aus Sicht seiner Bewohner und Bewohnerinnen zeigen. Dabei sind alle Stuttgarter und Stuttgarterinnen aufgefordert mit ihren Bildern und Geschichten aktiv daran teilzunehmen. Richtig echter User Generated Content also …
Derzeit kommen
Unser Part war die konzeptionelle und technische Unterstützung des Projekts und vor allem die Entwicklung des Screendesigns.
Eigenwerbung … Ende
von Matthias Zellmer
