Cette année venez découvrir les nouveautés des technologies Microsoft comme Sharepoint 2010, Silverlight 4.0, etc… Mais aussi, pour la première fois, le premier stand sur la conception centrée utilisateur.

J’aurais l’honneur de tenir le stand avec le célèbre Dick Lantim de Microsoft. On vous parlera d’ergonomie, d’utilisabilité, d’user experience.

Pour vous inscrire: BDC2010.

Ce qui est vrai pour la méthode Parse dont l’objectif est de créer un XDocument depuis une chaine, mais pour pour la méthode Load qui prend un stream en paramètre. En effet si je passe mon stream directement à la méthode Load j’obtiens bien le résultat attendu et sans avoir à enlever le BOM. Il semblerait que je n’utilisais juste pas la bonne méthode.

Merci à vous deux.

Le contexte : je récupère un texte représentant le contenu d’un fichier xml depuis une base de données. Le contenu est alors représenté sous la forme d’un tableau de byte. J’essaie plusieurs encoding avant d’utiliser le fameux UTF8 dont une référence est faite dans l’en-tête du fichier.

Je me dis que c’est forcément le bon puisqu’auparavant j’obtenais une chaine contenant systématiquement 3 caractères inintelligibles, ce qui n’est plus le cas. Je décide donc de parser cette chaine avec XDocument, une classe du namespace System.Xml.Linq. Et là … c’est le drame : le XDocument.Parse génère une exception.

L’explication : En fait les 3 caractères inintelligibles n’avaient pas disparu suite à l’utilisation du bon encoding. Ils étaient toujours bel et bien présent. Il s’agissait du Byte Order Mark. Qu’est-ce que le BOM ? Il s’agit de 3 octets utilisés notamment dans les différents UTF afin de signaler l’ordre des octets. En effet au niveau le plus bas de représentation on appelle endianness l’ordre des unités d’adressages comme les octets, les bits ou les mots. En bref votre ordinateur peut soit être big-endian soit little-endian, ce qui respectivement implique, l’octet de poids le plus fort est le plus à droite (adresse mémoire la plus petite) et l’octet de poids le plus faible est le plus à droite. A noter que les PC x86 sont little-endian. Ce BOM sert donc à ce que l’ordinateur sache correctement décodé le fichier même si celui-ci a été transféré d’un ordinateur big-endian à un ordinateur little-endian.

La solution : Retirer le BOM du tableau de byte avant de le convertir en texte et d’essayer de le parser. Dans mon cas je dois retirer les trois premiers octets s’ils ont les valeurs : 239 187 191. Comme le dit le W3C c’est normalement une opération à effectuer uniquement si votre navigateur est vieux

Si à vous aussi votre éditeur de code préféré vous en veux, rendez-vous sur MS Connect. La solution est expliquée, il suffit d’aller dans %localappdata%\Microsoft\VisualStudio\9.0 et de supprimer les fichiers cachés avec l’extension *.tbd.

“L’utilisabilité c’est comme la cuisine : tout le monde a besoin du résultat, n’importe qui peut donc raisonnablement le faire bien même s’il faut un grand chef pour créer un grand plat.”

Avant toute chose vous pouvez retrouver l’ensemble des documents ici :

• Le dossier d’inscription : http://issuu.com/ocourtois/docs/wcp_inscription.
• La présentation : http://issuu.com/ocourtois/docs/wcp.

Mais attardons nous un peu plus sur la présentation. Pourquoi la présentation ? Car je m’intéresse depuis longtemps aux techniques de présentations : conception des visuels comme le style de présentation et car à mon sens c’est votre capacité à présenter votre idée qui fera la différence entre les concurrents.

Les éléments importants d’une présentation sont :

• Le rendu visuel (tout le monde aime quand c’est joli et clair)
• Le storytelling (raconter une histoire est le meilleur moyen de faire passer ses idées).
• Créer une connexion avec votre audience (les images, votre ton, votre propos doit créer des émotions. D’autant plus quand le sujet est : “Imaginez un monde où la technologie nous aide à répondre aux enjeux les plus cruciaux de notre société”).

Pour maximiser vos chances je vous conseille les lectures suivantes :

• Presentation Zen par Garr Reynolds.
• Slideology par Nancy Duarte.
• The presentation secrets of Steve Jobs par Carmine Gallo.

Evidemment pour notre présentation nous avons essayé de respecter ces règles d’or. J’ai d’abord commencé seul à travailler sur le contenu et le rendu visuel. En 2 jours j’ai sketché mes idées et les slides possibles puis fait un powerpoint :

Ensuite  la première fois que l’équipe a joué la présentation, nous nous sommes rendus compte qu’il manquait le storytelling. Nous ne racontions pas une histoire et l’enchainement des slides n’étaient pas naturel. Julien et Mauricio ont alors réécrit l’histoire.

Enfin nous avons essayé au travers d’images et/ou statistiques chocs de créer une connexion avec l’audience. Notamment via l’utilisation dans notre histoire de loulou, enfant que nous souhaitons protéger, et dans lequel on peut reconnaitre son frère, son fils, etc.

Soyez indulgent vis à vis du rendu de la présentation mais les animations ne fonctionnent pas et toutes les polices n’ont pas été reconnues. Si j’ai le temps je proposerai un screencast un peu plus tard.

Vous pouvez consulter le livre blanc en ligne sur le site de bewise et télécharger la version pdf ici.

