Un petit site tout droit venu du Brésil qui nous montre que combiner les arts peut devenir intéressant… à condition d’avoir un minimum de talent! Je suis obligé d’avouer que moi, lapin bionique, je ne suis pas fait pour le design et ce n’est pas Cédric qui va me contredire.

Le principe du site est simple. Si vous avez un micro et une souris vous êtes parés.

Alors, votre souris fait office de pinceau et votre voix d’encre. Vous avez compris? Non? A ce stade là, moi non plus j’avais rien compris!

Quand vous bougez votre souris et que vous parlez/chantez/criez en même temps, votre curseur se transforme en pinceau et selon l’intonation de votre voix “l’encre” change de couleur et d’épaisseur.

C’est, croyez-moi, beaucoup plus facile à faire qu’à expliquer.

Il faut dire que ça en jette!

Prenez le temps de faire un tour sur le site, c’est vraiment bien fait.

Burger King nous gratifie d’un site promotionnel et le moins que l’on puisse dire c’est qu’ils n’y ont pas été de main morte. On aime ou pas mais on ne pourra pas leur reprocher de faire dans la demi-mesure.

Dans les administrations des sites, Vitam utilise de plus en plus le tri “user friendly”.

Petit rappel:
Le tri dans les listes fonctionnaient parfois avec un champ comportant un numéro. Il fallait modifier le numéro 5 en numéro 2,  puis cliquer sur “enregistrer”. L’élément se plaçait alors en deuxième position.

Maintenant, grâce au jquery (framework de javascript) et son plugin “sortable”, il n’y a plus besoin de faire un champ libre “position”.

Il suffit de cliquer sur un élément, une phrase ou une image, puis de déplacer l’élément et le lâcher à l’endroit souhaité dans la liste (drag & drop).
Une fois l’élément déplacé, le nouvel ordre des éléments est automatiquement enregistré dans la base de données ( grâce à une combinaison de technologies  AJAX).

Ce système de tri est plus ergonomique et vous n’avez plus besoin d’appuyer sur un bouton et d’attendre le chargement de la page pour voir le nouvel ordre.

C’est donc plus simple et intuitif pour nos clients.

… si vous naviguez avec IE8 et si vous habitez en Australie!

Le principe est simple: Naviguez avec IE8 et tentez de tomber sur celui ou le géant américain a caché 10,000 $, si vous y êtes, un message vous annoncera que vous êtes l’heureux gagnant.
Comme tout bon détective, il vous faut suivre les indices laissés et cela se passe sur un compte twitter appelé @tengrand_IE8.

N’oubliez pas, chers lecteurs autraliens, que vous devez naviguer avec IE8, c’est LA condition.  Des petits soucis de part de marché pour nos amis de Microsoft?

Et, il faut bien l’avouer, c’est très drole…

Vous vous sentez vieux, fatigués, ridés? (cela s’accorde aussi au feminin of course) N’en jettez plus, faites un bon lifting et il n’y paraitra plus.

Au départ j’avais prévu de vous montrer ce que ça pouvait donner, nous avons bien entendu testé la chose. Le fait est que, chez Vitam, nous sommes toutes et tous bien plus horribles après lifting qu’à l’accoutumé… Vieillir ne nous fait pas peur!

Il vous arrive parfois de visiter le site Internet du bar ou du restaurant, dans lesquels vous projetez de passer votre soirée.
Vous souhaitez connaître ce qu’il y a au menu ou bien dans la carte.

Bien souvent le contenu est listé sur une longue, très longue page où il faut glisser la scrollbar jusqu’en bas afin d’arriver aux desserts.

Chez Vitam, lorsque nous sommes capables de rassembler divers informations par  catégorie, nous essayons d’utiliser ce qu’on peut appeler le “menu accordéon”.
Pour connaître le contenu d’un thème il suffit de cliquer dessus afin de faire apparaître les informations (sans recharger la page bien évidemment).
En cliquant sur un autre thème, celui ouvert se ferme. Celui sur lequel vous avez cliqué se déroule et laisse apparaître son contenu.

Pour réaliser cette technique, nous utilisons du jquery (framework de javascript). Cela nous permet de présenter le contenu dynamiquement.
Nous affichons ou nous cachons les blocs d’informations.  Ainsi, il ne faut jamais recharger la page. Et si vous n’avez pas javascript activé, nous affichons tout le contenu en entier.

Alors une petite faim ?

http://www.miroir.eu/a-la-carte/
http://www.miroir.eu/nos-menus/

Cette technique peut bien sûr être utilisée pour des menus, et tout type de contenu.

Le voici, le vooala!

Pas de grosse surprise donc, tout le monde avait trouvé qu’il s’agissait du bien connu fournisseur télécom.
Comme vous pouvez le constater, le site se devait d’être très facile d’accès, avec une grande attention portée à l’ergonomie et avec un côté “user friendly” tout en gardant les outils actuels en place.

PS: Notez aussi que c’est Guillaume qui a le droit de venir boire une bière avec nous vendredi prochain étant le plus rapide à répondre. Bon, ok, les autres aussi peuvent venir …