Nun wird es einen weiteren Evolutionsschritt geben: Eine neue Google-Bar. Die schwarze Leiste über Google-Anwendungen, die vor 6 Monaten eingeführt wurde, verschmilzt zu einem grauen Balken, der in sich 3 Hauptbereiche vereint: Das DropDown-Menü unter dem Logo, über das jetzt alle Anwendungen angesteuert werden können, die Sucheingabe in der Mitte und rechts die Share Box, die mit Google+ verknüpft ist und Notifications anzeigt.

Das Ziel dieser Weiterentwicklung liegt in der Optimierung der Navigation und einer konsistenten User Experience über alle Google-Produkte hinweg.

Ich bin gespannt, ob man die Änderung groß merken wird. Den Entwicklungsprozess von Googles Design verfolge ich in jedem Fall mit großem Interesse weiter.

Mehr Infos zur neuen Google-Bar gibt es im Help-Center.

Heute war kurzzeitig die Apple-Website nicht mehr erreichbar und sofort gab es die ersten Vermutungen, dass das iPhone 4 nun endlich bald in weiß verfügbar sein würde. Doch der Grund für die kurze Downtime war kein neues Produkt im Store, sondern eine Umstellung der Website. Neben einigen kosmetischen Design-Anpassungen wurde auch im Kern etwas angefasst. Ein kurzer Blick in den Quelltext lässt gleich in der ersten Zeile am Doctype erkennen, dass die Apple-Website nun auf HTML5 umgestellt wurde (vorher HTML 4.01 Transitional). Apple gilt schon länger als großer Befürworter und Unterstützer von HTML5 und unterstützt die Entwicklung aktiv mit dem Open Source Projekt WebKit, der Browser-Engine, die im Safari (und anderen OS X Applikationen) zum Einsatz kommt.

Die auffälligste Veränderung am Design ist wohl die leicht dunkler gewordene Hauptnavigation, die nun weiße Schrift auf dunklem Grund enthält. Das Suchfeld bleibt am selben Platz, ist im ungenutzten Status aber etwas kleiner geworden und vergrößert sich erst beim Focus-Event.

Der Produkt-Slider, die zweite Navigationsebene, ist ebenfalls etwas aufgehübscht worden.

Wirklich schön sind auch die flüssigen Überblendungen bei Reloads, die das Durchklicken auf der Seite sehr angenehmen machen und das Gefühl verstärken, sich eher in einer Software als auf einer Website zu bewegen. Probiert es am besten selbst aus.

Auf den ersten Blick erscheinen die Neuerungen nur marginal, der positive Effekt ist aber deutlich zu spüren und die HTML-Umstellung bietet einen weiteren Schub für HTML5, nachdem in den letzten Tagen schon das neue HTML5-Logos in aller Munde war.

Das neue Design von Design made in Germany ist schon ein paar Tage online, trotzdem möchte ich es hier erwähnen. Schlicht und edel, raffiniert, übersichtlich und mit neuen Webtechniken umgesetzt – so präsentiert sich die Dmig Version 2011. Schon im Februar letzten Jahres hatte das Team ein neues Design vorgestellt. Nun ist die “Version” 2011 an der Reihe. Aber nicht nur das Design ist neu, es gibt neue Funktionen und weitere Neuerungen sind angekündigt, die im Laufe des Jahres umgesetzt werden sollen. Die Startseite – das Prachtstück der Seite (unbedingt mit Safari/Chrome anschauen) – wird Jahresunabhängig aufgebaut sein und die Klammer um das gesamte Design-Archiv bilden.

Christian Hartmann schreibt im Dmig-Blog:

In Zukunft werden wir die vergangenen Jahre – wie auch das Jahr 2010 – in Versionen archivieren. Über diese Versionierung wollen wir ein Designarchiv für deutsches Design aufbauen.

Neu hinzugekommen ist auch der Shop, in dem Designer ihre Produkte, wie z.B. Bücher, Plakate, T-Shirts, Möbel vorstellen können.

Ich finde die neue Version wirklich gelungen und mag die ausgewogene Balance zwischen der Schlichtheit des gesamten Designs und dem Hochglanz-Charakter der Startseite.

Am 1. Oktober hat die Deutsche Bahn angefangen ein neues User Interface, das schon auf der Innotrans vorgestellt wurde, auf alle Fahrkartenautomaten zu spielen. Mittlerweile müsste das Design bundesweit an allen Bahnhöfen zu sehen sein. Da es sich nicht nur um ein paar kleine Korrekturen und Anpassungen handelt, sondern um ein komplett neues Design, möchte ich hier ein paar erste Eindrücke schildern und ein paar Bilder zeigen. Bei den Bildern muss ich mich allerdings für die Qualität entschuldigen, da ich gestern leider nur mein iPhone zur Hand hatte. Die Änderungen sollten aber deutlich genug erkennbar sein.

Farben

Man hat sich vom dominierenden Dunkelblau im Hintergrund verabschiedet und setzt jetzt auf Grau und Weiß als Hauptfarben. Für Button-Variationen kommen zudem noch Rot (ausgewählter Status) und Grün (wichtige weiterführende Elemente) zum Einsatz.
Der Kontrast leidet durch die neue Farbwahl leider etwas. Gerade bei starkem Lichteinfall wird es wahrscheinlich Probleme mit der Lesbarkeit geben.

Stil

