Avant toute chose, le graphisme a été calqué sur le design du site corporate, design que je n’ai pas réalisé (hélas, car je ne l’aurais pas fait comme ça ) Maintenant, le challenge était de designer un site fait pour le grand public, à partir d’un graphisme totalement réalisé pour des personnes en costard-cravatte.
L’affaire ne fut pas si simple que celà, et de nombreuses personnes ont pensé et repensé l’interface.
En passant, je salue Guillaume, Vincent, Stephane, et Sebastian, qui ont sacrément bossé sur ce redesign (si photoshop, c’est moi, l’élaboration, la conception, les choix ergonomiques, c’est toute l’équipe qui y a contribué !).

Voyons point par point maintenant.
La homepage est toute simple, et dans l’esprit des principaux moteurs de recherche. Que dire, si ce n’est que l’important, ici était le focus sur la barre de recherche, bien plus imposante que sur la dernière version du moteur. Les raccourcis, toujours présents n’ont pas réellement changé dans leur fonctionnement. La seule différence réside dans les « options » visibles en « hover » sur les vignettes.
En bas, on trouve une série de boutons, permettant de switcher sur les principaux « portails » d’Exalead. La part belle aux Labs, qui sont aujourd’hui bien plus mis en avant, c’est un bon point, l’innovation doit être mise en avant. Pour ce qui est du footer, il a été « agrandi ». Plus imposant, il permet de trouver les principaux accès aux informations concernant Exalead, aussi bien sur le Grand Public, que sur la partie Entreprise. Par ailleurs, on notera l’implémentation d’un suggest, lorsqu’on tappe une requete dans la searchbar, moi j’adore.

La page de résultats est semblable à celle de la version précédente. Si l’enrobage graphique est différent, le fonctionnement est le même. La publicité a une place moins importante, et son emplacement a été longuement réfléchi. 2 pubs sur une seule et même ligne, c’est top. La zapette sur le côté se voit améliorée en de nombreux points, et majoritairement sur les graphes, permettant de sélectionner les pays et les langues des résultats. Exalead n’est pas un moteur exceptionnel et je précise que ce n’est d’ailleurs pas la volonté d’Exalead que d’en faire un concurrent à Google, ou même à Bing. Voyons Exalead comme une alternative, différente, qui parfois remonte des résultats atypiques, intéressants, grace entre autres à cette fameuse zapette.

L’image search a été surement la partie sur laquelle nous avons le plus réfléchi. Dans un premier temps, nous désirions réellement mettre en avant les images, et non pas toutes les informations satellites (site web, poids, etc…) Le roll over était la solution idéale. Par ailleurs, le choix de n’afficher par défaut que la résolution de l’image est, à mon avis le plus pertinent possible. Sans prendre compte des résultats (de la qualité des résultats), la recherche image d’Exalead est selon moi la solution idéale (sauf sur un point, je vais y revenir). L’information primordiale, est présente : l’image et sa résolution, le reste n’étant affiché qu’en rollover. Aucune pollution, nada ; pour moi, c’est le top. La zapette a été placée au dessus des résultats, horizontalement. Toujours pour permettre aux résultats de prendre tout l’espace disponible.

Pour moi un essai bien transformé. Seul bémol à mon gout, le scroll infini. Pas de pagination est à mon gout une erreur. Je tiens à préciser que sur mes PSD, il y avait une pagination Les choses ont été revues, les avis changent. Si effectivement c’est sympa d’avoir un mur d’images infini, je trouve que la pagination apporte un repère important sur une recherche d’image. D’une part, on sait qu’à partir de la page 3 généralement les résultats sont moins bons, et de même, la pagination apporte un repère « mental » permettant de se souvenir par exemple d’une image qu’on a trouvé sur une session de surf différente (genre « j’ai trouvé une image page 3 qui correspondait le mieux à ce que je recherchais« ). Sur ce point, Exalead apporte néanmoins la possibilité d’enregistrer ses images dans un index en ligne. Une sorte de galerie perso, qui permet de revenir sur des images qui nous ont plu. Enfin, on notera de nouvelles options de « refine » dans la zapette. Un bon point.

La recherche vidéo et la recherche wikipedia sont principalement calquées sur la recherche normale. Je ne vois pas quoi dire de plus… Enfin, si vous êtes curieux, il existe de nombreuses pages satellites (enregistrement, login, about, preferences etc…) sur lesquelles je suis passées. N’hésitez d’ailleurs pas à vous enregistrer, c’est rapide, et ça ne mange pas de pain, et ça ouvre les portes à quelque services assez utiles.

