Vous l’aurez sans doute remarqué : on voit de plus en plus de carrousels sur les sites Internet ou les applications de nos ordinateurs. Ces petits composants qui permettent de naviguer de manière originale et visuelle dans les médias comme les photos apportent une expérience différente aux utilisateurs et repoussent un peu plus loin les limites de l’interaction avec les interfaces.

J’ai trouvé une très très bonne vidéo de SmartExperience qui retrace l’histoire du carrousel (créé par Apple si on en croit leur sources). Vous le découvrirez dans cette vidéo en anglais d’un peu plus de 5 minutes, il existe des dizaines et des dizaines de carrousels différents plus ou moins bien pensés et réalisés.

Le narrateur de la vidéo va plus loin que de simplement présenter divers exemples, il montre aussi ce qu’apporte fonctionnement ce genre de composants et les possibilités qu’ils offrent pour enrichir nos interfaces.

Personnellement, j’ai un avis mitigé sur l’utilisation de ces composants. On peut distinguer deux principales raisons à mettre en place un carrousel sur son site : l’enrichir graphiquement ou fonctionnellement. Graphiquement, le gain est immédiat et très visible. Fonctionnement, c’est plus difficile d’allier l’utile à l’agréable. Tous les sites ou services n’y parviennent pas. Si je ne devais citer qu’un exemple d’une mise en place réussie, je parlerais évidemment de Cooliris qui a très certainement contribué à l’évangelisation de ces tels modules.. En proposant une interface magnifique (et vraiment très fluide) et une utilisation simplifée et intuive, ce carousel reste un des meilleurs exemples.

Et vous, vous les aimez ces fameux carrousels ?

Une page d’accueil riche

A peine arrivé sur le site, j’ai vite compris la démarche entreprise par Axa : proposer à ses visiteurs une ergonomie et une interactivité innovantes sous la forme d’une interface riche.
La prise de parti est importante pour un acteur d’ordinaire non-web : menu en 3D, effet de transparence, recherche prédictive à la Google (en même plus intelligent !),
carrousels d’images, des champs de recherche prédictifs, etc. Le plus marquant est certainement la page d’accueil où la mise en oeuvre de ces changements donne de la profondeur au site.

Des pages intérieures plus classiques

Au fil des pages, je découvre la baseline de l’assureur : «réinventons notre métier» qui je trouve colle plutôt bien avec cette nouvelle interface (si ce n’est pas l’inverse ).
Les pages intérieures sont plus classiques, l’information est plutôt bien structurée et le contenu est proposé de manière organisée.
Pour palier au grand nombre de pages de contenus existantes, les concepteurs du site ont choisi de mettre en place un menu qui s’affiche au survol et qui prend une place énorme sur le site (ce que l’on voit de plus en plus sur le web en ce moment et que je n’aime pas du tout !). Cela apporte une bonne visibilité de toutes les entrées disponibles pour le sous-menu mais occupe une place quasiment aussi grande que le site en lui-même. Dommage je trouve.

Des services encore limités

Mis à part les contenus froids (texte de fiches produits, contenu légaux, etc.), le site propose quelques services comme l’adhésion en ligne ou la génération d’attestation d’assurance en ligne. Une gestion de l’espace client est également présente mais je n’ai pu la tester n’étant pas client personnellement. On trouve donc les services de bases que l’on attend de ce genre de site. Il est regrettable qu’Axa n’ait pas poussé l’innovation plus loin en proposant par exemple un comparateur riche (flash ou autre). De même, certains problèmes persistent comme les résultats de recherche qui s’affichent avec des problèmes d’encodage de caractères, etc.

Une démarche au final innovante mais sans excès

Quid d’un tel changement sur un site à l’origine ciblant des internautes classiques et donc peu expérimentés ? Je dois dire que même si le changement est marqué et que l’interface riche apporte beaucoup (plus d’un point de vue graphique que fonctionnel), cette mise en oeuvre se fait sans excès : avec la retenue nécessaire pour ne pas perdre les internautes classiques et l’innovation suffisante pour se démarquer.
J’en retiens toutefois un beau pas avant pour un acteur dont le coeur de métier n’est pas le web mais qui considère visiblement ce canal avec de plus en plus d’attention…

article rédigé à la demande de Blogrider

Même si les écrans tactiles existent déjà depuis plusieurs années et que de nombreuses interfaces ont déjà été conçues pour ce type d’écran, on voit de plus en plus de nouveaux essais et d’innovations sur les interfaces tactiles. Est-ce la conséquence de Minority Report, de l’iPhone ou d’une simple évolution logique de la technologie ? Difficile à dire mais c’est toujours un plaisir de découvrir de nouveaux essais pour bousculer les habitudes et changer nos usages des interfaces…

Exemple en date que je viens de croiser, le jeu Crayon Physics qui a reçu de nombreux prix pour son innovation ainsi que pour sa réalisation. Je vous laisse découvrir le jeu, je pense que vous allez vite comprendre :

