Nous avons découvert un nombre important de solutions différentes de gestion de la typographie pour le web et nous avons donc fait un comparatif.
Comme d’habitude, nous l’avons rendu public afin que tout le monde puisse le modifier, commenter, noter… n’hésitez donc pas l’améliorer ou le compléter!

Voici le tableau comparatif des solutions web de fonts(@font-face vs sIFR vs typeface.js vs Cufon vs FLIR…) :

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:

Nous allons continuer à travailler sur cet aspect là, ce n’est pas terminé, en particulier pour faciliter la création de tableau comparatif.

Vos retours utilisateurs sont bienvenus.

Voici un petit récapitulatif des principaux changements de cette nouvelle version. Nous avons:

1. refait le design du logo:
2. centré et fixé la taille de la page
3. changé la couleur par défaut du tableau en abandonnant le bleu pour prendre une couleur plus sobre et passe-partout: le gris.
4. fait des tableaux qui se redimensionnent automatiquement afin d’eviter des tableaux trop étalés sur la page, ils sont plus condensés et donc plus jolis.
5. affiché des icones de partage juste en dessous du titre du comparatif, c’est plus visible et accessible.
6. changé le design de la page d’accueil avec un exemple de tableau comparant des pommes et des oranges:
7. changé le design de la page annuaires.
8. la liste des « derniers comparatifs » ne montre plus les comparatifs qui n’ont pas été traduits dans la langue sélectionné en haut à droite.
9. ajouté les « boutons actions » juste en dessous du tableau (et aussi au dessus quand ce dernier est trop grand), tel que le bouton « publier » pour rendre plus simple le changement de visbilité d’un comparatif du status de « non listé » à « public »:
   
10. ajouté les « commentaires » directement sous la page du comparatif au lieu de le mettre sur une autre page.
11. corrigé des petits problèmes (par exemple sous Internet Explorer qui ne se comportait pas comme les autres navigateurs webs…).
12. ajouté les dernières pages visités sous les menus.
13. ajouté une fenêtre de prévisualisation pour les webmasters et blogueurs qui veulent inclure un tableau comparatif sur leur site.

…

Allez faire un tour sur la nouvelle version et dites-nous ce que vous en pensez !

En ce qui concerne le tableau, nous savions déjà que nous devions le rendre plus simple et sobre d’aspect visuel.
Donc ce fut assez simple, sans aucun outil, nous avons décidé d’abandonner la couleur bleu comme contours de tableau, et nous avons opté pour du gris et blanc à la place:

De plus nous avons opté pour une couleur de fond transparente, ce qui permettra au tableau de mieux s’intégrer sur les blogs ou sites web où il est diffusé.

Plus tard, nous devrons certainement développé le moyen de choisir la couleur de ce widget afin que les bloggeurs puissent choisir des couleurs adaptés au thème de leur blog.

Enfin concernant les couleurs du site socialcompare.com, nous devions choisir une palette de couleurs et des combinaisons adéquates, nous avons donc découvert les outils suivants:

http://www.colorcombos.com

http://colorschemedesigner.com/

http://www.colorschemer.com/online.html

Mais en fin de compte, nous continuons d’utiliser grosso modo les mêmes couleurs qu’avant (du bleu, jaune et blanc, car nous les aimons bien). Mais nous essayons d’être plus classique et sobre dans l’usage de ces couleurs, avec par exemple un fond blanc pour le contenu de la partie principale du site.

Nous devrions sortir un nouveau design assez rapidement, mais n’hésitez-pas à nous envoyer des retours de ce que vous pensez de la version béta actuelle de SocialCompare.

En fait, nous avons hésité à lancer une première version que vous pouvez voir sur le screencast d’introduction en Septembre, mais nous n’étions pas réellement satisfaits sur 3 principaux points, que nous voulons améliorer avant le lancement officiel du site:

1. Design web
2. Ergonomie & Choix d’architecture technique
3. Contenu / Données

1. Design web
   Pour ce premier point, nous sommes à priori désormais prêts. Biensûr comme nous faisons du « bootstrapping », cela ne peut pas être aussi parfait que si nous avions un vrai graphiste web professionel.. Mais cette nouvelle version est globalement meilleure que la première. Nous avons surtout changé l’entête, le bas de page, et même la page d’accueil et d’autres pages.
   Evidemment l’idéal serait d’engager un graphiste web professionnel pour de futures versions.
2. Ergonomie & Choix d’architecture technique
   Deuxièmement, lorsque nous avons commencé le développement de SocialCompare, il y a plus d’un an, nous avons essayé de maintenir 2 versions du site pour l’édition des comparatifs. Une version moderne, avec une ergonomie « dynamique », sympa (utilisant la technologie javascript) et une autre version plus « statique », une vieille façon de faire, acceptée par tous les navigateurs. Cependant, depuis nous avons changé d’avis et nous préférons désormais nous consacrer qu’à une seule version (avec javascript) afin d’avoir une ergonomie sympa, et beaucoup plus facile pour nous à maintenir sur le long terme…
   Du coup nous avons aussi profité de ces changements pour modifier certains choix techniques ou d’accès base de données (ORM)…. Ce qui a forcémment beaucoup d’impacts sur la première version stable que nous avions. Nous avons donc décidé d’attendre la fin de tous ces changements pour ensuite communiquer et lancer directement la deuxième version du site…
   Peut-être que nous n’implémenterons ou migrerons pas toutes les fonctionnalités déjà disponibles dans la première version (ex: panier de comparaison)… quand nous ouvrirons le site… mais dès que possible nous rajouterons chaque fonctionnalité qui mérite d’être ajouté au service. Nous espérons avoir pas mal d’améliorations et d’innovations à proposer dans le futur
3. Contenu / Données
   Enfin le dernier point sur lequel nous ne sommes pas encore satisfaits est le contenu (puisque le service ne contiendra que très peu de comparatifs au début), mais nous ne voulons pas focaliser sur cela au départ car ce n’est pas notre priorité.
   Nous savons cependant que c’est un point très important pour attirer des internautes sur notre site. Nous savons que nous devrons ajouter beaucoup de contenu pour avoir davantage d’intérêt aux yeux des internautes de passage et les inciter à rester plus longtemps sur notre site.
   Mais nous ferons cela plus tard, dans un deuxième temps. Notre première priorité étant de se focaliser sur ce qui fait notre réelle valeur ajoutée par rapport aux autre acteurs du marché, c’est à dire ce qui nous différencie vraiment de tous les nombreux sites de comparatifs, comparateurs internet… :
   • la liberté de créer facilement n’importe quel comparatif depuis zéro et dans n’importe quel domaine., en particulier justement tout les comparatifs qui ne sont pas des comparatifs de prix…,
   • la facilité de réutiliser du contenu existant afin de s’en servir pour créer de nouveaux comparatifs,
   • d’avoir une communauté qui peut maintenir à jour des données partagées et structurées,
   • la possibilité de faire des suggestions de changements pour un comparatif non éditable…
   • …etc…