Critique spéciale de conception Web: le nouveau Google+
Hier, Google a déployé une refonte massive de son réseau social, Google+. Ils n'ont pas simplement mélangé quelques objets, ils ont complètement redéfini toute l'expérience visuelle. Un tel rafraîchissement majeur mérite une édition spéciale de notre série de critiques de conception Web.
Laissez les autres parler des vieilles listes de fonctionnalités ennuyeuses, rejoignez-nous alors que nous intervenons et jetons un coup d'œil pour voir ce qui est mieux et ce qui est pire du point de vue d'un concepteur. Nous allons séparer chaque élément de l'interface et voir s'il y a quelque chose à apprendre.
Explorez les ressources de conception
Si vous souhaitez soumettre votre site Web pour qu'il soit présenté dans une future critique de conception, cela ne prend que quelques minutes. Nous facturons 49 $ pour critiquer votre conception - beaucoup moins que ce que vous paieriez pour qu'un consultant jette un œil à votre site! Vous pouvez en savoir plus ici.
Le vieux Google+
Avant de nous plonger dans le nouveau design, jetons un coup d'œil à la version originale de Google+, illustrée ci-dessous.
Comme vous pouvez le voir, c'est une expérience assez clairsemée avec beaucoup d'espace. La mise en page organise le contenu en trois colonnes avec une barre horizontale en haut pour la recherche, l'ajout de photos, la visualisation de vos cercles, etc. La mise en page ici rappelle en fait assez la conception actuelle de Facebook.
La sensation générale est propre et simple, mais aussi un peu froide et impersonnelle. Cela a rendu le site facile à consulter et à utiliser, mais n'a peut-être pas beaucoup aidé à faire de la page votre propre centre de communication.
Le nouveau Google+
Le nouveau Google+ réduit considérablement les espaces et les sentiments de rareté. En comparaison, l'interface semble chargée de fonctionnalités et de boutons. Ils ont gardé la forte personnalité blanche mais l'ont complétée avec une nuance de gris.
Cela peut sembler être un changement trivial, mais c'est en fait une tentative très intentionnelle de créer une hiérarchie visuelle forte sur la page. Lorsque l'ancienne page était une mer de blanc avec une seule zone de gris en haut, cette page utilise ces deux couleurs pour distinguer clairement les parties primaires et secondaires du contenu. Vos yeux flotteront autour de la page, donnant une signification clé aux parties les plus claires de l'interface.
Disposition
La mise en page est beaucoup plus compliquée cette fois-ci. C'est une version modifiée de l'ancienne disposition à trois colonnes avec un peu d'imbrication en place. Il y a toujours une large section principale flanquée de deux barres latérales étroites, mais cette section principale est maintenant divisée en deux sous-colonnes solides. Tout le contenu de la page a une position fixe, seule la zone de contenu principale défile.
Si nous supprimons tout et regardons simplement les os de la page, nous voyons un filaire assez complexe.
L'un des changements conceptuels les plus importants qui ont eu lieu est que l'ancienne disposition contenait vos divers cercles d'amis dans une bande verticale sur le côté gauche et vos icônes de navigation en haut, tandis que la nouvelle disposition place la navigation dans une bande verticale d'icônes sur le côté gauche et vos cercles dans une barre horizontale en haut.
Ce modèle de navigation basé sur des icônes de gauche est quelque chose qui est devenu extrêmement populaire dans la conception de l'interface utilisateur Mac et nous commençons à le voir en miroir dans les interfaces Web. Twitter pour Mac (anciennement Tweetie), l'un des partisans les plus importants de ce format, a donné naissance à une multitude d'interfaces similaires dans des applications telles que Reeder, Sparrow et Raven.
La nouvelle page Google+ contient un vocabulaire à apprendre. La bande sur le côté gauche est le «ruban», qui contient diverses «applications». La zone de contenu principale est la «carte» et la zone coulissante sous chaque message avec des commentaires, +1, etc. est le «tiroir d'activité».
Problèmes d'alignement
La nouvelle mise en page contribue grandement à faire de Google+ une application plus riche en fonctionnalités et elle fait certainement bon usage du contraste pour mettre en évidence les parties importantes de la page. Je n'ai pas vraiment de problèmes avec le schéma de mise en page global, mais je ne peux m'empêcher de remarquer quelques problèmes d'alignement qui, je pense, font baisser l'esthétique.
Pour commencer, la zone de contenu principale et le bouton Hangout sont à quelques pixels d'être parfaitement alignés le long de leurs traits supérieurs. Malheureusement, pour un nitpicker comme moi, quelques pixels semblent éloignés d'un kilomètre. Il y a peu de bizarreries de conception qui m'ennuient plus vite que deux choses qui sont presque alignées. Pour en savoir plus sur ce sujet, consultez «Pourquoi un mot est-il presque sale dans la conception».
L'effet est encore pire si vous prenez du recul et regardez les quatre éléments de cette zone. L'adresse e-mail de l'utilisateur, la zone de contenu principal, la zone de conversation et la zone de notification s'avancent toutes à des longueurs aléatoires et semblent n'avoir aucune logique derrière leur placement.
Cet exemple n'est pas un incident isolé, il y a quelques autres cas où les objets manquent juste un alignement vertical ou horizontal. Découvrez comment le logo Google+ ci-dessous est maladroitement décalé de la forte ligne verticale établie par la navigation ci-dessous.
Conception d'icônes: loin du simple
Historiquement, Google a toujours été connu pour son manque total de design. Chaque produit qui a été déployé semblait être la solution la plus simple possible que vous puissiez imaginer. L'image de marque de Google représentait un refus total de suivre le style visuel brillant et criard du Web 2.0 populaire au début des années 2000 en faveur de laisser le contenu parler de lui-même.
Ces dernières années, nous avons vu Google commencer à se distancier lentement de ces idées, car ses produits montrent une complexité subtile mais toujours croissante de détails de conception. Les icônes du nouveau Google+ sont un parfait exemple de cette notion.
Remarquez comment les formes abstraites simples et les couleurs unies ont cédé la place à une image plus cohérente d'une maison, qui contient des traits et des dégradés subtils.
Répétition des effets de survol
Pendant que nous parlons d'icônes, jetons un coup d'œil à certains des aspects d'interaction mineurs du site, à savoir les effets de survol. Le thème général ici est que les icônes sont grises et contrastent très peu avec l'arrière-plan. Ensuite, en survolant, l'icône devient pleine couleur. Vous pouvez le voir en action sur la barre latérale:
La répétition est l'un de vos outils les plus puissants en tant que concepteur et Google le manie bien ici. Le même effet de gris à couleur se répète à plusieurs autres endroits de la page.
Cependant, ils sont un peu incompatibles avec cet effet. Il y a quelques endroits où je pense qu'il aurait été approprié de poursuivre la répétition, mais ils ont choisi d'aller avec un autre effet aléatoire. Dans l'exemple ci-dessous, les icônes se transforment en formes de boutons au survol.
Nouvelle barre latérale
À droite de la section de contenu principale, il y a une nouvelle barre latérale avec diverses fonctionnalités conçues pour vous aider à tirer le meilleur parti de Google+. Notez que c'est un autre endroit où nous voyons la couleur sur le vol stationnaire.
Cette zone est très bien conçue avec chaque section clairement organisée et distincte. Il est intéressant de voir que Google reprend une idée de Twitter sous la forme d'une liste de sujets tendances. Vous pouvez voir que les utilisateurs ont déjà adopté la syntaxe du hashtag, un exemple fascinant de la façon dont nous transférons automatiquement nos comportements sur les réseaux sociaux, que les développeurs en tiennent compte ou non.
Il est toujours important d'anticiper et d'observer de près le comportement de votre base d'utilisateurs et de répondre aux actions vers lesquelles ils semblent graviter plutôt que d'essayer de les changer. Cela rendra votre plate-forme beaucoup plus intuitive et facile à adopter.
Profil
Reprenant une page du nouveau livre de jeu de la chronologie Facebook (et peut-être Path), le nouveau profil Google+ permet non seulement une image d'avatar principale mais aussi une «image de couverture» (le même terme utilisé par Facebook).
La partie qui constitue une rupture notable avec Facebook est la photo de profil indéniablement énorme, qui réside sur le côté droit au lieu de la gauche. Montrées ci-dessous à leur taille réelle, ces images s'affichent à un énorme 250px par 250px, ce qui n'est sûrement pas le double des photos de profil carré de 125px de Facebook.
Une chose que je trouve intéressante est le fait que l'image de couverture se détache de la zone de contenu principale. J'apprécie généralement lorsque les concepteurs réalisent intentionnellement une astuce inattendue comme celle-ci, mais pour être honnête, je trouve cela assez distrayant ici. Dès qu'une page de profil se charge, mes yeux sautent directement sur le chevauchement maladroit.
Quel est le verdict?
Le mois dernier, Google+ aurait franchi la barre des 100 millions d'utilisateurs actifs. Personne ne peut appeler cela un petit nombre, d'autant plus qu'Instagram vient de récupérer un milliard de dollars de Facebook pour sa plate-forme et plus de 30 millions d'utilisateurs.
De plus, si vous considérez que Twitter ne compte que 140 millions d'utilisateurs actifs, il semble que Google+ vise rapidement la deuxième place dans les médias sociaux. Cependant, cela ne suffit certainement pas pour rivaliser avec la base d'utilisateurs actifs de Facebook, qui se situe quelque part dans la fourchette de 800 millions.
Le nouveau design montre que Google n'a pas l'intention d'abandonner ce projet comme ils en ont tant d'autres dans le passé. Ils essaient certainement de créer une expérience plus agréable pour vous attirer et vous faire revenir. La question est, ça va marcher?
Pour répondre à cela, nous devons spéculer sur ce qui empêche les gens d'adopter Google+. La réponse évidente est que Google+ se sent un peu redondant lorsque vous avez déjà un compte Facebook, d'autant plus si vous êtes actif sur Facebook et Twitter. Une autre possibilité est que même si l'ancien Google+ n'était certainement pas laid, il se sentait peut-être un peu stérile et dépourvu de personnalité.
Objectifs possibles derrière le nouveau design
À partir de cela, nous pouvons tenter de deviner au moins deux objectifs possibles derrière la refonte. La première serait de différencier davantage Google+ des autres réseaux sociaux. Essayer de prétendre qu'ils sont simplement meilleurs que Facebook dans son propre jeu n'est pas la meilleure option, les gens de Google doivent établir une pierre angulaire conceptuelle clairement unique pour expliquer pourquoi les gens devraient venir sur leur site. À titre d'exemple, Twitter a fait un excellent travail en évitant de répliquer les fonctionnalités de Facebook et en se présentant non pas comme une alternative mais comme son propre produit distinct.
Le deuxième objectif serait de réduire la stérilité et de commencer à transformer Google+ en un lieu convivial et accueillant, facile à naviguer et même amusant à utiliser.
Ont-ils atteint ces objectifs?
Si nous analysons la conception en fonction de ces objectifs, nous pouvons mieux évaluer si elle a été réussie ou non. Cet exercice nous donne des points clairs à comparer plutôt que de poignarder aveuglément dans le noir afin de trouver ce qui fonctionne et ce qui ne fonctionne pas.
En ce qui concerne le premier objectif, Google a fait des progrès dans certains domaines et peut-être un peu reculé dans d'autres. Dans l'ensemble, la nouvelle mise en page est un bond en avant de Facebook par rapport à l'ancienne. En un coup d'œil, un utilisateur fidèle de l'un ne se méprendrait jamais l'un sur l'autre, ce qui est une bonne chose.
De plus, de petites touches comme placer les filtres circulaires le long du haut et continuer à mettre en évidence les hangouts garantissent que les quelques innovations de Google sont au premier plan. Ces progrès contrastent avec d'autres domaines tels que la nouvelle image de couverture, qui fait que le réseau social ressemble plus à un clone Facebook, pas moins. J'aurais aimé les voir montrer une pensée unique dans ce domaine plutôt que d'emprunter simplement le nouveau format de Facebook.
Le deuxième objectif semble définitivement avoir été une préoccupation majeure dans le rafraîchissement de la conception. Le nouveau Google+ crée un environnement plus accueillant. Bien qu'il soit peut-être sur le point d'être encombré, surtout par rapport à l'ancienne version, il semble être un service plus robuste avec tout ce qui se passe sur votre page d'accueil.
Il y a beaucoup plus d'accent sur les visages. Cela commence par votre énorme nouvelle photo de profil et continue sur la page d'accueil où vous voyez une grande barre latérale de chat pleine de visages amicaux en plus de suggestions pour les personnes que vous connaissez peut-être et les utilisateurs que vous aimerez. Google veut que vous vous fassiez des amis, que vous vous entraîniez suffisamment dans l'expérience pour la manquer lorsque vous êtes parti. Plus d'amis signifie plus d'interactions, ce qui signifie plus de raisons de revenir.
Qu'est-ce que tu penses?
Google+ m'a semblé être passé sous le feu des projecteurs ces derniers mois. Cependant, cette perception était apparemment imparfaite car, en réalité, ils grimpaient tranquillement mais régulièrement les graphiques avec un nombre impressionnant d'utilisateurs quotidiens actifs. Quoi qu'il en soit, même s'ils commençaient à se dissiper dans l'intérêt public, le nouveau design était parfaitement synchronisé pour que le Web en parle à nouveau. Même si c'était la seule raison derrière le rafraîchissement, cela sera probablement payant.
Cependant, comme je l'ai expliqué ci-dessus, je pense que des objectifs plus profonds étaient à l'œuvre ici. Maintenant que vous avez lu mes pensées, il est temps pour vous de vous lancer dans la conversation. Quels objectifs pensez-vous que Google essayait d'atteindre avec le nouveau design? Ont-ils réussi à retirer ces intentions?
En outre, Google+ est-il finalement condamné à suivre la voie de Wave, Buzz et d'autres tentatives sociales infructueuses ou va-t-il poursuivre sa croissance régulière et devenir l'un des réseaux sociaux les plus importants du Web?
