Articles Interface de Google

La Nouvelle Interface de Google

3-07-11

Le moins que l’on puisse dire c’est que Google ne se repose pas sur ses lauriers. Après Google Instant et avant l’arrivée en France du nouvel algorithme Panda, Google nous propose une nouvelle interface unifiée pour ces différents services. Au menu: du gris taupe (#565656), du gris claire (#F1F1F1) et du rouge orangé (#DB4A38 et #DD6160) qui détrônent l’éternel blanc immaculé. Le bouton J’ai de la chance est toujours là mais les outils linguistiques et la recherche avancée sont relégués dans le menu réglages en compagnie d’iGoogle.

nouvelle interface de Google

Icone Réglages Google

Barre Google


La grande nouveauté repose sur une barre Google plus visible avec sa couleur foncée qui tranche avec le blanc habituel. Cette barre permet de bien mettre en avant les multiples fonctionnalités de Google: Recherche Web, Recherche Images, Recherche Vidéos, Recherche Cartes, Recherche Actualités, Recherche Shopping et Adresse e-Mail. Petite nuance entre la version Google et la version Google Apps, le lien Gmail fait place à E-mail.

La barre de menu du site internet Google

La Barre de Menu Google - Avant


Recherche du mot-clé Soulac sur le moteur de recherche Google

La Barre de Google - Après

Cette barre foncée omniprésente n’est pas sans rappeler une autre friandise, la barre d’administration de WordPress 3.1 sortie en février 2011.

Barre d'administration WordPress

Barre d'administration WordPress

Ou encore la barre de menu du site Apple.com

Barre de Menu du site Apple.com

Barre de menu du site internet Apple.com

Très tendance donc !

Menu de Gauche


Le menu de gauche de Google perd également ses couleurs au profit d’un contraste noir et blanc. Plus sobres, les nouveaux icônes mettent en avant les différentes possibilités d’affinages des recherches: Recherche Universelle, Recherche Images, Recherche Vidéos, Recherche Actualités, Recherche Shopping, Recherche de Livres (+1), Recherche d’Adresses (+1), Recherche dans les Blogs (+1), Recherches sur les réseaux sociaux (-3), Recherche sur les forums.

Menu Google en Blanc

Menu Google - Avant


Menu Google N&B

Le menu de Google - Après

Options de recherche


Parmi les options de recherche on déplore la disparition des recherches par roue magique et on se réjouit de voir les définitions (toujours accessible avec l’opérateur define:mot-clé) et les résultats personnalisés (en fonction de vos contacts twitter, flickr, etc) faire leur apparition en bas à gauche de Google.

Dictionnaire

Dictionnaire: recherche de définition


Réseaux Sociaux

Réseau Sociaux: recherche personnalisée

Les options de recherche de Google

Options de Recherche - Avant


Les options de recherche de Google

Options de recherche - Après

Google Maps


Le service de cartographie de Google a droit lui aussi au lifting black&white. Les fonctionnalités d’impression et de partage gagnent en visibilité en haut à droite de l’écran. L’interface laisse plus de place aux cartes et l’icône pour afficher ou rétracter le panneau latéral est plus accessible avec un écran tactile avec sa forme carrée.
Cartes Google Maps

Nouvelle interface Google Maps

Gmail


Pour obtenir le nouveau design dans Gmail, il faudra choisir le thème Aperçu dans les paramètres. Dans la nouvelle interface de Gmail, la barre google pointe vers Gmail, Google Agenda, Google Documents, Photos Picasa, Google Reader et la recherche universelle. Le formulaire de recherche dans les messages électroniques est d’avantage présent graphiquement avec un gros bouton bleu. La recherche sur le web gagne également en visibilité, mais avec un bouton gris moins tape à l’oeil.

e-mail

Nouvelle interface Gmail

Google Agenda


Mêmes apparences pour Google Agenda qui reprend exactement la même ligne stylistique que les autres services. La barre Google est également présente sur Google Documents, Picasa et Google Reader mais les nouveaux codes typographiques ne sont pas respectés, ce qui laisse à penser qu’une seconde mise à jour ergonomique viendra associer ces trois services au reste de la gamme Google.

Google Mobile


Sur smartphone, l’interface reste plus colorée:
Google.fr

Google.fr sur Mobile


Sélection du type de recherche

Barre Google sur Mobile

PS: 42e article publié sur Mon Coin sur le Web, so Geek !

Doodle Vidéo sur Google et Doodle Youtube

17-04-11

Doodle


Un Doodle est un logo mis à jour en fonction de l’actualité et qui souhaite mettre en avant un contenu. Habituellement il s’agit d’une recherche sur le nom d’un personnage célèbre, d’une fête ou d’un evenement comme l’invention de la crème glacée. Google à obtenu récemment un brevet pour cette invention. Vous pouvez retrouver la liste des Doodles publiés sur Google sur le site internet américain du moteur de recherche.

Doodles animés


Depuis peu, Google propose des Doodles animés, le premier fut pour les « 70 ans » des Beattles sur une balade de John Lennon: Imagine. Deuxième expérience avec le jeu vidéo en flash pour les 30 ans de PacMan, la croissance française s’en souvient encore ;-)

Doodle Youri Gargarine


Doodle Google Youri Gagarine

Doodle Youri Gargarine - 12 avril 2011

Pour célébrer le cinquantième anniversaire du premier homme dans l’espace, Google a mit en ligne un GIF animé d’une fusée russe quittant la terre.

Doodle Charly Chaplin


Doodle Google Charlie Chaplin

2e Doodle vidéo - 15 avril 2011 - Charlie Chaplin

Pour célébrer le cent vingt deuxième anniversaire de la naissance de Charlin Chaplin Google a publié sur sa page d’accueil une vidéo Flash, en hommage à Charlot.

Doodle Youtube


La personnalisation du logo en fonction de l’actualité devient donc la marque de fabrique de Google, qui n’hésite pas à l’étendre à YouTube:
Logo spécial YouTube

Logo spécial de YouTube pour la Saint Valentin


Logo spécial de Google en vert

Logo spécial de YouTube pour le printemps


Logo special de Youtube Eurovision

Logo spécial de YouTube pour l'Eurovision

Logo spécial Youtube Halloween

Logo spécial de YouTube pour Halloween

Nouveau Google Maps

15-01-11

Nouvelle Vue dans Google Maps

Il est maintenant possible d’avoir la vue de Google Earth directement dans son navigateur grâce au Plug-in Google Earth afin de faire tourner les cartes Google Maps à 360°. Cliquez simplement sur le bouton Earth.

google maps

Carte Google Maps

Nouvelle interface pour Google Maps

J’ai eu l’occasion d’avoir accès à un des nombreux tests de Google concernant les interfaces utilisateurs, après Google Images, voici le résultat pour Google Maps:

google maps

Nouveaux boutons pour Google Maps

Mise à jour: Le nouveau Google maps est maintenant disponible pour tout le monde