Plutôt original, non ? Un mélange subtile de bon usage du tactile avec une gestion poussée de la gravité sur un écran… Pas de version Mac, malheureusement (en même temps, il n’existe pas encore de Mac à écran tactile ou presque) mais je vous invite à tester sur PC…

A quand des concept tactiles originaux comme ça sur le web ? ou même des sites Internet dédiés aux interfaces tactiles ? demain j’espère…

Avec l’arrivée de l’Ajax ou plutôt la généralisation de son utilisation dans les sites Internet d’aujourd’hui, il devient facile de charger ou de vérifier du contenu à la volée et donc sans rafraîchissement de page. On peut mettre à jour du contenu à la volée, envoyer les données d’un formulaire directement sans changer de page, etc.

Il y a pourtant un composant des interfaces web qui n’évolue pas beaucoup avec les années je trouve : le formulaire d’authentification. Point d’entrée principal à un compte sur un site, ce formulaire est très souvent en haut à droite, très souvent composé d’un champ login/pseudo/email, d’un champ password et d’un bouton OK/Se connecter… Amis webdevelopper ne serait-ce t-il pas temps de penser aussi à faire évoluer ce composant ? à innover aussi un peu de ce côté là ?

Faut-il par exemple toujours rafraîchir la page pour indiquer que le mot de passe est mauvais ? ne peut-on pas l’indiquer immédiatement à l’utilisateur, gagner ainsi quelques clics et rendre la navigation toujours plus simple et intuitive ?

Je pense par exemple au formulaire d’authentification présente sur Mac OS X Leopard. Certes ce n’est pas du web mais pourquoi ne pas s’en inspirer :

Au lieu de mettre un message d’erreur, Apple se contente de faire « secouer » la fenêtre ! simple, intuitif et immédiat…

Certains me répondront que les interfaces riches (Flex ou Silverlight) permettent de se libérer des contraintes du web classique (xHTML) et c’est bien vrai… Mais pourquoi ne pas chercher non plus un peu à innover sur ce composant là en xHTML ?

Cet événement avait pour but de rassembler des jeunes entreprises françaises innovantes de l’industrie de l’Internet et de l’Internet mobile autour d’un concours. Les conditions pour y participer étaient assez simples : avoir moins de 3ans, être orienté web et/ou web mobile (of course) et être en phase d’amorçage.

Un jury dont je faisais parti et composé de bloggeurs, journalistes, entrepreneurs, experts et investisseurs avait pour objectif de choisir les 3 startup les plus prometteuses et qui méritaient de gagner les récompenses offertes par les partenaires (hébergement sur serveurs dédiés, accompagnement du jury expert en stratégie pendant plusieurs mois, visibilité, etc).

Le succès de l’opération fut sans appel : plus de 90 candidatures valables ont été retenues ! Personnellement il m’a fallu plusieurs heures d’un week-end pour les passer en revue et les évaluer. Nous nous sommes ensuite retrouvés un lundi soir lors d’une visioconférence avec tous les membre du jury pour discuter de nos votes respectifs, voter, re-voter, débattre. Ce fut pour moi une des visiosonf les plus intéressantes auxquelles j’ai eu l’occasion de participer. Le sentiment fort qu’en France il peut se passer et il se passe de belles choses dans le monde du web innovant

Bref, nous nous sommes enfin accordés sur notre top 3 en prenant en compte plusieurs facteurs dont le critère suivant qui a été le plus efficace : « je vote oui si je serai prêt à investir mon propre argent dans la société ET que je souhaiterais l’accompagner dans la durée du programme ».

Voici les gagnants :

1^er – Alenty

Alenty répond à cette simple question : “les publicités sur Internet sont-elles vues ?”. Les annonceurs achètent de la publicité mais ne peuvent pas aujourd’hui savoir si leur bannières sont vues. Les taux de clics ne mesurent pas la visibilité. Certains sites multiplient les pages (vues très peu de temps), et les gros acteurs média pâtissent du manque de reconnaissance de la qualité de leurs espaces publicitaires. Le marché publicitaire internet souffre donc d’inefficiences qui demandent à être réduites en cette période de crise.

Alenty a développé des outils de mesure et de statistiques qui sont installés dans les sites média ou servis avec les bannières publicitaires. Ces outils mesurent en temps réel et pour chaque visiteur si la bannière est visible à l’écran, et si l’internaute est devant cet écran. Il est ainsi possible de connaître :

• le nombre d’impressions réellement vues (entre 50 et 90% des impressions servies en moyenne)
• la durée d’exposition de chaque création publicitaire (20 secondes en moyenne mais variable entre 2,8 (!) et 70 secondes selon les sites)
• le nombre de contacts qui ont vu la publicité, et la durée d’exposition au message
• la qualité des différents supports utilisés pour la campagne…

2^nd – Affiz