Je suis très content de cette nouvelle version, d’une part, je suis flatté en tant que graphiste de trouver enfin ma patte sur le moteur de recherche. C’est un honneur pour moi, je déconne pas.
Par ailleurs, j’aime ce que j’ai fait, je pense avoir bien fait mon boulot. La contrainte d’adapter un design corporate sur un design grand public était un vrai challenge, et un vrai casse tête. Enfin, tout le travail d’équipe derrière est énorme, ne serais-ce que pour le « front ». De nombreuses cervelles ont été mises à contribution, cervelles imbibées de milliers de litres de café. Et pour le petit scoop, je sais que des évolutions mineures vont être adoptées par le moteur (quand, je n’en sais rien !), qui rendront le moteur encore plus performant. Mais je n’en dirais pas plus

Moi je dis Good Job Exalead, je suis très heureux d’avoir pu contribuer à tout cela, et très heureux d’avoir pu travailler avec des personnes aussi compétentes. Les gars, vous me manquez !

Mon boulot, c’est le Graphisme.

Je crée des sites internet, du moins, je m’occupe de la partie graphique, je fais aussi de la vidéo, parfois je fais du dessin vectoriel, des icônes, des illustrations…enfin, mon boulot, je l’adore, j’aime ce que je fais, et bien plus encore. Généralement, peu de choses, dans mon métier me font suer, pas même le « client », avec qui il faut généralement faire preuve de beaucoup de patience et d’écoute. Ca passe généralement comme une lettre à la poste, si je puis dire.

Mais dans mon métier, il y a une chose que je déteste, que j’exècre ; une chose qui me donne des boutons, qui m’hérisse les cheveux sur le crâne (et dieu sait que j’en ai beaucoup), et qui me donne parfois une furieuse envie de jeter mon écran sur le stagiaire d’à côté : c’est les logos des clients.

Détrompez-vous, je ne parle pas des choix artistiques des clients en matière de logo, c’est moi même une chose où je n’excelle pas (la création de logo), je parle bien de ce moment où, pour une raison X ou Y, vous avez besoin du logo de votre client.
Cela commence par un bref contact avec votre interlocuteur pour lui demander qu’il vous envoie le logo de l’entreprise qu’il représente. Très souvent, de nombreuses heures passent :

 » - Gisèle, y’a le graphiste là qui me demande si tu as pas notre logo quelque part
- Attends, faut que tu voies avec René, la dernière fois, c’est lui qui l’avais trouvé.
- René, y’a gisèle qui m’a dit que la dernière fois, t’avais utilisé le logo pour envoyer un fax, tu sais où je peux le retrouver?
- Ouais, c’est Michel qui l’avait.
- MICHEEEEEL t’aurais pas le logo sous la main, René m’a dit que la dernière fois c’est toi qui l’avais retrouvé dans nos archives.
- Ah non, c’est Gisèle qui me l’avait refilé
 »

Au final, Gisèle choppe un vieux prospectus de 1999 qui trainaît sous un carton, le scan avec son Canon Canoscan de 1995, et pouf, vous vous retrouvez avec un fichier imbuvable (qu’elle vous a envoyé, bien évidemment en .BMP – véridique)

L’avènement des nouvelles technologies aurait pu être une véritable aubaine, pour nous pauvres graphistes. En effet, Internet est un monde merveilleux, le monde de l’information, où on y trouve tout ce qu’on veut….

SAUF DES LOGOS !

Le constat est affligeant, trouver un logo sur Internet, ça peut être pire que de chercher une aiguille dans un hangar de meules de foin. Le réflexe habituel, chercher dans google images, et récupérer celui qui semble le plus correct. Alors on a les logos en gif transparent, les logos en 70×12, les logos en JPG compressés une demi douzaine de fois, et parfois, il faut être optimiste, une image de qualité correcte et exploitable.
Pour cette image, on peut être confronté à un problème supplémentaire : le fond ; voyez la suite : un logo sur fond blanc, vous l’utilisez sur une interface/vidéo/autre ayant un fond noir. Vous faites quoi? Allez…un petit coup de plume, ou tout autre moyen de détourage, on intègre sur l’interface/vidéo/autre, on ajoute un petit glow histoire de masque les artefacts pourris (oui, généralement, on fait ça vite, car après avoir cherché 1h30 le logo, il nous sort par les trous de nez)

