Mit großer Überraschung kam es heute, das neue Google+ Design. Und wie das mit dem Mensch als Gewohnheitstier eben so ist wirft dies eben auch ein paar Fragen auf und enthält Details, die auf den ersten Blick nicht gefallen.
Hier ein paar solcher Fälle und Tipps bzw. Lösungsansätze dazu.
Die neue Ansicht der Google+ Profile bringt auch kleine Änderungen des Seitenkopfes, also des Profilbildes und Profilbanners mit sich. Die Größe dieser Elemente wurde geändert, ausserdem kam als Alternative zu den fünfteiligen Profildias ein einteiliges, durchgehendes Profilbanner hinzu.
Element
Profilbild
Profildias 5-teilig (alt)
Profilbanner 1-teilig, durchgehend (neu)
Abmessung ALT
200 x 200 px
125 x 125 px
-
Abmessung NEU
250 x 250 px
110 x 110 px
940 x 180 px
Das neue, durchgehende Profilbanner kann mit dem neuen Google+ Design über die gewohnte Bearbeitung der Profildias aktiviert werden – dort steht nun eine Auswahl zur Verfügung.
Hier zur Verdeutlichung eine Gegenüberstellung beider Bannertypen
Wie aus obiger Tabelle ersichtlich ist die genaue Größe des Google+ Profilbanners 940 x 180 Pixel, die fünf gewohnten Profildias schrumpften von 125 auf 110 Pixel im Quadrat.
Keine Sorge, Google empfängt nach wie vor gern unser Feedback, die Funktion taucht nun lediglich nicht mehr ganz so exponiert wie bisher auf, sondern ist über das “Zahnrad”-Menü zu erreichen.
Der kleine Pfeil neben dem Profilbild auf der Stream-Seite zum wechseln zwischen den eigenen Seiten und dem persönlichen Profil ist nicht mehr vorhanden, diese Auswahl ist an eine andere Stelle verlegt worden.
Im neuen Google+ Design kann man den Wechsel zwischen den Profilen über das Profilbild-Menü in der Google Bar vornehmen. Über den Link “Meine Google+ Seiten” kommt man auf die Verwaltungsseite, von der aus die Optionen und die Admin-Verwaltung zu allen eigenen Seiten leicht erreichbar sind.
Die Google+ Seite ist mit dem Redesign responsiv geworden, sprich, sie passt sich in einem gewissen Maße der zur Verfügung stehenden Display- bzw. Browserfenstergröße an.
Wie man an diesem kleinen Vergleich prima sieht, wandert bei Unterschreitung einer gewissen Fensterbreite der Chat zurück an die altbekannte Position am unteren Fensterrand. Auch die Google Bar schrumpft durch Verkleinerung von Suchfenster und Profilbild sowie Kürzung des Namens in der horizontalen.
Dies kommt vor allem den Bedürfnissen kleinerer Screens von Tablets und Netbooks entgegen.
So wacker sich das neue Google+ Design auf kleinen bis mittleren Displays auch schlägt, je größer die Auflösung wird, um so leerer erscheint es aufgrund des freien weißen Raums rechts des Contents. Google traf heute zwar schon die Aussage, dass dieser freie Platz bald mit etwas noch nicht näher genannten gefüllt wird, aber bis dahin kann man sich zumindest damit behelfen, das die Inhalte zentriert angezeigt werden.
Dies ist nur über einen kleinen Trick – nämlich ein User-Stylesheet – möglich. Und so funktioniert das für einige bekannte Browser:
Update für Chrome-Nutzer:
Mittlerweile gibt es eine Erweiterung, die die Anpassung automatisch erledigt, ausserdem eine weitere, die für eine bessere Lesbarkeit der Kommentare sorgt:
GExtend – Google+ Inhalt vergrößern und zentrieren Readability for Google+ – Mehr Kontrast im Kommentarbereich
Hierfür wird eine kleine Erweiterung benötigt, die es erlaubt, eigene CSS-Styles für bestimmte Seiten zu hinterlegen. Ich empfehle hier das unkomplizierte userScriptCSS.
Download/Installation userScriptCSS Chrome-Erweiterung
Nach der Installation ruft Ihr die Einstellungen auf (Einstellungen – Erweiterungen → userScriptCSS → Optionen) und macht folgende Einträge:

Zur Erleichterung hier nochmal zum Copy & Pasten:
#content #contentPane {
max-width: 980px !important; margin: 0 auto !important;
border-left: 1px solid silver;
border-right: 1px solid silver;
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2); }Das letzte Feld kann leer bleiben. Vergesst aber nicht, ganz nach unten zu scrollen und mit Klick auf “Save” alle zu speichern.
Der Tipp mit der Content-Zentrierung stammt von Sebastian Lasse, der ihn ursprünglich für den Safari-Browser postete. Und dort funktioniert das wohl so:
Safari → Settings(Einstellungen) → last tab → stylesheet, load css
Dort fügt Ihr dann auch wieder den schon oben im Chrome-Teil genannten CSS-Code ein, startet den Browser neu und alles sollte gut sein. Ich kann es gerade nicht nachprüfen, da ich den Safari nicht verwende.
Im Firefox sollte es so klappen:
@-moz-document url-prefix(https://plus.google.com) {
#content #contentPane {
max-width: 980px !important; margin: 0 auto !important;
border-left: 1px solid silver;
border-right: 1px solid silver;
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2); }
}Ebenfalls von mir ungetestet, sollte aber funktionieren!
Falls ein erfahrener Safari- oder Firefox-User Verbesserungsvorschläge dazu hat, immer raus damit, ich werde das dann gern hier einarbeiten!
Tags: browser, css, design, erweiterung, extension, feedback, firefox, profilbanner, profilbild, redesign, responsiv, safari, seiten, userstyle.chrome, zentrieren
Sascha Krause11. April 2012 am 20:55 via Google+
gibts auch nen Changelog ???
Bernd Zolchhofer11. April 2012 am 20:56 via Google+
Ein offizielles meinst Du? Nein, deshalb hier mal ein paar Dinge, die schon oft gefragt wurden.
Sascha Krause11. April 2012 am 20:57 via Google+
Danke
Ja meinte ein offizielles.
Ein Inoffizielles währ auch nicht schlecht gewesen.
Aber das FAQ erklärt schon einiges
Xartion Noitrax11. April 2012 am 20:59 via Google+
Kann man oben bei der Kreis anzeige die auch Festheften so das ich nicht immer auf mehr klicken muss ? +Bernd Zolchhofer
Xartion Noitrax11. April 2012 am 20:59 via Google+
Und die schrift muss unbedingt schwarz sein dieses dunkelgrau auf grau kommt nicht gut. Habs aber schon als feedback geschrieben^^
Leon Sering11. April 2012 am 21:00 via Google+
+Xartion Noitrax Genau die Funktion suche ich auch gerade, habe sie aber nicht gefunden. Ein paar Kreise sind bei mir dauerhaft. Auch gespeicherte Suchanfragen würde ich gerne "anheften".
Xartion Noitrax11. April 2012 am 21:01 via Google+
Also entweder geht das nicht oder ich habe es noch nicht gefunden, ich tippe auf 1.^^
Leon Sering11. April 2012 am 21:01 via Google+
Wie kann man sie denn sortieren?
Bernd Zolchhofer11. April 2012 am 21:02 via Google+
Ja, sortieren ist bisher die einzige Möglichkeit, Einfluss auf die oben angezeigten Kreise zu nehmen. Die ersten beiden Kreise werden angezeigt.
Leon Sering11. April 2012 am 21:02 via Google+
Ich hatte auch meine Probleme an der Linken Seite, Icons zu entfernen (z.B. Spiele) bis ich dahinter gekommen bin, dass man nicht auf der Seite sein darf, die man entfernt.
Xartion Noitrax11. April 2012 am 21:02 via Google+
Oo Wie mache ich das den? Bitte^^ Das sortieren
Leon Sering11. April 2012 am 21:03 via Google+
Ah wenn du unter Kreise, die Kreise neu sortierst, wirtk sich das auch die Übersicht aus.
Bernd Zolchhofer11. April 2012 am 21:03 via Google+
+Xartion Noitrax Einfach mit Drag & Drop die Icons umsortieren oder nicht permanent gewollte in die Gruppe "mehr…" ganz unten ziehen.
Leon Sering11. April 2012 am 21:05 via Google+
+Bernd Zolchhofer Ich glaube er meint die Kreise in der Übersicht, nicht die Icons links.
Xartion Noitrax11. April 2012 am 21:06 via Google+
Ja meine oben die 4 button Alle – Name – Name – Mehr
Leon Sering11. April 2012 am 21:08 via Google+
Ansonsten find ich das Design eigentlich ganz nett. Die Breite könnte aber wirklich besser ausgenutzt werden.
Weiß jemand, ob man bei den Forschlägen für neue "Freunde" auch nur die anzeigen lassen kann, die bereits bei G+ sind? Nervt immer, Leute dort angezeigt zu bekommen, die ich zwar kenne und auch hinzufügen würde, die aber gar nicht bei g+ sind und es auch erstmal nicht vorhaben.
Daniel Parthey11. April 2012 am 21:11 via Google+
Man kann einen Navigationspunkt offenbar nicht in "mehr" ziehen, wenn ein Navigationspunkt gerade ausgewählt ist. Dafür muss man zunächst einen anderen Punkt anklicken.
Felix Berthelmann11. April 2012 am 21:12 via Google+
Die Breitenausnutzung ist ja unter aller Kanone. Abzüglich Navigation nimmt der Text so etwa 1/3 des Bildschirmes ein … da könnte man Text und Kommentare locker nebeneinander reinpacken.
Tobias Fuss11. April 2012 am 21:15 via Google+
+Felix Berthelmann "Google traf heute schon die Aussage, dass dieser freie Platz bald mit etwas noch nicht näher genannten gefüllt wird", scheint als wär da wohl noch was geplant…
Bernd Zolchhofer11. April 2012 am 21:16 via Google+
+Felix Berthelmann Prinzipiell gebe ich Dir recht, dass nervt schon ein wenig. Aber bei den vielen Tablet- und Netbook-Usern und Handys, deren Auflösung schon mehr als an der Desktop-Grenze kratzt darf man nicht nur vom 17+ Zöller ausgehen.
Und wie im Artikel gesagt, der Freiraum wird ja bald gefüllt werden, zudem bin ich mir sicher, dass an Details wie der Kreise-Leiste, die eigentlich viel breiter sein könnte noch arbeiten wird.
Xartion Noitrax11. April 2012 am 21:16 via Google+
+Tobias Fuss Jap hab ich auch gelesen
Xartion Noitrax11. April 2012 am 21:18 via Google+
+Arne Bachmann Sehr übertrieben ! also echt heftig übertrieben
Rico Herrmann11. April 2012 am 21:19 via Google+
So sehr mich die riesige weiße Fläche (22" Monitor mit 1920 x 1080) auch stört, viel schlimmer find ich die Schriftfarbe der Kommentare im Stream. Also echt mal, grau auf grau?? Was soll das?
Xartion Noitrax11. April 2012 am 21:20 via Google+
Wie ich grade schon woanders schrieb…. Lasst google das Feedback aufnehmen und daran arbeiten, bevor hier der Teufel an die Wand gemalt wird^^
Felix Berthelmann11. April 2012 am 21:21 via Google+
+Xartion Noitrax Finde ich nicht übertrieben. Finde das echt daneben das so extrem verschwenderisch zu gestalten. +Rico Herrmann Die Farbe ist wirklich etwas schwach. Hängt sicher auch mit den Monitoreinstellungen zusammen.
Rico Herrmann11. April 2012 am 21:21 via Google+
+Xartion Noitrax Feeback ist schon raus
Felix Berthelmann11. April 2012 am 21:25 via Google+
+Bernd Zolchhofer Aha. Das wird noch gefüllt. Na gut dann lassen wir uns überraschen. Bei Google bin ich bei Designänderungen nur vorsichtig geworden, seitdem sie damals das Gmail-Design so versemmelt und den Reader so katastrophal verschlimmbessert hatten. Da lag es teilweise auch am augenschmerzenden Whitespace, dass die Design zwischenzeitlich kaum nutzbar waren.
Felix Berthelmann11. April 2012 am 21:26 via Google+
Da kannst Du noch so viele Ausrufezeichen setzen … Lies mal den Post über Deinem.
Xartion Noitrax11. April 2012 am 21:28 via Google+
Hab ich nicht gesehen, sry ^^
Janusch M11. April 2012 am 21:29 via Google+
Das neue Design ist WOW
Felix Berthelmann11. April 2012 am 21:29 via Google+
Kein Thema. Aber was anderes. Irgendwie stimmt mich die Drag and Drop-Geschichte frohsinnig, dass es Google vielleicht mal irgendwann schafft, die schwarze Nav-Bar-Leiste-Dings da oben auch anpassbar zu machen.
Sebastian Morkisch11. April 2012 am 21:33 via Google+
Was ist denn responsiv? Hab ich noch nie gehört…
Rico Herrmann11. April 2012 am 21:35 via Google+
+Sebastian Morkisch Wird doch im Artikel erklärt oO
Dennis Bölte11. April 2012 am 21:35 via Google+
Habe mal Feedback gegeben zu "grau auf grau".
Dabei ist mir bzgl. des Feedback-Buttons auch ein Problem bewusst geworden, dass ich danach dann auch gleich gemeldet habe:
Hatte nämlich Probleme, einen dermaßen kurzen Beitrag und dann noch mit Kommentaren am Anfang eines Streams zu finden bzgl. Screenshot, da beim nach-unten-scrollen ja auch das Zahnrad wegscrollt.
Habe denen mal den Lösungsvorschlag gemacht, die Feedbackfunktion fest unter "Mehr …" in der starren Navi-Leiste links zu platzieren.
Janusch M11. April 2012 am 21:36 via Google+
Das Grau ist super
Xartion Noitrax11. April 2012 am 21:37 via Google+
Ja sauber immer schön feedback geben. Was der Bauer nicht weiß, macht in nicht heiß
Sebastian Morkisch11. April 2012 am 21:37 via Google+
+Rico Herrmann ^^. Naja. Ist schon Ok. Auf jeden Fall gefallen mir die dezenten Farben, aber für ältere Semester wird's schwer erkennbar. Nicht so gute Kontraste verfügbar.
Thomas Thomas11. April 2012 am 21:39 via Google+
ick find das design auch klasse!
Dennis Bölte11. April 2012 am 21:40 via Google+
+Janusch M Ich bin auch für das Grau als Hintergrundfarbe. Allerdings dürfte es dann gerne schwarze Schrift darauf sein
Sehbehinderte "freuen" sich wahrscheinlich auch schon wie Hulle über Googles aktuelle Farbwahl …
PS: Sollte ich Ironie überlesen haben, so ignoriere einfach diesen Beitrag
Felix Berthelmann11. April 2012 am 21:45 via Google+
Wer die – übrigens sehr nette Feedback-Funktion – nutzt, kann auch gleich anmerken, dass es recht sinnlos ist, dass die oberste Leiste mit den Kreisen und das Einstellungsrad mitscrollen. Musste letzteres nämlich eben erst suchen. Keine Ahnung, warum das so gemacht wurde …
Torsten Appelhagen11. April 2012 am 21:50 via Google+
übrigens, wenn der leere Raum "bald gefüllt werden" soll, dann hätte man auch das Rollout der neuen Optik bis dahin verschieben können. Was soll das so Hals über Kopf – gibt doch nur Kritik, wie man ja überall liest (die vielleicht gar nicht so nötig wäre).
Janusch M11. April 2012 am 21:51 via Google+
Naja manche Kritik ist hier so oder so masslos übertrieben
Felix Berthelmann11. April 2012 am 21:53 via Google+
"So oder so" gibt es immer und überall "masslos" überflüssige Kommentare.
Felix Berthelmann11. April 2012 am 22:18 via Google+
Einen habe ich noch: https://chrome.google.com/webstore/detail/dgkjhlnnlabicokdgaecdeihkdlkdhjm?utm_source=plus
Chrome Erweiterung, die das Whitespace-Problem behebt.
Bernd Zolchhofer11. April 2012 am 22:33 via Google+
Dann habe ich auch noch einen:
https://chrome.google.com/webstore/detail/kndkppheelokdboefcboglgbnihnpgnd
al11. April 2012 am 22:43
Hey Bernd,
mir ist bei dem letzten Tipp aufgefallen, das es (zumindest bei mir) nicht so einfach ist, im Profilordner den Chromeordner zu finden, wenn man nicht schon so eine Ahnung hat, wo sich dieser Versteckt.
Deshalb gib ich hier den kleinen Tipp: Der Chromeordner ist zu finden, wenn man im Profilordner unter “extentions” und dort dann unter den blöd benannten Ordner “{ACAA314B-EEBA-48e4-AD47-84E31C44796C}” geht, ab da findet man sich ja dann zurecht.
Falls ich (was ich nicht hoffe), euch da was falsches Eintrichtere, bitte sagen, damit nicht noch mehr den Fehler begehen, mir zuzuhören, und er gelöscht werden kann.
Tim11. April 2012 am 23:43
Sehr schön, vielen Dank.
Wegen dem Stream in der Mitte:
Ich habe das ganze im FF ausprobiert, wenn ich allerdings mein Profil bearbeiten will, kommt der Blaue Balken von oben nicht mehr runter und ich kann nicht auf Fertig klicken. Wenn die “!important” Anweisung aus dem CSS entfernt wird, geht das aber wieder, und der Stream ist dennoch in der Mitte
Und zu AL: In der Adressleiste “about:support” eingeben, dort kannst du den Profilordner aufrufen. Dort in den “chrome” Ordner gehen (wenn nicht vorhanden, einfach erstellen).
Dort dann das File ablegen/erstellen und fertig! Nichts mit Temp Ordnern mit Langen Kryptischen Bezeichnungen
Marc Müller12. April 2012 am 00:23 via Google+
habe ich beide schon installiert , funktionieren auch beide hervorragend
Joachim Lange12. April 2012 am 09:12
Deine Erklärungen sind die besten die hier bei G+ finden kann DANKE
Kevin Pliester12. April 2012 am 09:33 via Google+
Feedback, geht über das kleine Zahnrad ganz oben rechts unter "Übersicht"
/ Bin zu faul mir alle Kommentare durchzulesen, falls die Antwort schon geschrieben wurden ist. 
Bernd Zolchhofer12. April 2012 am 09:37 via Google+
+Kevin Pliester Musst doch gar nicht die Kommentare durchlesen, steht doch schon im Artikel inklusive Screenshot…
Kevin Pliester12. April 2012 am 09:38 via Google+
Gut, dann fangen wir mal mit dem lesen an
TheCoon Kunsen12. April 2012 am 09:45 via Google+
Also bei mir ist das neue durchgehende Hintergrundbild immer rechts um ca. 50px abgeschnitten :/
Bernd Zolchhofer12. April 2012 am 09:49 via Google+
+TheCoon Kunsen Ja, ist es bei mir auch, obwohl das Container-Element genau die im Artikel genannten 940×180 px hat. Ausserdem ragt es links ein klein wenig in die Navigationsleiste und unterbricht deshalb die feine graue Abgrenzungslinie.
Heiko Hoevel12. April 2012 am 11:30 via Google+
Ich bin mit dem neuen Design eigentlich sehr zufrieden-
natürlich könnte alles etwas schmaler sein. Da wünscht man sich die Kompaktheitseinstellungen wie bei Gmail oder Docs.
Google muss nur aufpassen sich durch derartige Designwechsel (und das ohne Vorwarnung) die User und vor allem Programmierer einiger Apps zu vergraulen.
Es gibt aber auch ein Problem, zumindest bei mir. Der Stream aktualisert sich nicht automatisch. Sonst kamen neue Nachrichten per Push sofort, jetzt erscheinen die meist erst wenn ich die Seite oder zumindest den Stream aktualisiere. Geht das sonst noch wem so?
Heiko Hoevel12. April 2012 am 11:33 via Google+
Ach ja, und was nervt ist dieser große Bereich mit Infos zum Umgang mit G+ oben über dem Stream im Bereich "Entdecken".
Den müsste man dringend ausblenden können!!!
Pingback: Neues Layout für Google+ | Google+ Marketing Buch
Nadine Leonhart14. April 2012 am 19:51 via Google+
Dass das Profilbanner nicht wirklich so eingepasst wird wie hier angegeben wurde ja schon erwähnt… aber woran liegts? Am CSS oder stimmen 940x180px nicht bzw. werden die korrigiert? Ich wollte mir gerade ein Banner basteln und würde versuchen es an die aktuellen Umstände anzupassen. Wenn allerdings das Design dahingehend korrigiert würde könnte ich mir eine Menge Messerei/Rechnerei sparen.
Bernd Zolchhofer14. April 2012 am 21:19 via Google+
Die tatsächlich dargestellte Größe scheint 890 x 180 px zu sein, muss da mal noch etwas rumprobieren…
Nadine Leonhart15. April 2012 am 01:01 via Google+
Interessant ist auch, dass Google es genau anders herum behandelt als man es sonst überall gewöhnt ist wenn man ein Profilbild-/banner/-irgendwas einpassen möchte.
Erstelle ich das Bild im Ganzen kleiner wird bemängelt:
"Das Bild ist zu klein, das Bild muss mindestens 940x180px haben"
Ich habs jetzt hingebogen… irgendwie passt es nun… habe dafür aber links und rechts jeweils einen weissen Balken dran gemacht. Damit es die Mindestgrösse hat aber mir nichts abgeschnitten wird von dem was ich sichtbar haben möchte.
Ich schätze mal, damit werden es nicht so findige sehr schwer haben.. da muss echt noch dran gearbeitet werden.
Mein Banner hat im Ganzen 940×180 (geforderte Mindestgrösse) und das sichtbare etwas weniger sogar noch als 880 in der Breite. Ganz schönes Gefrickel. grml
Gruss
Nadine
Pingback: business model innovation design » Pinboard bookmarks for April 15th
Pingback: Optionen, den Whitespace bei Google+ zu entfernen | Google+ Marketing Buch
orame23. April 2012 am 17:54
Ich finde das neue Google+-Design, absolut unbrauchbar, weil unübersichtlich und Benutzer-unfreundlich, Kontrast absolut ungenügend, Lesbarkeit mehr als schlecht, Aufteilung nicht zu gebrauchen. Wenn ich dann für jeden Browser die Stylesheets selber anpassen muss, dann ist unbrauchbar. Und anpassbar ist es in meinen Augen auch nicht, nur ein Paar Icons verschieben in einer schlecht platzierten Leiste reicht nicht. Dann ist auch alles schlecht und unlogisch umgruppiert und versteckt worden.
Ich finde Google hat sich mit diesem in meinen Augen absolut amateurhaften Design-Pfusch zu viel geleistet. Wenn die so anfangen, dann muss ich mir wirklich überlegen ob ich noch Google-Produkte benütze, inklusive Android-Handys, denn wer an einer Ecke zu pfuschen beginnt, wird es bei allen Produkten immer weiter fortsetzen, denn Pfusch ist leider kurzfristig blliger.
Svenja5. Juli 2012 am 10:23
Bin gerade bei meiner Recherche auf diese Seite gestoßen. Vielen Dank für die nützlichen Hinweise. Ich habe mir gerade gestern ein Profil bei google + angelegt und hätte nun gerne die Dias im Hintergrund. Ich kann allerdings nur längliche Panoramabilder für meinen Hintergrund auswähle. Die Option, auf die Dias zu switchen, wird nicht angezeigt. Mache ich hier etwas falsch?
LG, Svenja
Svenja5. Juli 2012 am 10:24
Bin gerade bei meiner Recherche auf diese Seite gestoßen. Vielen Dank für die nützlichen Hinweise. Ich habe mir gerade gestern ein Profil bei google + angelegt und hätte nun gerne die Dias im Hintergrund. Ich kann allerdings nur längliche Panoramabilder für meinen Hintergrund auswähle. Die Option, auf die Dias zu switchen, wird nicht angezeigt. Mache ich hier etwas falsch?