Anastasia Simitsis, directrice expérience utilisateur, et Mike De Luca, directeur design d’affaires chez w.illi.am/ ont partagé dans leur présentation au RDV WEB, leur réflexion et la méthode de travail qu’ils ont mise en place au sein de leurs départements: le design et l’expérience utilisateur.

Voici le support de leur présentation et la vidéo de la conférence : Expérience utilisateur, créativité et design

Une petite animation 3D amusante sur les besoins d’ergonomie sur un poste de travail (physique et interface)

Un petit hommage à Jacques Tati en vidéo donnant une définition de l’ergonomie (1985 – Cité des Sciences)

La vidéo d’une conférence dans le cadre de Paris Web 2009 abordant la notion d’acceptabilité et qui prône le travail pluridisciplinaire dans la conception web (un ergonome – Gautier Barrère et une développeur – Alain Vagne)

Le slide share d’une présentation de Matthieu Mingasson dans le cadre de Paris Web 2010 sur la méthodologie du Design d’expérience utilisateur. Une jolie présentation qui permet de fixer les idées.

« Qui dit médias sociaux dit Facebook« … c’est Confucius qui l’a dit! Mais encore plus vrai: « Sans utilisabilité, les médias sociaux se meurent! »

En effet, l’utilisabilité est le nerf de la guerre des médias sociaux… enfin derrière l’aspect social. Petit rappel, amusez-vous à naviguer sur la page d’accueil (déconnecté) de :

• http://www.facebook.com
• http://hi5.com
• http://www.skyrock.com/blog/
• http://www.friendster.com/
• http://www.linkedin.com/
• http://www.plaxo.com/
• http://www.myspace.com/
• http://www.asmallworld.net

En quoi réside le secret de ces différents réseaux? Entre utilisabilité et expérience utilisateur mon cœur chavire.

La page d’accueil. Premier contact avec chacune de ces plateformes. Le premier constat? C’est la connexion. Vous ne verrez rien sans vous identifier. Et cette identification, plus le réseau est fort, plus elle est mise en avant. Quelques très rares explications, précisions et descriptions : si vous ne savez pas pourquoi vous êtes là, inutile de chercher. Alors comment réussir de tels exploits en étant si pauvres en renseignements? Et bien la réponse est dans l’utilisabilité derrière, dans l’expérience que vivent les membres à l’intérieur du réseau… et des outils. Le but de chaque réseau : le viral.

C’est dans le développement de fonctionnalités « hyper » simples et évidentes dans leur utilisation que les réseaux envoient des signaux à l’extérieur de leurs murs. Ces signaux sont interreliés grâce aux API. Par exemple, vous étiez un mordu de Facebook en 2007, vous  parliez de votre grand plaisir de vie à travers LE réseau dans vos différentes soirées. Grâce à un outil de recherche extrêmement simplifié, vous arriviez à trouver vos amis un à un. Votre réseau grandissait avec vos efforts. En 2010, le nouvel inscrit clique sur un simple bouton et en moins de deux minutes son carnet d’adresses complètement scanné lui offre la possibilité d’ajouter par dizaines ses amis automatiquement identifiés. « Un ami invité, c’est un ami qui s’inscrira dans les prochaines semaines lorsqu’il aura reçu au moins 3 invitations similaires« , neveu de Confucius.

Je pourrais continuer longtemps ainsi, mais toutes les fonctionnalités sont compulsivement travaillées et retravaillées afin d’assurer une utilisabilité des plus efficaces et qui permettra d’atteindre des objectifs d’affaires identifiés.

Le plus intéressant dans notre comportement d’utilisateur : nous sommes choqués du manque d’utilisabilité de nombreuses fonctionnalités. Et plus les usagers seront insatisfaits plus le réseau concerné risquera d’aller à sa perte. Malgré ce que j’entends régulièrement, Facebook a su résoudre bon nombre de problématiques dont les autres Hi5, Friendster, ou pire encore, copainsdavant, n’ont su se dépêtrer.