Der alten Benutzeroberfläche sah man ihr Alter durchaus an. Das neue Design kommt modern und schlicht daher. Für die dreidimensionale Erscheinung der Buttons sorgen nicht mehr abgeflachte Kanten sondern Schatten und Farbverläufe. Insgesamt wirkt das ganze Interface nicht mehr so klobig und kühl sondern viel weicher und freundlicher als zuvor. Dazu tragen auch die runden Ecken bei. Ab sofort stellen Lightboxen Informationen zu einzelnen Funktionen dar (über die i-Buttons erreichbar).

Funktionen und Struktur

Funktional und strukturell hat sich kaum etwas geändert. Wer schon öfter DB-Automaten bedient hat, muss sich auf keine großen Änderungen gefasst machen und wird sich auch weiterhin schnell zurechtfinden. Ich habe nicht alle Funktionen getestet, sondern nur den Verlauf eines Fahrkartenkaufs durchgespielte.

Fazit

Aus meiner Sicht war eine so drastische Veränderung des Design nicht unbedingt notwendig, auch wenn die alte Oberfläche optisch natürlich überholt schien. Das Redesign ist zwar durchaus gut gelungen, aber ohne die Usability spürbar zu verbessern. Was meint ihr, ist die Neugestaltung des User Interfaces gerechtfertigt oder vollkommen überflüssig?

Nun aber zu den Bildern:

Auf der Seite der Deutschen Bahn gibt es jetzt eine Einführung in das neue Interface.

• Are We Taking CSS Too Far?
  Matt Ward stellt zu Recht den wirklichen Nutzen von aktuellen Entwicklungen im Bereich CSS (Bsp. “pure CSS Icons”) in Frage.
• No One Nos: Learning to Say No to Bad Ideas
• CodeIgniter rules!
  Jede Menge Material (Informationen, Tutorials, Tipps) für den Einstieg und die Arbeit mit dem PHP Framework CodeIgniter.
• Creative ways to solve usability problems
• Left Behind in the Future of Design

Auch wenn es im Titel “Lektüre” heißt, gibt es zum Abschluss noch ein Video, in dem Comic-Zeichner Frank Quitely zeigt, wie er das Wacom Cintiq Tablet nutzt und einige Prozesse vorführt.

Foto von K W Reinsch

Wie ihr vielleicht schon gesehen habt, bin ich gerade dabei, das Design von Frontand.de ein wenig zu optimieren. Mein größtes Anliegen dabei war, die Breite des Contents zu vergrößern. Dieser Bereich ist nun von 480 auf 575 Pixel gewachsen. Außerdem wollte ich alles etwas weiter reduzieren, so dass man sich wirklich auf die Inhalte (Videos, Bilder und Text) konzentieren kann. Ich hoffe, das ist in eurem Sinne :)
In den nächsten Tagen wird es immer mal wieder kleinere Veränderungen geben, so ist z.B. der Footer noch gar nicht richtig fertig.

Ich freue mich auf jeden Fall über Kritik und Feedback. Gefällt es euch? Doch zu schlicht? Das Weiß geht gar nicht? Immer her damit.

Foto von Markus Rödder

Die Shopping-Plattform für Unikate, Geschenke und Selbstgemachtes Dawanda hat seinen Internetauftritt überarbeitet.
Als Hauptfarben wurden verschiedene Grautöne gewählt, die das helle Gelb und das dunkle Rot ablösen. Die Suche rückt stärker in den Vordergrund, die Übersichtlichkeit wird durch eine ruhige Farbgestalltung und einen luftigeren Aufbau gesteigert, allerdings verliert die Seite deutlich an Charme. Das Grau wirkt zu kühl und clean, die verspielten Icons sind verschwunden, fehlende Linien und Kontraste geben den Inhalten keinen Halt. Das alles passt nicht zu den angebotenen Produkten, die meist älter und gebraucht aber trotzdem noch inn sind und mit denen man eher einen Trödelladen, ein Antiquariat oder einen hippen Szene-/Kunstladen assoziiert. An einigen Stellen wirkt das Design zudem noch nicht ausgereift und unsauber. Für mich ist es unverständlich, wieso man diesen Weg gewählt hat, denn das ist eindeutig ein Schritt zurück.

Dawanda vorher:

Mir gefällt die Neugestaltung wirklich gut und ich halte es für das gelungenste Redesign der Medien- und Newsportale in diesem Jahr. Das alte Design konnte bereits überzeugen, man geht nun aber den richtigen Schritt voran.

Die auffälligsten Neuerungen sind die Positionierung des Contents mittig-links und die optimierte Lesbarkeit. Gerade in einzelnen Artikeln fällt die vergrößerte Schrift auf, die vielleicht sogar 1-2 Punkte zu groß geraten ist. Als Typo greift man bei den Überschriften auf die serifenlose Arial und bei Artikeln auf die Serifenschrift Georgia zurück. Ein bisschen gewöhnungsbedürftig, aber passt. Wirklich schön gelungen ist die angesprochene Neupositionierung, die Seite klebt jetzt nicht mehr am linken Rand. Durch die Werbung am rechten Rand des Contents wirkt die Seite nicht ganz mittig gesetzt und lockert so die Seite positiv auf.

Bis jetzt mein Lieblingsdesign in 2009!

Artikelansicht: Etwas zu große Typo?

Verantwortlich für den neuen Auftritt ist die Agentur iA (Information Architects) aus Zürich.