Gestern hat Google eine umfassende Neugestaltung seines sozialen Netzwerks Google+ eingeführt. Sie mischen nicht nur einige Objekte, sondern definieren das gesamte visuelle Erlebnis völlig neu. Eine solche Aktualisierung ist eine Sonderausgabe unserer Webdesign-Kritikserie.
Lassen Sie andere über langweilige alte Feature-Listen sprechen, schließen Sie sich uns an und schauen Sie sich um, um zu sehen, was aus Sicht des Designers besser ist und was noch schlimmer ist. Wir werden jedes Teil der Benutzeroberfläche auswählen und sehen, ob es etwas zu lernen gibt.
Wenn Sie Ihre Website für eine zukünftige Design-Kritik einreichen möchten, dauert dies nur wenige Minuten. Für die Bewertung Ihres Designs berechnen wir 49 US-Dollar - deutlich weniger, als wenn Sie einen Berater für einen Blick auf Ihre Website bezahlen würden! Hier erfahren Sie mehr.
Der alte Google+
Bevor wir uns mit dem neuen Design beschäftigen, werfen wir einen Blick auf die Originalversion von Google+ (siehe unten).
Wie Sie sehen, ist dies eine ziemlich spärliche Erfahrung mit viel Leerraum. Das Layout organisiert den Inhalt in drei Spalten mit einer horizontalen Leiste am oberen Rand zum Suchen, Hinzufügen von Fotos, Anzeigen von Kreisen usw. Das Layout hier erinnert tatsächlich ziemlich an das aktuelle Design von Facebook.
Das allgemeine Gefühl ist sauber und einfach, aber auch etwas kalt und unpersönlich. Dies machte die Website für jedermann leicht zu erlernen und zu verwenden, half aber vielleicht nicht viel beim Konzept, die Seite zu Ihrem persönlichen Kommunikationszentrum zu machen.
Das neue Google+
Der neue Google+ reduziert drastisch den Leerraum und das Gefühl der Sparsamkeit. Im Vergleich dazu scheint die Oberfläche mit Funktionen und Schaltflächen geladen zu sein. Sie haben die starke weiße Persönlichkeit beibehalten, diese jedoch mit einem Graustich ergänzt.
Dies mag wie eine unbedeutende Änderung erscheinen, aber es ist tatsächlich ein absichtlicher Versuch, eine starke visuelle Hierarchie auf der Seite zu erstellen. War die alte Seite ein weißes Meer mit einem einzigen grauen Bereich am oberen Rand, verwendet diese Seite diese beiden Farben, um primäre und sekundäre Teile des Inhalts klar zu unterscheiden. Ihre Augen schweben um die Seite und verleihen den leichteren Teilen der Benutzeroberfläche eine zentrale Bedeutung.
Layout
Das Layout ist diesmal viel komplizierter. Es ist eine modifizierte Version des alten dreispaltigen Layouts mit etwas 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 scrollt.
Wenn wir alles ausreissen und nur die Knochen der Seite betrachten, sehen wir ein ziemlich komplexes Drahtgitter.
Eine der wichtigsten konzeptionellen Änderungen, die stattgefunden haben, 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 einer horizontalen Leiste über der Oberseite.
Dieses auf Symbolen basierende Navigationsmuster auf der linken Seite ist im Mac-Benutzeroberflächen-Design äußerst populär geworden, und wir beginnen, es in Web-Interfaces zu spiegeln. Einer der bedeutendsten Befürworter dieses Formats war Twitter für Mac (vormals 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". welches enthält verschiedene? Anwendungen.? Das Hauptinhaltsfeld ist die "Karte". und der Slide-Out-Bereich unter jedem Beitrag mit Kommentaren, + 1s usw. ist die Aktivitätsschublade.
Ausrichtungsprobleme
Das neue Layout trägt wesentlich dazu bei, dass Google+ als eine funktionsreichere Anwendung erscheint, und es nutzt auf jeden Fall den Kontrast, um die wichtigen Teile der Seite hervorzuheben. Ich habe eigentlich keine Probleme mit dem allgemeinen Layoutschema, aber ich kann nicht umhin, einige Ausrichtungsprobleme zu bemerken, die meiner Meinung nach die Ästhetik beeinträchtigen.
Für den Anfang sind das Hauptinhaltsfeld und der Hangout-Button innerhalb weniger Pixel genau an den oberen Strichen ausgerichtet. Leider fühlen sich für ein Nitpicker wie ich ein paar Pixel eine Meile entfernt. Es gibt wenige Design-Macken, die mich schneller als zwei Dinge ärgern fast ausgerichtet. Weitere Informationen zu diesem Thema finden Sie unter Warum ist fast ein schmutziges Wort im Design?
Der Effekt ist noch schlimmer, wenn Sie einen Schritt zurückgehen 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 auftreten gerade Eine vertikale oder horizontale Ausrichtung verpassen. Sehen Sie sich an, wie das unten stehende Google+ Logo von der starken vertikalen Linie, die durch die Navigation unten festgelegt wird, unangenehm versetzt ist.
Icon Design: Weiter von Simple
In der Vergangenheit war Google schon immer für sein Designmangel bekannt. Jedes Produkt, das ausgerollt wurde, schien fast die einfachste mögliche Lösung zu sein, die Sie sich vorstellen können. Das Image der Marke Google vertrat die völlige Weigerung, den in den frühen 2000er Jahren beliebten glänzenden und knalligen Web 2.0-Stil zu verwenden, um den Inhalt für sich sprechen zu lassen.
In den letzten Jahren hat sich Google langsam von diesen Ideen distanziert, da seine Produkte eine subtile, aber immer weiter zunehmende Komplexität und Details zeigen. Die Icons im neuen Google+ dienen als perfektes Beispiel für diesen Begriff.
Beachten Sie, wie die einfachen abstrakten Formen und Volltonfarben einem kohärenten Bild eines Hauses gewichen sind, das subtile Striche und Farbverläufe enthält.
Wiederholung von Hover-Effekten
Während wir uns mit dem Thema Icons beschäftigen, werfen wir einen Blick auf einige der kleineren Interaktionsaspekte der Website, nämlich die Hover-Effekte. Das allgemeine Thema dabei ist, dass Icons grau sind und einen sehr geringen Kontrast zum Hintergrund haben. Im Hover wird das Symbol dann vollfarbig. Sie können dies in Aktion auf der Seitenleiste sehen:
Wiederholung ist eines Ihrer stärksten Werkzeuge als Designer, und Google setzt es hier gut ein. Der gleiche Grau-zu-Farbe-Effekt wird an mehreren Stellen auf der Seite wiederholt.
Sie sind jedoch etwas ungeeignet mit diesem Effekt. Es gibt einige Stellen, an denen ich denke, es wäre angemessen gewesen, die Wiederholung zu fördern, aber sie entschieden sich für einen anderen Zufallseffekt. Im folgenden Beispiel werden die Symbole im Hover in Schaltflächenform.
Neue Seitenleiste
Rechts neben dem Hauptinhaltsteil gibt es eine neue Seitenleiste mit verschiedenen Funktionen, mit der Sie das Beste aus Google+ herausholen können. Beachten Sie, dass dies auch ein anderer Ort ist, an dem wir die Farbe des Hover-Tricks sehen.
Dieser Bereich ist sehr schön gestaltet, wobei jeder Abschnitt klar und klar strukturiert ist. Es ist interessant zu sehen, wie Google eine Idee von Twitter in Form einer Liste aktueller Themen aufgreift. Sie sehen, dass Benutzer bereits die Hashtag-Syntax übernommen haben, 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 sowohl zu antizipieren als auch genau zu beobachten und auf Aktionen zu reagieren, auf die sie sich zu konzentrieren scheinen, anstatt sie zu ändern. Dies lässt Ihre Plattform intuitiver und einfacher erscheinen.
Profil
Aus dem neuen Facebook-Timeline-Playbook (und möglicherweise aus dem Pfad) kann das neue Google+ Profil nicht nur ein Haupt-Avatar-Bild, sondern auch ein? Titelbild? (der gleiche Begriff, der auch von Facebook verwendet wird).
Der Teil, der sich spürbar von Facebook löst, ist das unbestreitbar große Profilbild, das sich auf der rechten Seite anstatt auf der linken Seite befindet. Diese Bilder sind in der tatsächlichen Größe unten dargestellt und werden mit satten 250 x 250 Pixeln angezeigt. Dies ist sicherlich nicht zufällig genau das Doppelte von Facebooks 125px-quadratischen Profilbildern.
Eine Sache, die ich interessant finde, ist die Tatsache, dass das Titelbild tatsächlich aus dem Hauptinhalt herausbricht. Normalerweise schätze ich es, wenn Designer absichtlich einen unerwarteten Trick wie diesen ausführen, aber um ehrlich zu sein, finde ich das ziemlich ablenkend. Sobald eine Profilseite geladen wird, springen meine Augen zur unangenehmen Überlappung.
Was ist das Urteil?
Im letzten Monat hat Google+ Berichten zufolge die 100-Millionen-Grenze für aktive Nutzer überschritten. Niemand kann dies als eine kleine Zahl bezeichnen, vor allem angesichts der Tatsache, dass Instagram gerade eine Milliarde Dollar von Facebook für seine Plattform und über 30 Millionen Nutzer gewonnen hat.
Wenn Sie der Meinung sind, dass Twitter nur 140 Millionen aktive Nutzer hat, scheint es, als würde Google+ schnell den zweiten Platz in den sozialen Medien erreichen. Dies reicht jedoch definitiv nicht aus, um der aktiven Benutzerbasis von Facebook, die irgendwo im Bereich von 800 Millionen liegt, nahe zu kommen.
Das neue Design zeigt, dass Google nicht die Absicht hat, dieses Projekt aufzugeben, wie es so viele andere in der Vergangenheit gab. Sie versuchen definitiv, eine angenehmere Erfahrung zu schaffen, um Sie hereinzulocken und Sie wiederzukommen. Die Frage ist, wird es funktionieren?
Um das zu beantworten, müssen wir darüber spekulieren, was die Menschen davon abhält, Google+ zu übernehmen. Die offensichtliche Antwort ist, dass sich Google+ ein wenig überflüssig fühlt, wenn Sie bereits ein Facebook-Konto haben. Dies gilt insbesondere für Facebook und Twitter. Eine andere Möglichkeit ist, dass das alte Google+ zwar nicht hässlich war, sich aber vielleicht ein bisschen steril und menschenleer 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 wagen. 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 Google-Leute müssen einen eindeutigen konzeptionellen Grundstein dafür legen, warum die Menschen auf ihre Website kommen sollten. Twitter hat zum Beispiel hervorragende Arbeit geleistet, indem er die Funktionalität von Facebook nicht repliziert und nicht als Alternative, sondern als eigenständiges Produkt auffällt.
Das zweite Ziel wäre, die Sterilität zu reduzieren und mit der Umwandlung von Google+ in einen freundlichen, einladenden Ort zu beginnen, der leicht 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 einschätzen, ob es ein Erfolg war oder nicht. Diese Übung gibt uns klare Punkte, mit denen wir vergleichen können, anstatt blind 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 einigen Bereichen möglicherweise etwas zurückgezogen. Insgesamt ist das neue Layout einen großen Schritt von Facebook entfernt als das alte. Auf einen Blick würde ein treuer Benutzer niemals eines mit dem anderen verwechseln, was eine gute Sache ist.
Darüber hinaus sorgen kleine Details wie das Platzieren der Kreisfilter an der Oberseite und die weitere Hervorhebung von Hangouts dafür, dass die wenigen Neuerungen von Google vorne und hinten im Mittelpunkt stehen. Dieser Fortschritt steht im Gegensatz zu anderen Bereichen wie dem neuen Titelbild, durch die sich das soziale Netzwerk tatsächlich fühlt Mehr wie ein Facebook-Klon, nicht weniger. Ich hätte mir gewünscht, dass sie einige einzigartige Gedanken in diesem Bereich gezeigt hätten, anstatt einfach das neue Format von Facebook zu leihen.
Das zweite Ziel scheint definitiv ein Hauptanliegen bei der Designaktualisierung gewesen zu sein. Das neue Google+ schafft eine einladendere Umgebung.Obwohl es vielleicht kurz davor ist, unübersichtlich zu sein, vor allem wenn es mit der alten Version verglichen wird, fühlt es sich wie ein robusterer Service mit all dem an, was auf Ihrer Homepage passiert.
Auf Gesichter wird viel mehr Wert gelegt. Es beginnt mit Ihrem großen neuen Profilbild und führt über die Startseite, wo Sie eine große Chat-Seitenleiste mit freundlichen Gesichtern sowie Vorschläge für Personen, die Sie möglicherweise kennen, und Benutzer, die Ihnen gefallen könnten, sehen. Google möchte, dass Sie Freunde finden und so weit in die Erfahrung einbezogen werden, dass Sie es verpassen, wenn Sie nicht da sind. Mehr Freunde bedeuten mehr Interaktionen, was mehr Gründe für die Rückkehr bedeutet.
Was denkst du?
Google+ schien mir in den letzten Monaten aus dem Rampenlicht zu geraten. Diese Wahrnehmung war jedoch anscheinend fehlerhaft, da sie in der Realität mit einer beeindruckenden Anzahl aktiver Benutzer täglich leise, aber stetig kletterten. Auch wenn sie im öffentlichen Interesse nachließen, war das neue Design perfekt zeitlich abgestimmt, um das gesamte Web erneut zum Reden zu bringen. Auch wenn dies der einzige Grund für die Aktualisierung war, wird es sich wahrscheinlich auszahlen.
Ich glaube jedoch, dass, wie ich oben erklärt habe, einige tiefere Ziele am Werk waren. Nun, da Sie meine Gedanken gelesen haben, ist es Zeit für Sie, in das Gespräch einzusteigen. Welche Ziele hat Google Ihrer Meinung nach mit dem neuen Design erreicht? Haben sie diese Absichten effektiv durchgezogen?
Ist Google+ letztlich zum Scheitern verurteilt, den Weg von Wave, Buzz und anderen gescheiterten sozialen Versuchen zu beschreiten, oder wird es sein stetiges Wachstum fortsetzen und zu einem der wichtigsten sozialen Netzwerke im Internet werden?