Spezielle Webdesign-Kritik: Das neue Google+
Gestern hat Google ein massives Redesign seines sozialen Netzwerks Google+ eingeführt. Sie mischten nicht nur ein paar Objekte herum, sondern definierten das gesamte visuelle Erlebnis völlig neu. Eine solch wichtige Aktualisierung verdient eine Sonderausgabe unserer Webdesign-Kritikreihe.
Lassen Sie andere über langweilige alte Feature-Listen sprechen, schließen Sie sich uns an und schauen Sie sich um, was aus Sicht eines Designers besser und was schlechter ist. Wir werden jedes Teil der Benutzeroberfläche auseinander nehmen und prüfen, ob noch etwas zu lernen ist.
Entdecken Sie Designressourcen
Wenn Sie Ihre Website für eine zukünftige Designkritik einreichen möchten, dauert es nur wenige Minuten. Für die Kritik an Ihrem Design berechnen wir 49 US-Dollar - deutlich weniger, als Sie für einen Berater bezahlen würden, der sich Ihre Website ansieht! Mehr erfahren Sie hier.
Das alte Google+
Bevor wir uns mit dem neuen Design befassen, werfen wir einen kurzen Blick auf die unten gezeigte Originalversion von Google+.
Wie Sie sehen können, ist es eine ziemlich spärliche Erfahrung mit vielen Leerzeichen. Das Layout gliedert den Inhalt in drei Spalten mit einer horizontalen Leiste oben zum Suchen, Hinzufügen von Fotos, Anzeigen Ihrer Kreise usw. Das Layout hier erinnert tatsächlich ziemlich an das aktuelle Design von Facebook.
Das allgemeine Gefühl ist sauber und einfach, aber auch ein bisschen kalt und unpersönlich. Dies machte die Website für jedermann leicht zu erlernen und zu verwenden, half aber möglicherweise nicht viel bei dem Konzept, die Seite zu Ihrem persönlichen Kommunikationszentrum zu machen.
Das neue Google+
Das neue Google+ reduziert das Leerzeichen und das Gefühl der Sparsamkeit drastisch. Im Vergleich dazu scheint die Benutzeroberfläche mit Funktionen und Schaltflächen geladen zu sein. Sie haben die starke weiße Persönlichkeit beibehalten, dies aber durch einen Grauton ergänzt.
Dies mag wie eine triviale Änderung erscheinen, aber es ist tatsächlich ein sehr absichtlicher Versuch, eine starke visuelle Hierarchie auf der Seite zu erstellen. Wenn die alte Seite ein Meer aus Weiß mit einem einzelnen grauen Bereich oben war, werden auf dieser Seite diese beiden Farben verwendet, um primäre und sekundäre Teile des Inhalts klar zu unterscheiden. Ihre Augen schweben über die Seite und geben den helleren Bereichen der Benutzeroberfläche eine wichtige Bedeutung.
Layout
Das Layout ist diesmal viel komplizierter. Es ist eine modifizierte Version des alten dreispaltigen Layouts mit ein wenig Verschachtelung. Es gibt immer noch einen breiten Hauptabschnitt, der von zwei schmalen Seitenleisten flankiert wird, aber dieser Hauptabschnitt ist jetzt in zwei starke Unterspalten unterteilt. Der gesamte Inhalt der Seite hat eine feste Position, nur der Hauptinhaltsbereich wird gescrollt.
Wenn wir alles entfernen und nur die Knochen der Seite betrachten, sehen wir ein ziemlich komplexes Drahtmodell.
Eine der wichtigsten konzeptionellen Änderungen besteht darin, dass das alte Layout Ihre verschiedenen Freundeskreise in einem vertikalen Streifen auf der linken Seite und Ihre Navigationssymbole oben enthielt, während das neue Layout die Navigation in einem vertikalen Streifen von Symbolen platziert auf der linken Seite und Ihre Kreise in einem horizontalen Balken oben.
Dieses auf Symbolen basierende Navigationsmuster auf der linken Seite ist im Design der Mac-Benutzeroberfläche äußerst beliebt geworden und wird allmählich in Webschnittstellen gespiegelt. Einer der wichtigsten Befürworter dieses Formats war Twitter für Mac (ehemals Tweetie), das eine Vielzahl ähnlicher Schnittstellen in Apps wie Reeder, Sparrow und Raven hervorgebracht hat.
Die neue Google+ Seite enthält einige Vokabeln zum Lernen. Der Streifen auf der linken Seite ist das "Farbband", das verschiedene "Anwendungen" enthält. Das Hauptinhaltsfeld ist die "Karte" und der herausschiebbare Bereich unter jedem Beitrag mit Kommentaren, +1s usw. ist die "Aktivitätsschublade".
Ausrichtungsprobleme
Das neue Layout trägt wesentlich dazu bei, dass Google+ wie eine funktionsreichere Anwendung erscheint, und nutzt den Kontrast auf jeden Fall, um die wichtigen Teile der Seite hervorzuheben. Ich habe eigentlich keine Probleme mit dem gesamten Layoutschema, aber ich kann nicht anders, als einige Ausrichtungsprobleme zu bemerken, die meiner Meinung nach die Ästhetik beeinträchtigen.
Für den Anfang sind das Hauptinhaltsfeld und die Hangout-Schaltfläche nur wenige Pixel von der perfekten Ausrichtung entlang ihrer oberen Striche entfernt. Leider fühlen sich für einen Nitpicker wie mich ein paar Pixel eine Meile entfernt an. Es gibt nur wenige Design-Macken, die mich schneller nerven als zwei Dinge, die fast aufeinander abgestimmt sind. Weitere Informationen zu diesem Thema finden Sie unter „Warum fast ein schmutziges Wort im Design ist“.
Der Effekt ist noch schlimmer, wenn Sie einen Schritt zurücktreten und alle vier Elemente in diesem Bereich betrachten. Die E-Mail-Adresse des Benutzers, das primäre Inhaltsfeld, das Hangout-Feld und der Benachrichtigungsbereich ragen in zufälliger Länge heraus und scheinen keine Logik hinter ihrer Platzierung zu haben.
Dieses Beispiel ist kein Einzelfall. Es gibt einige andere Fälle, in denen Objekte nur eine vertikale oder horizontale Ausrichtung verfehlen. Überprüfen Sie, wie das unten stehende Google+ Logo ungünstig von der starken vertikalen Linie abweicht, die durch die unten stehende Navigation festgelegt wurde.
Icon Design: Weiter als einfach
In der Vergangenheit war Google immer für seinen völligen Mangel an Design bekannt. Jedes Produkt, das auf den Markt kam, schien fast die einfachste Lösung zu sein, die man sich vorstellen kann. Das Image der Marke Google war eine völlige Weigerung, dem in den frühen 2000er Jahren beliebten glänzenden und farbenfrohen visuellen Stil von Web 2.0 zu folgen, um den Inhalt für sich selbst sprechen zu lassen.
In den letzten Jahren hat sich Google langsam von diesen Ideen distanziert, da seine Produkte eine subtile, aber immer größere Komplexität und Designdetails aufweisen. Die Symbole in der neuen Google+ dienen als perfektes Beispiel für diesen Begriff.
Beachten Sie, wie die einfachen abstrakten Formen und Volltonfarben einem zusammenhängenderen Bild eines Hauses gewichen sind, das subtile Striche und Verläufe enthält.
Wiederholung von Hover-Effekten
Während wir uns mit dem Thema Symbole befassen, werfen wir einen kurzen Blick auf einige der kleineren Interaktionsaspekte der Site, nämlich die Hover-Effekte. Das allgemeine Thema hier ist, dass Symbole grau sind und sich nur sehr wenig vom Hintergrund abheben. Beim Hover wird das Symbol dann farbig. Sie können dies in Aktion in der Seitenleiste sehen:
Wiederholung ist eines Ihrer stärksten Werkzeuge als Designer, und Google setzt sie hier gut ein. Der gleiche Grau-Farbe-Effekt wird an einigen weiteren Stellen auf der Seite wiederholt.
Sie sind jedoch etwas inkonsistent mit diesem Effekt. Es gibt einige Stellen, an denen es meiner Meinung nach angebracht gewesen wäre, die Wiederholung voranzutreiben, aber sie haben sich für einen anderen zufälligen Effekt entschieden. Im folgenden Beispiel verwandeln sich die Symbole beim Hover in Schaltflächenformen.
Neue Seitenleiste
Rechts neben dem Hauptinhaltsbereich befindet sich eine neue Seitenleiste mit verschiedenen Funktionen, mit denen Sie Google+ optimal nutzen können. Beachten Sie, dass dies ein weiterer Ort ist, an dem wir die Farbe beim Schweben sehen.
Dieser Bereich ist sehr schön gestaltet, wobei jeder Abschnitt klar organisiert und unterschiedlich ist. Es ist interessant zu sehen, wie Google eine Idee von Twitter in Form einer Liste mit Trendthemen aufgreift. Sie können sehen, dass Benutzer bereits die Hashtag-Syntax übernommen haben. Dies ist ein faszinierendes Beispiel dafür, wie wir unser Verhalten automatisch über soziale Netzwerke übertragen, unabhängig davon, ob Entwickler dieses Verhalten berücksichtigen oder nicht.
Es ist immer wichtig, das Verhalten Ihrer Benutzerbasis genau zu antizipieren und zu beobachten und Aktionen zu berücksichtigen, auf die sie sich zu konzentrieren scheinen, anstatt zu versuchen, sie zu ändern. Dadurch erscheint Ihre Plattform viel intuitiver und einfacher zu übernehmen.
Profil
Das neue Google+ Profil nimmt eine Seite aus dem neuen Facebook-Timeline-Playbook (und möglicherweise Path) und ermöglicht nicht nur ein Haupt-Avatar-Bild, sondern auch ein „Titelbild“ (der gleiche Begriff, der auch von Facebook verwendet wird).
Der Teil, der sich merklich von Facebook löst, ist das unbestreitbar große Profilbild, das sich auf der rechten Seite statt auf der linken befindet. Diese Bilder werden in der tatsächlichen Größe unten mit satten 250 x 250 Pixel angezeigt, was sicherlich nicht zufällig genau das Doppelte der 125 Pixel großen quadratischen Profilbilder von Facebook ist.
Eine Sache, die ich interessant finde, ist die Tatsache, dass das Titelbild tatsächlich aus dem Hauptinhaltsfeld ausbricht. Normalerweise schätze ich es, wenn Designer absichtlich einen unerwarteten Trick wie diesen ausführen, aber um ehrlich zu sein, finde ich das hier ziemlich ablenkend. Sobald eine Profilseite geladen wird, springen meine Augen direkt zu der unangenehmen Überlappung.
Was ist das Urteil?
Berichten zufolge hat Google+ im letzten Monat die 100-Millionen-Marke für aktive Nutzer überschritten. Niemand kann dies als kleine Zahl bezeichnen, insbesondere angesichts der Tatsache, dass Instagram gerade eine Milliarde Dollar von Facebook für seine Plattform und mehr als 30 Millionen Nutzer abgezogen hat.
Wenn Sie bedenken, dass Twitter nur 140 Millionen aktive Nutzer hat, scheint Google+ schnell nach dem zweiten Platz in den sozialen Medien zu suchen. Dies reicht jedoch definitiv nicht aus, um der aktiven Nutzerbasis von Facebook nahe zu kommen, die irgendwo im Bereich von 800 Millionen liegt.
Das neue Design zeigt, dass Google nicht die Absicht hat, dieses Projekt aufzugeben, wie es so viele andere in der Vergangenheit getan haben. Sie versuchen definitiv, eine angenehmere Erfahrung zu schaffen, um Sie anzulocken und Sie immer wieder zurück zu kommen. Die Frage ist, wird es funktionieren?
Um dies zu beantworten, müssen wir darüber spekulieren, was die Menschen davon abhält, Google+ zu übernehmen. Die offensichtliche Antwort ist, dass Google+ sich etwas überflüssig anfühlt, wenn Sie bereits ein Facebook-Konto haben, umso mehr, wenn Sie sowohl auf Facebook als auch auf Twitter aktiv sind. Eine andere Möglichkeit ist, dass das alte Google+ zwar nicht hässlich war, sich aber vielleicht ein wenig steril und ohne Persönlichkeit anfühlte.
Mögliche Ziele hinter dem neuen Design
Daraus können wir eine Vermutung für mindestens zwei mögliche Ziele hinter der Neugestaltung anstellen. Die erste wäre, Google+ weiter von anderen sozialen Netzwerken zu unterscheiden. Der Versuch zu behaupten, dass sie in ihrem eigenen Spiel einfach besser sind als Facebook, ist nicht die beste Option. Die Leute bei Google müssen einen eindeutig einzigartigen konzeptionellen Eckpfeiler dafür schaffen, warum Leute auf ihre Website kommen sollten. Zum Beispiel hat Twitter hervorragende Arbeit geleistet, um die Funktionalität von Facebook nicht zu replizieren und nicht als Alternative, sondern als eigenständiges Produkt zu stehen.
Das zweite Ziel wäre es, die Sterilität zu reduzieren und Google+ in einen freundlichen, einladenden Ort zu verwandeln, der einfach zu navigieren ist und sogar Spaß macht.
Haben sie diese Ziele erreicht?
Wenn wir das Design im Hinblick auf diese Ziele analysieren, können wir besser beurteilen, ob es ein Erfolg war oder nicht. Diese Übung gibt uns klare Punkte, mit denen wir vergleichen können, anstatt blind in die Dunkelheit zu stechen, um herauszufinden, was funktioniert und was nicht.
Was das erste Ziel angeht, hat Google in einigen Bereichen einige Fortschritte erzielt und sich in anderen möglicherweise ein wenig zurückgezogen. Insgesamt ist das neue Layout ein viel größerer Sprung von Facebook als das alte. Auf einen Blick würde ein treuer Benutzer von beiden niemals das eine für das andere verwechseln, was eine gute Sache ist.
Darüber hinaus sorgen kleine Details wie das Platzieren der Kreisfilter oben und die weitere Hervorhebung von Hangouts dafür, dass die wenigen Innovationen von Google im Vordergrund stehen. Dieser Fortschritt steht im Gegensatz zu anderen Bereichen wie dem neuen Titelbild, bei denen sich das soziale Netzwerk eher wie ein Facebook-Klon anfühlt, nicht weniger. Ich hätte gerne gesehen, dass sie in diesem Bereich einzigartige Gedanken zeigen, anstatt einfach das neue Format von Facebook auszuleihen.
Das zweite Ziel scheint definitiv ein Hauptanliegen bei der Designaktualisierung gewesen zu sein. Das neue Google+ schafft eine einladendere Umgebung. Obwohl es vielleicht kurz vor der Unordnung steht, insbesondere im Vergleich zur alten Version, fühlt es sich wie ein robusterer Dienst mit all den Dingen an, die auf Ihrer Homepage passieren.
Gesichter werden viel stärker betont. Es beginnt mit Ihrem riesigen neuen Profilbild und geht weiter über die Startseite, wo Sie eine große Chat-Seitenleiste voller freundlicher Gesichter sowie Vorschläge für Personen, die Sie vielleicht kennen, und Benutzer, die Sie vielleicht mögen, sehen. Google möchte, dass Sie Freunde finden und genug in die Erfahrung hineingezogen werden, um sie zu verpassen, wenn Sie weg sind. Mehr Freunde bedeuten mehr Interaktionen, was mehr Gründe für eine Rückkehr bedeutet.
Was denken Sie?
Google+ schien mir in den letzten Monaten aus dem Rampenlicht zu geraten. Diese Wahrnehmung war jedoch anscheinend fehlerhaft, da sie in Wirklichkeit mit einer beeindruckenden Anzahl aktiver täglicher Benutzer leise, aber stetig auf den Charts kletterten. Unabhängig davon, auch wenn sie anfingen, im öffentlichen Interesse nachzulassen, war das neue Design perfekt abgestimmt, um das gesamte Web wieder dazu zu bringen, über sie zu sprechen. Selbst wenn dies der einzige Grund für die Aktualisierung war, wird es sich wahrscheinlich auszahlen.
Wie ich oben erklärt habe, denke ich jedoch, dass hier einige tiefere Ziele am Werk waren. Nachdem Sie meine Gedanken gelesen haben, ist es Zeit für Sie, in das Gespräch einzusteigen. Welche Ziele wollte Google Ihrer Meinung nach mit dem neuen Design erreichen? Haben sie diese Absichten effektiv umgesetzt?
Ist Google+ letztendlich dazu verdammt, den Weg von Wave, Buzz und anderen gescheiterten sozialen Versuchen zu gehen, oder wird es sein stetiges Wachstum fortsetzen und zu einem der wichtigsten sozialen Netzwerke im Web werden?