Aujourd’hui, lorsque je développe de nouvelles stratégies interactives, je sais que je dois reprendre certains questionnements, les 5 règles pour assurer le succès d’une communauté en ligne:

1. Trouvez des réseaux déjà existants et actifs autour de votre client et les utiliser afin d’y développer sa communauté en ligne.
2. Maîtrisez les API et développez des tactiques d’interconnexion. Une simplicité d’utilisation de ces interconnexions assurera une diffusion virale.
3. Un réseau s’éteint s’il n’est pas actif. Les fonctionnalités qui permettent l’expression des usagers doivent donc être optimisées version après version de manière itérative.
4. Plus que de l’expression personnelle, c’est la socialisation simplifiée qui assurera le succès d’une communauté en ligne. Pensons simplement à l’identification d’amis dans un status Facebook qui a récemment été mise en ligne.
5. Finalement, n’oubliez pas qu’un média social qui se respecte fait de ces « power users » de véritables stars.

Suite à la journée Infopresse du 29 septembre dernier portant sur les réseaux sociaux, w.illi.am/ a décidé de se réserver une bonne semaine afin de bien digérer l’information et vous proposer à l’intérieur de ce blogue notre vision sur cette journée et les quatre différents sujets qui y ont été abordés :

1. la mesure de la rentabilité des activités;
2. les stratégies en médias sociaux;
3. les réseaux sociaux en eux-mêmes, plus particulièrement Twitter;
4. la gestion de la confidentialité des renseignements;

Ils sont à notre avis les quatre grands pôles qui doivent être partie prenante de vos stratégies sur les médias sociaux. Dans le but d’ajouter une valeur ajoutée à cet article, nous avons décidé de vous partager nos réflexions sur les différents sujets et illustrer comment l’application de ces quatre pôles pourrait se décliner dans la vie réelle, en prenant à titre d’exemple une équipe professionnelle de hockey. Nous avons choisi une équipe fictive que nous nommerons, au hasard, les Nordiques.

Durant la journée Infopresse, plusieurs conférenciers se sont penchés sur les outils permettant de gérer les communautés pour accroitre la notoriété d’une marque, pour mesurer la rentabilité, pour « Twitter » et même certains outils ou plateformes qui peuvent mettre en péril certains de vos renseignements. Les outils sont nombreux, mais une étape est primordiale au succès d’une stratégie sur les médias sociaux : le travail d’analyse et de réflexion qui se déroule en amont.

Méthodologie pour une stratégie gagnante en média sociaux

1. Comprendre son public
2. Intégrer les différents canaux de communications
3. Comprendre l’écosystème des médias sociaux utilisés
4. Comprendre les implications de ses messages

Photo par: The West End

En référence à la conférence : 4 stratégies gagnantes en médias sociaux par Guillaume Bouchard et Alexandra Bonan

Après avoir compris votre public, il est important de choisir les bons canaux de communication à intégrer lors de votre campagne. Ils sont nombreux et certains peuvent, parfois, ne pas convenir à votre public ou le positionnement social de votre entreprise.

Puisque nous avons déterminé que l’engagement était intéressant pour nos Nordiques, la première étape de leur stratégie serait à notre avis d’identifier les « power users », tels qu’ils ont définis lors de la journée Infopresse. Ces « power users » vous permettront d’atteindre leur masse critique et rallier la communauté autour de leur message. Une fois qu’ils les auront rejoints, ils devront entretenir leurs relations avec ces derniers, qu’elles soient en ligne ou hors ligne.

Cet article fait partie de la série basée sur la Journée Infopresse – Réseaux sociaux:

Méthodologie pour une stratégie gagnante en média sociaux

1. Comprendre son public
2. Intégrer les différents canaux de communications
3. Comprendre l’écosystème des médias sociaux utilisés
4. Comprendre les implications de ses messages

Photo par : miss604

1/ Ne pas imposer aux utilisateurs de se servir d’un outil secondaire

