Désormais nous avons une solution simple, c’est tout simplement de créer le tableau sous SocialCompare et de cliquer sur le bouton « inclure » pour pouvoir faire un copier-coller du code dans le billet de votre blog.

Un exemple en images étape par étape :

1. Cliquer sur le bouton « créer un tableau » sous SocialCompare:
   

   Choisir un nom de tableau, une catégorie/thème et cliquer sur « Ajouter » (sauf si vous l’avez déjà sous forme numérique, cliquer sur Importer):

   

2. Ajoutez des titres de colonnes (éléments à comparer) :
   

   Il faut bien comprendre que le tableau peut ensuite être retourné à tout moment (déjà possible sur cette fenêtre en cliquant sur « Retournez »), donc ne pas s’affoler si on veut que les éléments soient sur les lignes et les critères en colonnes…

   

3. Ajoutez des titres de lignes (critères de comparaison) :
   

   Il faut choisir le type de critère que l’on ajoute, cela peut être du texte, des listes, des images, des vidéos, des unités, des votes… dans notre cas c’est un critère de type « note sur 5 étoiles » qui se nomme « Ergonomie ». Ces critères variés et avancés permettent de faire des tableaux originaux et évolués (voir la liste complète des critères ici).

   

4. Ajoutez des contenus existants (ex: critères existants) :
   

   A chaque fois qu’on commence à taper un mot, des suggestions de contenus existants sont faites, il est recommandé de les utiliser en les sélectionnant, afin de réutiliser des données d’un tableau à un autre. Cela facilite la maintenance des données pour les mises à jour ou encore la comparaison d’éléments entre eux, provenant de tableaux différents.

   

   Une fois qu’on a ajouté tous les titres de notre tableau avec le bouton vert Ajouter, on peut valider en cliquant sur Ok. Nous voilà avec la structure de notre tableau, il ne nous reste plus qu’à remplir les valeurs.

   

5. Remplir, éditer le contenu du tableau :
   

   Il suffit de cliquer sur les cases, sur l’icone « crayon » pour pouvoir éditer chaque case. On peut utiliser la touche « Tab » pour passer d’un champ à un autre. Une fois rempli, on clique sur le bouton vert « Enregistrer » ou la disquette « enregistrer » qui se situe à gauche du tableau, à côté du bouton + (qui permet de rajouter des ligne ou colonnes).

   

6. Publier le tableau :
   

   Cliquer sur le bouton vert « Publier », qui se situe à droite du bouton « Enregistrer ». Le fait de le publier permet de le rendre visible par toute la communauté SocialCompare qui pourra soit le mettre à jour (si vous le rendez modifiable par tous) ou alors vous suggérera des changements si vous bloquez les droits de modification.

   

7. Copier le code à inclure dans votre billet de blog:
   

   Enfin pour l’inclure dans votre billet, il vous suffit de cliquer sur le bouton « inclure » au dessus du tableau et de choisir les dimensions du tableau (à adapter en fonction du blog) et de choisir le style du tableau (défaut, compact…). Vous pouvez totalement changer les couleurs ou le design du tableau si vous le souhaitez, en suivant les consignes expliquées dans cet autre article de blog. Vous copiez le bout de code affiché dans cette fenêtre, et le coller sous votre éditeur de blog.

   

8. Collez le code dans votre billet de blog:
   

   Pensez à coller le code dans la partie « HTML » de votre éditeur. Par exemple sous blogger, cela donne ceci:

   

9. Publiez votre billet de blog:
   

   Publiez votre billet comme vous en avez l’habitude et admirez le résultat:

   

Si vous avez des remarques ou suggestions à nous faire pour améliorer notre service, n’hésitez pas à poster des idées sur nos fils discussions dédiés de notre page facebook, comme expliqué dans ce billet précèdent.

Si vous n’avez pas de compte Facebook, vous pouvez aussi poster un commentaire sous ce billet ou nous contacter via notre formulaire de contact.

Cette semaine, nous allons encore garder le système d’invitation qui restreint l’inscription en tant que membre du site, aux utilisateurs possédant des invitations (nous contacter si vous voulez des invitations…).

Seuls les membres sont en mesure de participer à la communauté SocialCompare (créer, modifier des comparaisons, de voter, noter et commenter le contenu ..).

Mais ensuite, nous projetons d’ouvrir complètement les portes de la plateforme à tout le monde dès la semaine prochaine.

En attendant, nous verrons au cours de cette semaine si nous avons des retours intéressants sur le site, et si nous devons faire quelques ajustements.

Donc n’hésitez pas à nous envoyer vos impressions sur le service et toute suggestion pour l’améliorer, est évidemment bienvenue!

Voici ci-dessous une petite vidéo de présentation de SocialCompare:

Et une autre pour montrer comment créer un tableau comparatif:

Finalement, nous n’avons pas choisi ce type de solution, et avons préféré travailler directement avec un webdesigner attitré.

Ceci dit, voici le tableau comparatif des sites webs de concours de création de logo que nous avons fait, comme d’habitude le comparatif est public et donc modifiable si besoin par tous les membres:

J’ai fait un petit screencast d’introduction pour vous présenter ce nouveau service, une nouvelle façon de comparer…