Nous souhaitons résoudre un problème que tout éditeur de sites internet rencontre au quotidien. Lorsque qu’un webmaster souhaite monétiser l’audience de son site avec la publicité, il fait généralement appel à divers prestataires (plateformes d’affiliations, régies, marques blanches, micropaiement, …). Sur chacune d’entre elles, il va sélectionner différentes campagnes à afficher sur son site et les modifier régulièrement. Le constat est que, pour connaître le chiffre d’affaire sur une période donnée, c’est long et fastidieux : il doit se connecter à chaque plateforme pour en récupérer les informations. Et s’il est simple de comparer les valeurs de lead, de taux de clics ou de eCPM des campagnes sur une régie donnée, il est très complexe de le faire sur des campagnes proposées sur plusieurs plateformes différentes. Les annonceurs disposent d’outils et de services de conseils pour améliorer leur performance publicitaire, mais les webmasters pas suffisamment. Il n’existait pas d’outil qui nous convenait, nous l’avons donc créé.

Notre solution, Affiz, propose aux webmasters de pouvoir accéder, dans un tableau de bord unique, à l’ensemble des statistiques des plateformes d’affiliation du marché français (au sens large : affiliation, marque blanche, liens sponsorisés, micro paiement, …). Sur la majorité d’entre elles, nous proposons de remonter par site, la totalité des campagnes auxquelles le webmaster a adhéré. Et pour chaque campagne, nous restituons de nombreuses données marketing : les gains, mais aussi le nombre d’affichage, de clics, de leads, de ventes et nous calculons différents taux (CTR, eCPC et eCPM).

3^ème – Hellotipi

Hellotipi a pour objectif de rassembler les membres d’une famille, les amener à communiquer à mieux se connaître les uns les autres. Pour cela, la société a mis en place une plateforme d’hébergement de sites familiaux privés complets (Blog, généalogie, photos, vidéos, coordonnées, agenda etc.) et simple d’utilisation de manière à ce que chaque membre de la famille puisse participer. Nous poussons l’expérience de partage et d’identité familial plus loin: paiement à plusieurs (tirelire), sous-domaine dédié etc. De plus, un modèle économique basé sur la publicité impose un véritable “arbre de noël” dans chaque site de famille (le trafic est forcément plus faible que pour un site public), ce qui n’est pas le cas sur Hellotipi.

Mon avis sur la Startup Academy

Je suis très content de ces résultats (j’avais classé ces 3 services dans mon Top5) et surtout de l’expérience que fut cet événement. Je ne peux que féliciter l’équipe fondatrice pour son initiative et l’organisation dont elle a fait preuve pour mener à bien ce concours. La participation importante au concours montre bien que, même en ces temps difficiles, de nombreux entrepreneurs se lancent, osent, se motivent pour faire avancer le web et montrer que la France aussi à son lot de bonnes idées !

C’est bien vrai qu’aujourd’hui il existe de plus en plus d’acronymes pour définir tous les éléments, process ou technologies dans ce milieu : B2B, BPO, CRM, EDM, etc. Cette carte est une très bonne initiative pour en comprendre le détail et les liens éventuels qui peuvent exister entre certains.

Sur cette carte, tout est regroupé selon quelques principes :

• Les lignes de métro constituent autant de sujets à adresser pour maîtriser l’évolution des SI des entreprises et administrations ;
• L’affectation des acronymes aux lignes introduit un premier niveau de compréhension du contenu ;
• Chacune des stations représente une solution, méthode ou technologie a priori pertinente à considérer, pour aborder un sujet donné.

Bref je vous invite à découvrir avec curiosité cette carte/présentation et la partager à ceux que ça peut intéresser : le PDF en taille réelle . Merci à Patrick Mahu pour me l’avoir partagé.

Qu’est ce que c’est ?

La réalité augmentée (ou Mixed reality en anglais) est domaine sur lequel se penche de nombreux chercheurs depuis quinze ans. Cela consiste à ajouter des objets virtuels sur une vidéo prise dans la réalité et à obtenir ainsi une interaction possible entre des personnes ou des objets réels et des objets virtuels. Tout cela est rendu possible par des calcul réalisés par un ordinateur ce qui assure un résultat en temps réel !

_{Présentation de la Réalité Augmentée (Total Immersion)}

Imaginez une personne entrain de se filmer via une webcam et qui peut interagir avec des éléments fictifs ajoutés par ordinateur dans la séquence… les possibilités sont alors infinies et de nouvelles interfaces semi-virtuelles deviennent alors possibles.

Quelques exemples concrets pour mieux comprendre les possibilités

- Essayez virtuellement des vêtements ou des accessoires (encore statique pour l’instant mais imaginez la même chose avec de la vidéo) :

- Jouez devant votre webcam avec levelHead, le premier jeux en réalitée augmentée :

- Si la réalité augmentée était réalisée directement sur votre champ de vision :

L’avenir ne s’annonce-t-il pas plein de surprises ?