2/ Laisser le pouvoir décisionnel aux utilisateurs, c’est-à-dire le sentiment de contrôle dans l’usage même d’un outil (prédictible et conforme à leur représentation mentale)

3/ Éviter les intrusions / interruptions  dans la tâche de l’utilisateur si elles ne sont pas réellement nécessaires.

Un parfait exemple d’outil visant à aider l’utilisateur pouvant satisfaire tout comme nuire à  l’expérience utilisateur est le correcteur orthographique intégré de l’iPhone ou de l’iPad.

Voici les principes de base de son fonctionnement:
- L’utilisateur tape un texte à l’aide du clavier virtuel

- Si le dictionnaire du système reconnaît un mot dans ce qu’écrit l’usager, il lui propose ce mot

- Si l’usager est en accord avec le mot proposé par le système, il continue d’écrire normalement et le mot sera remplacé

- Si l’utilisateur n’est pas d’accord avec le mot suggéré, il doit le refuser en tapant dessus puis reprendre l’écriture de son texte.

Écrire un texte (SMS) : 3 situations d’usage

Situation numéro 1
Une lettre est tapée pour une autre, le correcteur orthographique remplace le mot par celui que l’utilisateur voulait taper. L’expérience est réussie.

Situation numéro 2
Le correcteur orthographique remplace le mot écrit par un autre qui n’a rien à voir avec celui que l’utilisateur voulait initialement rentrer. L’utilisateur efface le mot qu’il vient de rentrer pour recommencer. Petite frustration, mais rien de grave. De toute façon, il aurait dû corriger le mot puisqu’il avait fait une erreur de frappe.

Situation numéro 3
L’utilisateur écrit un mot que le système ne connaît pas et il lui propose un mot alternatif qu’il ne remarque pas. Il continue son message. Au moment de se relire, il se rend compte qu’un mot a été transformé par un autre et se positionne dessus pour le corriger. Le système remplace une fois de plus le mot écrit. L’utilisateur recommence la manipulation et prend garde à refuser le mot proposé. La tâche est accomplie, mais avec agacement.

Personnaliser l’utilisation de l’option de correction automatique

À travers la situation 1, on note que le choix de corriger les mots au fur et à mesure qu’ils sont écrits peut être très efficace… si et seulement si le système fait peu d’erreurs comme en témoigne les autres situations. Le correcteur orthographique peut alors devenir extrêmement pénible pour l’utilisateur.
Bien sûr, le choix qu’a fait Apple de corriger le texte au fur et à mesure est pertinent dans la mesure où l’utilisation du clavier virtuel, la petite taille de l’écran et l’ensemble de situations d’écriture très variées sont propices à l’erreur humaine (par exemple écrire en se déplaçant).
Pourtant, ce choix n’a pas fait l’unanimité lors de la sortie du premier iPhone, loin de là. Quelques jours après la sortie de ce système de correction automatique, des dizaines de milliers d’utilisateurs, au travers de pétitions en ligne, ont demandé de pouvoir désactiver cette fonctionnalité (octobre 2008). Il était considéré pour beaucoup comme provoquant trop d’erreurs.  Apple a finalement ajouté un moyen de désactiver cette fonctionnalité dans une version ultérieure et a aussi amélioré son système de correction automatique lui permettant d’apprendre de façon plus efficace des actions de son utilisateur.
Cela n’a pas suffi à convaincre l’ensemble des détenteurs d’iPhone d’utiliser cet outil sans grogner. Pourquoi?

Ne pas interrompre la tâche

En creusant un peu, on s’aperçoit que le malaise vient du principe même de la fonctionnalité et non pas uniquement de l’efficacité et de la pertinence du correcteur.
La logique proposée par ce correcteur orthographique est tout à fait valide. En effet, on laisse la possibilité à l’utilisateur de continuer avec le mot proposé ou non. Comme le soulignent Hugues Monod et Bronislaw Kapitaniak, « la décision peut consister en une absence de réaction »… encore faut-il que l’utilisateur ait compris, vu et/ou pris conscience de la nature du message!