Alors j’exagère un peu mes dires, et je dois avouer que parfois, les choses se passent bien. On trouve un PNG transparent, sans glow, sans ombre ou autre. Parfois, le client est assez connu et son logo est massivement diffusé, parfois sur certains sites en vectoriel (des graphistes qui vectorisent les logos pour les ajouter à des bibliothèques). Et parfois, et là il faut dire, c’est là une des choses les plus intelligentes qui soit : Le logo se trouve dans une section « logos » sur le site officiel de l’entreprise en question.

Que du bon

C’est là le but de ce billet, très important pour moi. J’ai du mal à comprendre, pourquoi une majorité  d’entreprises ne mettent pas leurs logos en téléchargement sur leur site? Je n’y vois que des avantages personnellement, et ça arrange tout le monde :

? La presse, qui peut alors utiliser votre logo
? Le graphiste, qui comme moi utilisera son logo dans des conditions optimales
? Les employés de l’entreprise en question, ils peuvent en avoir besoin eux-aussi (pour toi Gisèle)
? Monsieur-tout le monde, qui pour une raison X ou Y pourrait en avoir besoin

L’investissement est moindre. On crée une page sur le site, accessible par exemple en footer, comme beaucoup le font « Press », et on rend disponible le logo sous différentes formes : En vectoriel (AI,  EPS), voire PDF (ce dernier est indexable par les moteurs de recherche), sur fond clair et sur fond foncé, on peut éventuellement même mettre des versions spécifiques FAX et Photocopieuse, et pour arranger tout le monde (qui n’ont pas forcément de logiciels professionnels), une version PNG à différentes tailles (du très grand au plus petit). Avec quelque guidelines (charte) d’utilisation, pour « discipliner » l’utilisateur potentiel (utiliser tel logo sur tel ou tel fond, à tel endroit de vos pages etc…).

Exemple personnel

Pour une vidéo du travail, je dois réaliser un « mur » de clients. Une mosaïque de logos (une bonne vingtaine) représentant les clients de notre entreprise, parfois connus, parfois moins connus (ex : Orange, Rightmove.co.uk, Blogspirit, Taya.it etc…).
Aujourd’hui, pour réunir ces 20 logos environ, j’ai perdu près de 2h de travail. J’ai commencé par chercher dans notre base de logos personnelle (avec le temps, on a pu constituer notre petite base de logos en interne). Cela m’a pris en tout et pour tout 10 minutes pour 5-6 logos.
Les 1h50 qui restent, que dire…j’ai trainé sur Google / Google image, j’ai fait différentes recherches, parfois je me suis rendu sur les sites officiels pour piquer le logo dans l’interface (pour le détourer ensuite).
Le résultat? Et bien c’est simple, globalement, après avoir retravaillé mes logos, sur la vingtaine, une quinzaine sont plus que corrects. Les autres sont de qualité peu acceptable.

Quelles sont les conséquences de tout cela? D’une part, et d’un point de vue professionnel, je n’aime pas « bacler » ce que je fais. Aujourd’hui, j’y ai été contraint. Pas intentionnellement bien évidemment, mais comprenez par là que j’ai travaillé plus d’un mois sur cette vidéo, j’ai donné le maximum de moi même pour satisfaire non-seulement mon ego personnel, mais aussi les personnes avec qui je travaille (qui m’ont passé commande en quelque sorte). Sur les 10 dernières secondes de cette vidéo, je suis obligé de :

? Afficher des jpg pourri avec des artefacts de compression
? Utiliser logos qui parfois ne sont pas conformes à la réalité (Baseline sous le logo etc…)
? Utiliser des logos avec la fameuse technique du « glow qui masque les défauts »
? Afficher des logos que je ne pourrais pas manipuler facilement en vidéo (de taille très petite, jouer sur leur taille les rendrait encore plus moches)

L’autre conséquence, et j’espère que des responsables de communication me liront, c’est que cela nuit à la marque affichée. Que ce soit au milieu d’autres logos (dans le cas de mon mur), ou quelque part dans une brochure/interface web/autre un logo de qualité pourrie…ça ne le fait pas beaucoup.

Quelques astuces

Cette partie concerne les pauvres graphistes, qui comme moi perdent leur temps à rechercher des logos :

