Voilà plus de 10 ans que je conçois des sites web et plus de 10 ans que les formulaires sont une source de discussions sans fin pour savoir comment les optimiser (j’avais même publier un tutoriel en 2004). Alors que je pensais avoir trouvé LE formulaire parfait (j’hésite encore entre Remember The Milk et Ballpark), voici que l’Apple Store nous propose un formulaire d’achat qui risque bien de faire date : The Apple Store’s Checkout Form Redesign.

L’idée de génie est de proposer un formulaire où les intitulés sont directement dans les champs :

Cette solution permet de gagner beaucoup de place et d’afficher toutes les étapes du processus d’achat en une seule page (grâce à un principe d’accordéon). Le principe n’est pas nouveau mais c’est la première fois que je le vois mis en application sur un formulaire entier et sur une boutique en ligne à très forte fréquentation.

Il y a d’autres exemples de ce type de mise en page, notamment chez FoodSpotting :

Une solution particulièrement efficace mais qui n’est pas forcément meilleure que d’afficher les intitulés à gauche (ou au dessus) des champs, comme ici un très bel exemple chez LaunchMind :

Bref, ça m’embête de vous dire ça, mais il n’y a toujours pas de solution « ultime », tout reste une question de contexte, d’ambiance, de place disponible et d’intégration dans votre charte graphique. Plus d’exemples ici : Interface Design Inspiration | 30 Impressive Ways to Design Sign-Up Page/Form.

La réalité augmentée n’est pas un sujet tout neuf, pourtant l’année 2009 aura été décisive pour les applications « marketing et business » de la réalité augmentée domestique (cf. 10 Awesome Uses of Augmented Reality Marketing et Tracking brands in Augmented Reality). J’ai déjà eu de nombreuses occasions de vous parler d’applications réalisées avec Flash, il est donc maintenant temps de vous parler de celles réalisées avec Silverlight : Silverlight 4 Augmented Reality Proof Of Concept.

L’astuce est d’utiliser NyARToolkitCS (un dérivé de la librairie ARToolkit) ainsi que l’API webcam de Silverlight 4 (cf. Accessing Web Camera and Microphone).

Mieux, l’auteur de cette première expérimentation nous en propose une autre avec de la 3D en temps réel : Real Time 3D Augmented Reality with Silverlight.

Donc comme le dit si bien Galdric : « Réalité augmentée en Silverlight 4 : ça c’est fait« . Attendons maintenant de voir de meilleures performances avec la version définitive de Silverlight 4. Et puisque l’on parle de meilleures performances, saviez-vous qu’il était possible de combiner Flash, réalité augmentée et Unity3D (Flash pour la capture et Unity3D pour le rendu 3D) : Unity3D + FlarToolkit = … hein ?!.

Bon… il semblerait donc que la prochaine étape soit de faire de la réalité augmentée sans plug-in avec HTML5 et WebGL.

Pour faire suite à mon précédent billet sur les usages détournés de l’email, j’ai récemment eu une conversation intéressante avec Yann Gourvennec où nous envisagions de ressuciter les no email friday. Les quoi ? Les vendredi sans email enfin ! Souvenez-vous, en 2007 la mode pour les grosses entreprises US (Intel, Deloitte & Touche…) était de bânir l’usage de la messagerie le vendredi pour gagner en productivité (cf. les nombreux articles de l’époque : No-E-Mail Fridays Transform Office, Turn off e-mail and do some work, Le vendredi, les mails c’est interdit…).

Que reste-t-il de cette pratique ? Pas grand chose. Il faut dire que les patrons ont maintenant d’autres sujets de préoccupation avec les nouveaux tueurs de productivité (Facebook, Twitter… cf. Social networking lowers working hours). Et pourtant la dépendance est toujours là : que se soit pour transférer un fichier, pour planifier une réunion, pour faire des remarques sur un document, pour notifier d’un retard… l’email est toujours autant présente dans notre quotidien professionnel.

Même si l’interdiction de la messagerie pendant une journée est une pratique radicale, elle ne peut être efficace que si elle s’accompagne de la pédagogie adéquate : Chiffrer le coût de l’improductivité liée à l’email, (ré)expliquer à quoi sert la messagerie, fournir des alternatives.

Difficile de chiffrer le réel coût de l’email ou de trouver des règles universelles. Par contre il est tout à fait possible de lister des cas d’usage et de proposer les solutions qui vont avec :

• Planifier une réunion avec les solutions de calendrier partagé (qui proposent un moteur de suggestion) ;
• Publier des fichiers sur un espace collaboratif (ou sur des services de partage de « gros » fichiers) ;
• Diffuser de l’information descendante ou transverse sur un blog d’équipe ;
• Notifier ses collègues de façon active ou passive à l’aide des solutions de microbloging ;
• Échanger autour d’un document à l’aide de solutions collaboratives ;
• Donner une réponse ou obtenir une information rapidement à l’aide du téléphone ;
• Rechercher les coordonnées d’un collègue à l’aide du réseau social interne…

