Déjà près de 7 semaines que Icones.pro est en ligne et j’ai eu la très bonne surprise de constater ce matin que le site venait de dépasser le million de pages vues depuis son lancement (le 16 octobre dernier) soit près de 20 000 pages vues par jours en moyenne… J’avais donc juste envie de partager ce premier million avec vous ! La barre des deux millions devrait être atteinte d’ici moins de 40 jours si tout va bien soit vers la mi-janvier…

Voilà ce que vous allez pouvoir trouver de nouveau (chaque item étant détaillé plus bas) :

1. Refonte du moteur de recherche
2. Recherche par taille et par licence
3. Mais aussi la recherche par couleur !
4. Nouvelle mise en page de la page d’accueil
5. Meilleure compréhension de la licence d’utilisation de chaque image
6. Moteur de recherche Firefox avec autocomplétion
7. Devenez Fan sur Facebook
8. Un compte Twitter
9. Les prémices de la suite…

1) Refonte du moteur de recherche

Il s’agit certainement du développement qui m’a pris le plus de temps et que j’avais déjà prévu avant même de mettre en ligne la première version du site. Icones.pro est avant tout un moteur de recherche. Sa qualité première est donc de proposer des résultats pertinents par rapport à la recherche qui est demandée. Je me suis donc basé sur les milliers de recherches quotidiennes pour comprendre et améliorer la pertinence des résultats. Il ne s’agit pas forcément de proposer plus de résultats pour une recherche mais de trier ces résultats de manière plus fine pour que les premières images proposées soient celles que vous chercher ! Ce travail de fond nécessite encore un peu de réglages, cette tâche n’est donc pas terminée mais comparé à ce qu’il y a avait hier, c’est déjà bien mieux !

L'algorithme du moteur de recherche d'Icones.pro a complètement été revu

2) Recherche par taille et par licence

De tous les retours que j’ai eus, la possibilité de rechercher par taille et par licence d’utilisation est certainement l’une de vos plus grandes demandes. C’est en ligne ! Désormais après avoir lancé une recherche sur un ou plusieurs mots-clé, vous pouvez choisir la taille minimum que vous souhaitez (32px, 48px, 64px, 96px, 128px ou même 256px). Pourquoi seulement la taille minimum ? Et bien parce que sur Icones.pro, chaque image est disponible dans toutes les tailles inférieures à sa taille maxium. Si par exemple une image existe en 128px, elle vous sera proposée en 96px, 64px, 48px, 32px et 16px. De la même manière vous pouvez demander à ne trouver que des images avec une licence d’utilisation autorisant un usage commercial. Si vous êtes donc à la recherche d’icônes pour un client ou pour un produit à but commercial, vous serez ainsi sûr de ne pas enfreindre la loi en utilisant des icônes qui vous y autorisent.

Vous pouvez maintenant filtrer les résultats par taille, licence d'utilisation et couleurs !

Chaque filtre peut facilement être supprimé en un seul clic

3) Mais aussi la recherche par couleur !

Ok celui-là est certainement celui dont je suis le plus fan ^_^ ! Au delà de la recherche par taille et par licence, je vous propose désormais la possibilité de filtrer votre recherche par couleur !  Par exemple, vous cherchez une image de flèche (177 résultats), vous cliquez sur le petit carré symbolisant la couleur bleu, et boom  : 42 images de flèche uniquement de la couleur bleu ! Génial, non ? Et cela marche bien évidemment pour toutes les recherches… Vous pouvez même combiner les couleurs en cliquant sur plusieurs couleurs, la recherche se filtre sur un critère en « OU ». Si je reprends mon exemple précédent de la recherche flèche de couleur bleu, si j’ajoute le vert, je passe à 140 résultats d’image de flèche « bleu OU vert« , etc. Enfin, et cela va sans le dire, tous les filtres de recherche (taille, licence et donc couleur) sont cumulables : je peux ainsi chercher des images de flèche de couleur bleu ou vert d’une taille minimale de 128pixels et à usage commercial autorisé : 38 images correspondent à cette recherche !

Cliquez sur une couleur, et Boom ! les résultats sont filtrés par couleur

De la même manière que pour la taille ou la licence, vous pouvez supprimer une couleur en un seul clic

4) Nouvelle mise en page de la page d’accueil