En plus de réunir plusieurs de mes intérêts c’est aussi l’occasion idéale pour montrer que l’ergonomie et l’expérience utilisateur ne sont pas uniquement l’affaire d’interfaces de logiciels de bureau ou web. En fait comme le résumait Jef Raskin “Dès lors que le client (utilisateur) est impliqué, l’interface c’est le produit” peu importe la qualité de votre travail sur le reste de l’applicatif (code, cube, etc). Ce conseil vaut tout aussi bien pour un portail applicatif tel que Sharepoint, des tableaux de bords, des rapports, des interfaces web, client lourd, etc…

A noter que ce livre blanc est très inspiré de l’excellent livre :

Bonne lecture et bonnes fêtes !

SELECT 'CodePage', 'SQL_Latin1_General_CP1_CI_AS', COLLATIONPROPERTY('SQL_Latin1_General_CP1_CI_AS', 'CodePage')

Mon cas d’utilisation, effectué une conversion entre caractères unicodes et caractères avec un encodage particulier dans SSIS.

Il est une chose que je n’ai jamais compris de la part des entreprises nouvellement connectées. Pourquoi est-il si difficile de se désabonner d’une newsletter, de supprimer son compte ou de résilier un abonnement ?

Pas plus tard que tout à l’heure j’ai voulu me désabonner d’une newsletter. Pour une fois le lien était plutôt bien mis en évidence dans l’email non désiré. J’avais alors un apriori positif sur le site. Mais une fois sur la page voilà les instructions :

WTF? Ok personnellement je comprends bien que je dois décocher toutes les cases mais qu’en est-il des novices en informatique ? Pourquoi est-ce si obscur ?

Encore mieux. Je possédais jusqu’à qu’il y’a peu d’un serveur dédié à prix discount me servant à l’hébergement de ce blog. Ne tirant pas réellement parti de tous les avantages d’un serveur dédié j’ai voulu résilier… Pour cela :

• J’ai du me connecter à l’interface en ligne.
• Cliquer sur résiliation.
• Imprimer un formulaire.
• Envoyer le formulaire en recommandé avec accusé de réception.
• L’accusé a du être reçu et informatiquement traité.
• La résiliation a été effective.  

Mais non de non! Pourquoi est-ce que je n’ai pas juste eu à cliquer sur résilier, répondre à une question du genre “êtes-vous sur?” et basta !???

Lorsque le client en vient à vouloir résilier/se désabonner, il n’est plus temps d’essayer de le convaincre de rester. Le mieux que vous ayez à faire est de permettre au client de faire ce qu’il veut faire le plus simplement possible.

En effet lorsque vous gagnez un nouveau client c’est car votre produit est soit si novateur qu’il est seul sur son marché ou que votre produit est celui qui semble le mieux correspondre au besoin de votre client. Si le client décide de partir cela peut être pour un autre produit correspondant maintenant mieux à ses besoins. Le mieux que vous ayez à faire :

• C’est remercier votre client d’avoir passé du temps à vos cotés.
• Faire en sorte que la résiliation/désabonnement soit le plus simple possible.
• Faire en sorte d’innover technologiquement/commercialement pour que vous soyez de nouveau le produit correspondant le mieux à votre client.

Au final pour garder vos clients ne les empechez pas de résilier mais permettez leur de le faire facilement. Gardez à l’esprit que vous devez simplifier toutes les démarches de votre clients, le frustrer le moins possible et faire en sorte d’avoir le meilleur produit. C’est tout ce dont vous avez besoin !

Cela peut paraitre évident lorsque l’objectif est de maquetter une interface afin qu’elle soit pensée pour l’utilisateur, efficace et simple. Or en m’essayant à l’exercice je me suis rendu compte que cette étape garde ses avantages pour tous types de projets informatique nécessitant une expertise ergonomique. On peut citer : les tableaux de bords, les rapports, les clients lourds, les clients RIA, les sites internet, les portails d’entreprises, etc.

Voilà pourquoi :

1. Nous parlons des langues différentes. Peu importe notre langue chaque personne l’interprète différemment. C’est ce qui rend si difficile la communication autour d’un projet ou l’entente sur une spécification donnée.
2. Nous sommes des êtres visuels. Notre compréhension du monde est essentiellement le fait de notre vision. C’est le sens le plus important chez l’être humain, c’est via celui-ci que nous découvrons le monde, que nous apprenons à lire ou écrire, etc. D’où l’adage “une image vaut mieux qu’un long discours”.
3. Nous itérerons plus souvent. La mise en croquis permettra de partager une vision commune du projet, de la critiquer et d’itérer à nouveau jusqu’à l’obtention du résultat le plus satisfaisant dans une période de temps très courte.
4. Nous irons plus loin dans la réflexion. Lorsque l’on dessine l’interface et la façon dont nous allons interagir avec le logiciel, nous sommes obligés de nous placer dans la peau de l’utilisateur et d’utiliser virtuellement l’application en devenir. C’est ainsi qu’un certain nombre de problématique que l’on aurait pu ne pas voir seront solutionnées dés la conception.

Remarque : ces raisons sont d’autant plus valables avec un prototype qui permet de “réellement” utiliser le logiciel en devenir.

Dans un prochain billet nous verrons les différents outils à notre disposition :

• L’excellentissime Balsamiq.
• Le tout nouveau MockingBird.
• Microsoft SketchFlow.

[EDIT] D’autres billets sur le sujet :

• How do we wireframe?
• Sketching with a sharpie.
• Un magazine consacré aux sketchs !!