Bref, les cas de figure sont nombreux et les solutions tout à fait viable. L’astuce est de faire évoluer les mentalités (un email n’est pas une preuve) et les habitudes. Et pour cela, rien de mieux qu’un petit électrochoc pour nous faire preuve conscience de notre dépendance à l’email. Alors… on le ressucite ce no email friday ?

Les équipes de Sulake nous propose une actualité particulièrement riche pour Habbo en ce mois de décembre avec la sortie d’un outil de conversation (Habbo offers teenage marketing insight through new conversation measurement tool) et l’intégration avec Facebook (Habbo and Facebook are now connected).

Commençons par l’intégration de Facebook : il est maintenant possible de faire de l’authentification double dès la page d’accueil. Le processus est rapide et permet de lier vos deux comptes (Habbo et Facebook) :

Une fois cette étape passée, votre profil Facebok est affiché sur le tableau de bord :

Et inversement vous pouvez jouer à Habbo depuis votre profil Facebook :

Voilà un rapprochement intéressant entre deux géants : Facebook avec ses 350 milions de membres (moyenne d’âge supérieure à 30 ans) et Habbo avec ses 155 millions de membres (dont la majorité à moins de 19 ans). Les possibilités de viralisation et de campagnes croisées sont nombreuses, encore faut-il pouvoir les mesurer…

… et justement c’est maintenant possible grâce à Habble, un outil permettant de tracker les conversations portant sur des marques, des slogans ou des phrases-clés :

D’après une expérimentation menée en septembre par MTV la campagne relayée pendant les MTV European Music Awards a générée un accroissement des conversations de 371% en Angleterre et 762% en Hollande. Ce Habble est donc l’arme secrète des marketeux qui vont pouvoir mesurer de façon beaucoup plus précise le ROI de leurs campagnes. D’autant plus que les résidents de Habbo ne sont pas réfractaires à ce type d’opérations (75% acceptent la présence des marques et 56% en parlent à leurs amis).

(via Worlds in Motion)

J’ai comme l’impression que 2010 sera l’année de la 3D (ou peut-être bien 2011 le temps que les technologies murissent). Vous pouvez d’ors et déjà expérimenter de la 3D « nouvelle génération » dans vos salles de cinéma avec le film Avatar, mais vous pourrez bientôt en bénéficier chez vous avec l’arrivée de la 3D sur les disques Blu-Ray (3D high-def movies coming to your living room on Blu-ray) et sur les moniteurs (LG Unveils Full HD 3D Monitor) ou les équipements équipés de technologies comme 3Ddisplay.

Plus proche de nos domaines de préoccupation, les applications et sites web, nous allons commencer à voir des choses tout à fait intéressantes avec notamment ce brevet déposé par Apple pour une technologie mélangeant capture et affichage 3D : Apple Working on 3D ‘Hyper-Reality’ Displays.

L’idée est de pouvoir manipuler des contenus 3D sans avoir recours à des périphériques comme le SpaceNavigator en utilisant votre webcam. Dans l’exemple qui suit, il suffit ainsi de se pencher pour faire pivoter le graphique :

Plus intéressant, cette technologie peut également servir à mieux s’y retrouver dans vos fenêtres en décalant votre perspective :

Une application fort utile car ne nécessitant pas d’apprentissage (elle reproduit un comportement de tous les jours).

Dans un registre plus terre-à-terre, et pour faire écho à la récente publication des spécifications de WebGL (WebGL draft published, Khronos seeks community involvement), nous commençons à voir des expérimentations d’applications en 3D temps réel dans le navigateur comme ici avec Cube Defense :

Rien de révolutionnaire, si ce n’est le fait que cette application ne nécessite aucun plug-in (juste un navigateur compatible). Démonstration vidéo ici (via 3D Test) :

Terminons cette série avec la « 3D du pauvre » (n’y voyez rien de péjoratif) réalisée uniquement en CSS : CSS 3D Meninas. L’astuce est de simuler une profondeur de champ avec le mouvement de la souris :

En déplaçant la souris sur la droite de l’image, vous déplacez les différents éléments du tableau :

Les explications sont ici : De la fausse 3D à l’aide de CSS3.

Ces différents exemples ne sont pas directement liés, mais ils illustrent une tendance de fond qui va monter en puissance l’année prochaine. Ça à commencé au cinéma, ça va arriver sur votre TV et votre ordinateur, la prochaine étape sera votre mobile : 3-D Untethered: A Look at Mobile 3-D Technology. À suivre…