? Si vous ne trouvez pas un logo sur votre moteur de recherche favori, parfois, la recherche de fichiers PDF peut sauver la vie. En effet, il arrive parfois qu’on tombe sur des fichiers PDF qui contiennent les logos en vectoriel. De vraies pépites d’or. Dans google, à votre recherche ajoutez : filetype:pdf . Je conseille aussi, dans le cadre de vos recherches l’utilisation du moteur de recherche Exalead. Ce n’est pas de la pub, mais la zapette (sur la droite dans les résultats de recherche) propose justement de se focaliser sur les fichiers PDF. Très utile. De même, la recherche d’image peut parfois remonter de belles surprises. N’hésitez pas à varier les moteurs de recherche.
? Parfois, sur les sites officiels des entreprises, vous trouverez une section presse. Les logos n’y seront pas, mais vous pourrez y trouver des PDF. Même topo que sur le point précédent, ces PDF peuvent contenir les logos tant désirés.
? N’hésitez pas à farfouiller et bidouiller. Par exemple, sur le site d’une entreprise, repérez un logo, même très petit. Faites un clic droit sur ce dernier, et en cliquez sur « Afficher l’image ». Dès lors, regardez le nom du fichier. Si par exemple l’image se nomme « logo-small.png » essayez de remplacer par « logo-large.png » (ou « big »). Si le logo est chiffré « logo1″ essayez aussi « logo2″. Ce genre de manip ne mange pas de pain, et a déjà fonctionné chez moi. Par ailleurs, vous pourrez aussi avoir la surprise de découvrir le logo en grande taille. Il n’est pas rare que les intégrateurs changent la taille de certaines images directement dans leur html et css.
? Le site VectorMagic peut parfois sauver la vie. En passant un logo de qualité moyenne, vous pourrez récupérer un fichier vectoriel plus facilement éditable (et donc arrangeable). Illustrator cs3 et cs4 peuvent aussi faire ça, avec des réglages un peu plus poussés.
? Utilisez des bases de donnée de logos telles que Best Brands of the world, ou Logotypes.ru et pour finir All Free Logos .
? Etre en relation avec d’autres graphistes. Pour ma part, je suis inscrit sur la liste de discussion PhotoshopFr et ses 1000 membres.
? Pour les plus fortunés, parfois, un logo assez connu peut être trouvé sur des banques d’images (bien que je ne cautionne pas cela…)
? Enfin, certains logos ne sont composés que de lettres, et ne comportent aucun visuel. Passez ce logo dans la moulinette What the font qui, si les bonnes conditions sont réunies saura vous dire quelle fonte est utilisée sur votre logo. Petite astuce pour ce cas de figure, n’hésitez pas à modifier rapidement le fichier image de base, pour faciliter la reconnaissance : Passez la typo en noir, si possible le fond en blanc (jouez avec la désaturation, et les niveaux dans photoshop, attention à l’aliasing ) et espacez les caractères qui composent le logo d’une quinzaine de pixels. Dès lors que What the font vous a « proposé » le ou les typos correspondantes, priez pour que cette typo soit gratuite (et n’hésitez pas à demander conseils à vos amis de photoshopFr  )

Voilà voilà, j’ai conscience que cet article fait un peu office de complainte, mais c’est une réalité, parfois aussi dure à avaler qu’un oursin, une réalité qui a tendance à noircir notre quotidien à nous, pauvres graphistes, même si quelque part, nous sommes aussi un peu responsables de ce chaos. Pensez, sur vos futures créations à rendre vos logos disponibles

A bon entendeur…

EDIT : Voilà l’exemple par excellence qui prouve que certains ont tout compris. Sur Twitter, dans la page about, vous pouvez télécharger les logos en PNG, en PSD, et en AI. Simple, efficace, pratique, et intelligent.

Google hacks, c’est un logiciel plutôt sympa, qui permet à son utilisateur d’économiser quelque neuronnes.
Certaines recherches, très ciblées (par type de fichiers bien précisément par exemple) demandent à l’utilisateur de tapper des mots clés bien précis, et plutôt complexes à retenir. Par exemple un fichier avi ou flv avec comme nom « bleach » :

-inurl:(htm|html|php) intitle: »index of » + »last modified » + »parent directory » +description +size +(.avi|.flv) « bleach »

Avouez qu’il faut quand même être un sacré geek pour avoir à taper ce genre de lignes.
Bref, c’est là que Google Hacks arrive, et avec une interface des plus simples vous automatise tout ça.
Les choix sont nombreux, sur les types de documents : Musique, livres, vidéos, torrents et bien d’autres, sans compter bien évidemment les filetypes (avi, mp3, flv, wmv etc…).

Chose plutôt sympathique, et initiative remarquable, le logiciel est disponible sous windows, comme sur mac, et bien évidemment compatible leopard. Bueno.

Je ne l’ai que très peu utilisé pour l’instant, certaines recherches n’ont rien donné, d’autres si.

Dernière chose, si le logiciel est légal, son utilisation peut être illégale. Alors faites gaffe hein !

La page du projet
La page de téléchargements

Imrallion