Je n’étais pas super fan d’avoir un moteur de recherche à droite sur le site et notamment sur  page d’accueil. J’ai donc revu tout cela pour proposer une page d’accueil plus sobre, avec un champ de recherche central et bien identifié. J’ai laissé les différentes images en dessous (sélection du jour, les plus vues, les plus téléchargées, etc.) en optimisant le temps de chargement de ce bloc. Ce changement de position du champ de recherche a également été reporté sur l’ensemble des pages du site où vous trouverez désormais le moteur de recherche en haut à gauche (position classique et plus intuitive).

Nouvelle page d'accueil du site Icones.pro

5) Meilleure compréhension de la licence d’utilisation de chaque image

Une autre demande qui m’a également été souvent soumise est de pouvoir mieux visualiser quelle licence d’utilisation dispose chaque icône. En effet, de nombreux utilisateurs du service sont des webdesigners ou graphistes et ont des besoins d’utiliser des icônes dans un cadre commercial. A ce titre (et en plus du filtre par licence dans la recherche), j’ai créé un encart dédié à la licence d’utilisation pour chaque icône. La licence y est clairement définie ( Creative Commons, libre pour usage personnel uniquement, GML , LGPL, etc.) et la mention usage commercial OUI / NON est mise en avant. Ainsi plus de doute possible !

La licence d'utilisation de chaque image est désormais clairement identifiée (cadre rouge)

La licence appliquée et la possibilité d'utiliser l'icône dans un but commercial sont explicitement indiquées

6) Moteur de recherche Firefox avec autocomplétion

Les utilisateurs de Firefox ont la possibilité de choisir les moteurs de recherche qui figurent à haut à droite aux cotés de Google, Wikipedia et autre. Suite à deux demandes que j’ai reçues d’utilisateur d’Icones.pro, je me suis renseigné sur la possibilité d’y faire figurer le site. C’est désormais possible. Une fois sur le site, si vous regardez bien, un halo bleu apparaît sous l’icône du moteur de recherche que vous utilisez. Cela indique qu’en cliquant dessus vous allez pouvoir ajouter à la liste celui d’Icones.pro. Une fois ajouté, il vous suffit de commencer à taper une recherche et vous retrouvez alors le fonctionnement classique de la recherche avec l’autocomplétion. Pratique, non ?

Sur Firefox, une fois sur le site, cliquez sur l'icône du moteur de recherche en haut à droite...

... choisissez ensuite "Ajouter "Cherche sur Icones.pro"" ...

.. vous pouvez alors à tout moment lancer une recherche d'icône. Des suggestions vous sont mêmes proposées !

7) Devenez Fan sur Facebook

Autre nouveauté, cette fois-ci en dehors du site en lui-même, j’ai créé une page sur Facebook pour le site. Quel but ? Promouvoir le site sur le réseau social, diffuser les dernières infos du site auprès de la communauté (et donc pas forcément ici, sur aysoon.fr). Alors si vous aimez le site, n’attendez plus ! Devenez Fan d’Icones.pro sur Facebook et diffuser le message !! Merci

Vous aimez ou utilisez Icones.pro ? Devenez fan du site sur Facebook !

Un compte Twitter

Ceux qui me connaissent le savent, je suis assez accroc à Twitter depuis plus de 2 ans et demi maintenant. Il est donc tout naturel qu’Icones.pro possède son propre compte Twitter afin là encore de diffuser de nouvelles infos, les derniers pack d’icônes, etc. Comme la page Facebook, c’est également un moyen pour moi de dialoguer et d’échanger avec les utilisateurs du site. Si vous êtes utilisateur de Twitter, le compte à ajouter est @icones_pro !

Vous avez un compte Twitter ? Ajoutez @icones_pro!

9) Les prémices de la suite…

Enfin et pour finir, j’ai déjà commencé à travailler sur la version suivante. Je ne compte en effet pas m’arrêter en si bon chemin, de plus en plus d’internautes utilisent le site chaque jour et je souhaite continuer à travailler sur le service ! Mon prochain principal chantier concerne l’amélioration des performances du site : temps de chargement, disponibilité des images, temps de réponse du moteur de recherche. C’est un chantier important qui ne devrait pas me prendre plus de 2 semaines. Il est en revanche nécessaire pour préparer la suite : l’internationalisation du site ! Patience ça arrive

Travaillant dessus depuis quelques semaines déjà, c’est avec plaisir que je vous annonce aujourd’hui la mise en ligne de la première version d’Icones.pro !

Qu’est-ce qu’Icones.pro