Une mauvaise prédiction du comportement de l’interface
D’après les nombreux messages que l’on peut lire dans les forums, les utilisateurs pensaient que le mot affiché était une suggestion qui ne serait pas prise en compte s’ils n’y portaient pas d’action et qui serait choisie s’ils la sélectionnaient.

Un système qui vient perturber la tâche
- Dans une tâche d’écriture, l’utilisateur peut facilement être amené à se concentrer sur le clavier, surtout s’il se déplace et que son environnement sollicite son attention. Il est probable que l’utilisateur ne prête pas vraiment attention à une correction orthographique, corrigeant le mot automatiquement et pouvant même passer inaperçu sans relecture.

- Dans le cas où l’utilisateur prêterait attention au message, cela aurait pour conséquence de l’interrompre dans sa tâche. L’utilisateur doit donc s’arrêter, prendre une décision face à la proposition puis reprendre sa tâche là ou il l’avait laissée. La fonctionnalité devient alors particulièrement intrusive dans la tâche de l’utilisateur.

Aujourd’hui la problématique est moins grave puisque l’outil peut être désactivé, mais aussi parce que le système a été grandement amélioré et apprend des actions de l’utilisateur. De plus, Apple a intégré dans sa version iOS4 ce qui se faisait déjà dans le web, mettre un indicateur visuel sur le mot qui pourrait être mal orthographié ou inconnu. Cela permet à l’utilisateur de repérer rapidement où une erreur a pu se produire et de lui laisser le soin de la corriger quand il le voudra (illustration Fig1).

Fig 1 — Correcteur orthographique

Pour aller plus loin
Ergonomie – Hugues Monod, Bronislaw Kapitaniak (Masson, 2003)
Images – Application messagerie iPhone 3Gs

Alas, day two of the conference was the source of discussion that kept me thinking about business culture and global culture – both very interesting topics. Here are some inspiring quotes and my thoughts for the day: (Quotes are not verbatim. My comments in italics.)

Online merchandising that inspires

“Whatever you are thinking, think BIGGER…culture, customer service, clothing….we didn’t spend much on Adwords…viral is the best thing to do, as well as building the customer experience online and offline.”

(Tony Hsieh, CEO, Zappos.com)

Quite amazing really, from 2001 to 2008, Zappos’ revenues grew from 0$ to 1 billion. They focus on selling a culture. Almost all their employees are on Twitter, and active on other social network sites. They are extremely focused on their HR department, and ensuring employees are a good fit. Hsieh says they have offered employees $2000 to quit after one week if they thought they had made a mistake. They have two interviews with employees: one classic interview, and one focused on assessing cultural fit. “We want people who will be able to share our culture… the definition of happiness is different for every person.”

His speech was very inspiring. I am motivated to take more time for HR and get better support for recruitment

“Be there before the sale”…let users promote your product…you don’t have to sell directly…”

(Chris Brogan, President, New Marketing Labs, Author, Trust Agents)

I agree; instead of spending thousands of dollars on PPC and Cos, it’s better to make good use of social networks. PPC is to online advertising what traditional ads were a few years ago. Everyone is spending on it but most don’t take the time to optimize it. Costs are rising as agencies are growing – it’s time to react and use social networks instead.

Let them build it for us

In response to market demand and nuances of banking regulations in different countries, Paypal is opening up its payment system. “We need programmers all over the world to work on the development of whatever remains to be done, focused on our use cases…”

(Osama Bedier, Vice President of PayPal Platform and Emerging Technology)

Smart. Paypal is letting programmers outside Paypal develop with Paypal’s APIs to accomplish their goals. I was saying this to my customers just a few weeks ago: invest more money on an API program instead of developing new features that will only be used by a few people.

…let others innovate for you…

Real-world Counter-Culture

(Danah Boyd, Researcher at Microsoft Research New England, Fellow at Harvard University Berkman Center for Internet and Society)

Danah gave a brillant presentation. It was very likely my favorite one.

Danah Boyd does random word searches on Twitter to discover twittering outside her normal comfort zone. …from racist words on Twitter to youth video content… she looks at the power of visibility online, getting a true picture of the real world. Is it sometimes better to be stuck with televised network programming? Not a chance.

Grinda: ‘le retour du succès”

OLX is a new classified site, very popular locally… it focuses on the South-American and Russian markets. 10M$ revenues per year with ad sense only…”

(Fireside Chat with Fabrice Grinda, Co-CEO, OLX, Inc. and Loic Le Meur, Founder, Le Web)

Grinda says “Whatever you do, you have to be within the top 3 leading markets. This could include your local market, but its best to focus on your top three.” I agree but I also think you need to think outside the box…there are other markets besides the US and Europe. I remember UNYK in Quebec, they were number one in South-America! Finally, they were sold to Viadeo (in France).

Russia Roundtable: Emerging Markets: Focus on Russia

Moderated by Jennifer L. Schenker, Founder & Editor-in-Chief, Informilo.com

Sasha Galitsky, Almaz Capital Partners

Bernard Lukey, CEO, OZON.ru

Edward Shenderovich, Managing Director, Kite Ventures

Arkady Volozh, CEO, Yandex

Google is not a leader in Russia which is going to be the largest EU Internet market (Arkady Volozh, CEO, Yandex)

Amazon is not present at all in Russia and OZON  has taken the lead (Bernard Lukey, CEO, OZON.ru)

The blogosphere is not as well set-up as it is in the west…it’s more kitchen conversation. (Edward Shenderovich, Managing Director, Kite Ventures)

There is more US investment in the US. (Sasha Galitsky, Almaz Capital Partners)

I often wonder how it will all play out in Russia. Just like in Quebec, language can protect the market – that is why Russian companies have a lot of success – but it doesn’t last forever…just think of the Berlin Wall… it came down long before we thought it would…

Have a good week-end.

damien

The jQuery mojo is write less do more, and this is exactly what it’s meant to do. This is an API that help you write better javascript. Unfortunately it is really hard to write good javascript on all browsers. What jQuery does is take your jQuery code and dispatch it to every browser in the more efficient way possible. This enables developers to write faster and better javascript. It adds some functionalities too, like for example animations.

Not unlike Adobe Flash, with jQuery it is possible to animate  objects on your web page, this is however limited. While you can do easing and opacity effects, you cannot rotate or use « photoshop effect » directly from javascript. Well used, you can create nice and clean animation with jQuery, but trying too hard might result in a look that feel like flash but not really as good as flash.

The famous AJAX

This is a common error for non-tech teams to actually refer jQuery as AJAX, in fact this is only a subset of functionality of javascript and not javascript itself. AJAX refers to asynchronous JavaScript and XML, what it means is that you can load external XML or HTML to and from your page. For example,  a form on the web normally sends you to another page when submitting it. Using AJAX, you could submit the form to your server in javascript using AJAX without quitting the page. Most recent websites make a major use of AJAX without the user noticing it to update content or save users preference.

Using it without an API like jQuery is pretty hard because of it’s weird syntax. This is somewhere jQuery really shines, because it enable you to do a lot, without wanting to bang your head on the wall. Because of javascript API like jQuery, using AJAX has been made a lot more easier and also popular, this might have to do with why people often call jQuery as an AJAX technology.

If you want more information on jQuery I would suggest you visit the official website.  There is a lot of information on the website and looking at the documentation might help you understand how jQuery can be beneficial for your website or company.

Main considerations of sustainable design are :

• Economic – design to match user’s needs and abilities increases the use, efficiency and satisfaction of products & services, thus reducing the need to spend $$ to change them;
• Social – create products and services which are better for the health and wellbeing of their users, including users with disabilities;
• Environmental – encourage all those involved in design to consider the longer-term implications of their product & services for their users and therefore for the environment.

Watch the following short video to get an example how a design can positively influence people in doing something good for their health!

Piano Staircase on YouTube

Learn more : www.worldusabilityday.org/