Icones.pro est un moteur de recherche d’images PNG et d’icônes en français. Il propose actuellement plus de 15 000 images référencées dans sa base et je souhaite continuer à en ajouter régulièrement. Il ne s’agit pas d’un blog mais bien d’une espace de partage et de recherche d’images PNG. J’ai choisi de me lancer dans cette aventure en constatant le nombre de graphistes et webdesigners qui s’amusaient à publier des packs d’icônes ou d’images sur différents thèmes et le nombre de personnes / webmasters / blogueurs qui pouvaient en être friand et en chercher. Actuellement, il existe surtout ce genre de site en anglais (US) mais pas à ma connaissance en France.

La page d'accueil du site Icones.pro

Le site est construit essentiellement autour de son moteur de recherche. Vous entrez un ou deux mots-clé que vous cherchez et boom les résultats s’affichent.. classique mais efficace Dans un deuxième temps, vous pouvez continuer votre navigation depuis une image en découvrant les images du même genre ou les images issues du pack d’icônes. A date, il n’y a pas d’entrée de navigation par catégorie afin de privilégier le moteur de recherche, à vous de me dire si cela manque.

A ce titre, j’ai mis en place (dans le coin droit en bas de chaque page) un système de feedback pour me remonter toutes anomalies, tout avis ou encore une nouvelle fonctionnalité que vous aimeriez voir arriver sur Icones.pro.

Par ailleurs je compte développer pas mal de contenus éditoriaux sur tout ce qui attrait à l’utilisation des icônes, à leur création sur Mac, sur PC, etc.

A qui s’adresse ce site ?

Je pense qu’Icones.pro intéressera avant tout les webdesigners ou blogeurs cherchant des images pour illustrer leurs sites ou blogs, des graphistes, des personnes cherchant des illustrations pour leurs slides PowerPoint ou encore tous les utilisateurs de Windows ou Mac voulant personnaliser les icônes de leur dossier. Le référencement du site dans Google m’en dira plus en surveillant les recherches des internautes qui les mèneront sur le site.

Quelques recherches en exemple

Parmi toutes les recherches envisageables, certaines marchent déjà pas mal comme :

• Facebook
• animal
• logo Twitter
• icône RSS
• icône jeux
• iPod ou iPhone ou Apple
• Outlook

Il reste encore du travail !

Même si le site semble terminé et disponible en ligne, je considère que le plus gros reste encore à faire : améliorer la pertinence des résultats. C’est un des chantiers de fond de ce projet et je ne compte pas m’arrêter là ! Pour le constaterez peut-être mais certaines recherches renvoient beaucoup (trop) de résultats. Il y a un travail de paramétrage à mener au fil des recherches qui vont être faites sur le site. J’ai donc besoin de vous pour améliorer le site ! Je pense concentrer mes efforts dans un premier temps sur les termes les plus recherchés, le moteur de recherche complet s’améliorera ainsi peu à peu.

Internet Explorer 6 ? naaaan…

Choix radical et sans appel, Icones.pro ne supporte pas Internet Explorer 6… du tout ! Pour le lancement et certainement pour la suite, les utilisateurs du très vieux (2001) IE 6 sont redirigés vers une page les invitant à migrer vers un navigateur plus récent. Icones.pro utilisant pas mal de JavaScript, des PNG transparents (non supportés en natif par IE6, je le rappelle) et visant une population d’utilisateurs assez habitués au web, je ne pense pas que cette page sera souvent affichée. Mais bon je vais surveiller les stats quand même

Un petit mot sur la technique : WordPress !

Ca en surprendra certains, mais Icones.pro est construit sur WordPress ! WordPress est en effet devenu un outil robuste et que l’on peut aisément adapter pour l’utiliser comme un véritable CMS. J’ai donc construit toute la logique du site autour de cet outil en le tordant un peu pour répondre à mon besoin. Avec une bonne gestion du cache en place, je pense que le serveur devrait tenir un bon moment avant de rencontrer des difficultés de charge. Nous verrons bien. Pour la partie rendue, j’utilise le célèbre jQuery. De manière générale, j’ai essayé d’optimiser le temps d’accès des pages en minifiant et regroupant les JS et CSS.

Quelques fonctionnalités sympas en image

La page d'accueil propose plusieurs navigations transverses : les plus vues, les plus téléchargées, etc.

Le moteur de recherche propose de l'auto-complétion avec prévisualisation !

Chaque image PNG est téléchargeable en un clic dans plusieurs tailles

Pour chaque image, vous pouvez avoir toutes ces infos, la téléchager en PNG ou ICO et la partager !

Découvrez pour chaque image, toutes les images qui y ressemblent

Mais vous pouvez aussi découvrir les images du même pack d'icônes

Allez n’attendez plus, découvrez Icones.pro et donnez-moi votre avis !