2 sujets (Expérience utilisateur & Créativité) + 2 dates =
une multitude de champs d’apprentissage, de réflexion et de partage

Campus Infopresse, le mercredi 22 février 2012

Ergonomie et Expérience utilisateur : Maximiser l’expérience utilisateur de son site web

Une journée de formation donnée par Anastasia Simitsis, Directrice Expérience utilisateur chez w.illi.am/. Experte reconnue dans la conception de solutions interactives centrées utilisateur et très appréciée pour la générosité et la qualité de ses interventions (conférence, atelier ou formation), elle vous amènera à vous poser les bonnes questions en acquérant les outils nécessaires à la réussite de vos projets numériques.

OFF| Créativité. Inspiration. Affaires., le jeudi 15 mars  2012

Une initiative Infopresse présentée par w.illi.am/ à la Société des Arts Technologiques [SAT]

Pensez autrement, gérez autrement, pour faire les choses différemment

Pour la première fois, Infopresse crée l’événement annuel de la créativité qui rassemblera les plus grands visionnaires du 21e siècle dans le domaine des affaires, de l’architecture, du design et des sciences humaines. Google, Amazon, Facebook, Twitter, Toms, Groupon, sont des exemples de réussites qui reposent sur une vision entrepreneuriale forte.

•    Quels sont les concepts d’affaires les plus créatifs qui ont marqué notre décennie?
•    Quels sont les piliers d’innovation qui influenceront les modèles de demain?
•    Comment trouver l’idée génératrice de changement?
•    Qu’ont apporté l’architecture, le design, les sciences humaines, à l’entreprise d’aujourd’hui?

w.illi.am/ est particulièrement heureux et excité d’être le grand partenaire de cette journée qui réunira les experts mondiaux les plus créatifs d’aujourd’hui avec la dynamique communauté des affaires québécoise. Ensemble, nous partagerons et élargirons nos horizons pour toujours poursuivre notre évolution dans l’inventivité. Soyons inspirés!

Restez à l’écoute de W/, avec le printemps d’autres événements tout aussi intéressants sont déjà prévus!

Après avoir parlé de la nouvelle app Twitter pour iPhone, Van a partagé http://www.macstories.net/reviews/review-twitter-4-0-for-iphone/

Yannick aime le mobile et sait qu’on ne réinventera pas tout: http://www.uxbooth.com/blog/mobile-design-patters/

Predicting the future of computing, partagé par Goulven

Seb nous a fais halluciné avec Plink, une expérimentation musicale sur Chrome

Jeff quant à lui a apprécié cet article, Apple Never Designed the iPad – They Undesigned it

Great Agile workspace, partagé par Jo

Alphonse aime le nouveau Delicious

« The kid on my desktop is not me« , it’s his kid : http://www.flickr.com/photos/toyokazu

Et on termine la semaine en vidéo. Jo et Goulven partagent Tim Malbon et son Abécédaire des métaphores du web, présenté à Metaphwoar! 2011

Cloud computing means we can access to information, services, digital tools, and media from anywhere.

Multi-platform computing means we have vast and enormous interface choices, with greater flexibility and immediacy than ever before.

But for those who are multi-platform, multi-cloud users, the experience has become cumbersome. We access services through the Web, Mobile, Tablets, Connected TV etc. and most of the time, each device requires a different login. Once into our devices, web sites and social media sites they each request their own login. Share a video? Log into YouTube, then Twitter, then Skype, then connected TV and so on.

Some companies are doing it right – integrating multi-platform access in an organic way, and teaming up with other services for a better user experience. Take Evernote, offering consumers a multi-platform « notebook » to retain, organize and share all types of digital information from multiple services and devices and with one login everywhere. Then there’s Netflix, which allows you to watch and share from virtually any platform. One login gets you into both services.
XboxLive from Microsoft and Google + also give you everything they have to offer with a single login.

We need to give users this experience across the board. I don’t believe customers should be required to access each service separately. It should be possible to create your own login ecosystem – an SSO (single-sign-on) that takes you straight into a secure, personalized cloud experience.

As developers for the web, we must continue to carefully analyze how online services and platforms interact. At the end of the day, we have to be sure that user-friendliness remains at the top of our list of objectives. As the future adds Apps, software, tools, platforms, devices and technology, it also adds more clutter and confusion.

Think good user-centric design. Lets give users a smooth ride as they travel to our clouds.

Selecting a CMS usually starts when you’ve already decided to redo or create your website. You already know your visitors expect to have content updated often, maybe a twitter feed, blog, an RSS feed, or a contact form. Maybe you have a community or web application that needs single sign on, a catalogue and payment integration. Perhaps your team needs to have an approval process for all content, create dozens of landing pages for marketing campaigns, do A/B or multivariate testing, and handle multiple languages. I mean, there are many things a CMS powered website can do. At the same time, the number of CMS options available is huge, and it is easy to get lost on the sea of options.

If you already know you want one, and are unsure of which one to get or how to start the process of selecting a CMS, here are a few pointers to do before even googling « web content management system ». You should take time to do the following:

• Define your goals
• Create a prioritized requirements list
• State your constraints
• Create a shortlist of potential systems.

Defining your goals

Web Content Management Systems come in many shapes, sizes and flavours. Understanding what you really need it to do is the most important step. Most websites have very specific needs, even if it is just for a brochure website, its purpose can be clearly stated. Brainstorming about goals and writing them down will only help you shape the perfect CMS. Ask yourself questions like:

• What is the main purpose of my website? Is it informational, is it a community site, is it a store, is it a portal, or all of the above?
• What do I need to fulfill that purpose?
• Do I need a blog to publish information and updates?
• Do I need to sell online?
• Do I need to serve personalized content?
• Do I have to manage several websites from a single system?
• Do I need to have different languages?
• Do I need to support digital marketing campaigns?
• Do I need to control who creates and publishes content?

Most probably you already know most of the answers to these, and other questions regarding your needs, but it is important to have the right vision of what you want the final website to do.

Creating a requirements list

After documenting your goals, you should create a requirements list built on top of your answers to illustrate your needs. A requirement should be phrased as an actionable item that the system or user must be able to perform, for example:

• Users are able to edit content in-context
• The marketing team must be able create dozens of landing pages a month
• The system should support A/B and multivariate testing
• The system archives different versions of content and is able to display the difference between versions
• The system has an ecommerce module with catalogue, shopping cart and payment integration
• The system allows administrators to manage several users and define workflows for approval processes?
• The system allows digital assets to be categorized and classified through meta data

With a big list of requirements, and some wishful thinking, it is easy to feel overwhelmed. Let’s divide and conquer. Categorize your requirements into functional groups. Some groups could be content creation, content management, content delivery, technical, etc. With clear groups, you’ll be able to see which dimensions are more important for your company.

Not all requirements are created equal. Some of them may be more important than other, some might even be critical, and some might be just wishes. Be sure to prioritize your list, clearly indicating which ones are critical.

Most of the times selecting a CMS is about balancing tradeoffs between features, functionalities, and budget.

Stating your constraints

Now that you have defined some of your requirements and prioritized them, take a look into your constraints, that is, what limits your choices. Constraints could be either budgetary, resources related, or IT related, sometimes even internal politics play a role. Understanding these constraints will help you reduce the number of systems to consider and avoid wasting time with systems that simply don’t make the cut. Keep in mind the following:

• How much are you willing to spend? Approximately?
• Are you tied to a specific technology, web server, programming language, or database?
• Do you need a web hosting environment in the cloud, or a SAAS (Software As A Service) option?
• Do you have the internal resources to carry out the implementation, create templates, and maintain it, or do you need a reliable partner (like w.illi.am/)?

Create a shortlist of potential systems

Now, here comes the legwork. Do your research of what systems might be aligned with your needs and constraints. You’ll be surprised by the number of options out there, but don’t despair, all your hard work will pay off. Make a list of systems you are interested in and start doing some research about each of them.

Your requirements list will help you evaluate each system. Give each requirement a numerical score (for example from 1 to 5). Start by evaluating the critical needs. If one of your critical requirements is not met, move to the next system; don’t waste time with that system anymore. If no system satisfies that critical need, do you really need it? Could you build it? Soon you will have gone through the whole list, and all systems could be ranked by performance.

In many ways, the old adage of « Measure twice, cut once » applies to selecting your next CMS. Be sure to do your due diligence with respect to what the CMS is able to deliver, and do not rely on vendor documentation, do your research.

With a better understanding of your needs, and how each of the selected systems performs against your needs, you can do a better decision of what your next steps are, for example: find a reliable partner.

Right now we are done measuring. The next phase, implementing a CMS, is a different story, but at least you know that you have selected the right CMS for your organization!

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

Petite vidéo de mise en bouche.

Free Videos by Ustream.TV

1/4

2/4

3/4

4/4

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.

Anastasia participe à la Journée Mondiale de l’Utilisabilité qui aura lieu le 11 novembre en partageant sa passion pour son métier :

• Quel est ton parcours professionnel?
• Quel est ton rôle chez w.illi.am/?
• Qu’est-ce que l’Expérience Utilisateur?
• Quelles sont les tendances actuelles dans le domaine?
• Suggestions de lectures

Bon visionnement!

w.illi.am/ grandit et a fêté ses 2 ans le 13 octobre dernier. Ce fût une belle soirée en compagnie de toute son équipe, de ses clients et partenaires et avec la collaboration d’Ateliers & Saveurs.

Merci à tous et à chacun!

Voir les photos

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: Mesurer la rentabilité de vos réseaux sociaux grâce au web analytique par Stéphane Hamel

Une mesure efficace de la rentabilité sur les réseaux sociaux se fait, en partie, grâce à la compréhension de son public et de ses habitudes. Cette étape est cruciale afin d’utiliser les meilleurs moyens de communications et engager efficacement son public cible. Durant sa conférence, Stéphane Hamel nous parlait de 4 grands segments au sein d’un auditoire :

• les abonnés
• les lecteurs
• les retransmetteurs d’informations
• les fans

Identifier et comprendre ces segments est la clé qui vous permettra de rejoindre votre masse critique afin d’assurer le succès de votre campagne.

Après avoir identifié votre public cible, il est aussi important de comprendre le positionnement social de votre marque auprès de ce même public. Vos stratégies différeront dépendamment du volume d’interactions et les sentiments exprimés envers votre marque. Parfois, il est d’abord préférable d’écouter et observer, pour une période déterminée, le comportement du public avant d’y répondre.

Dans le cas de nos Nordiques, il serait tout indiqué d’engager avec le public, puisque le taux d’activité, par exemple les conversations, ainsi que le volume d’émotions, qu’elles soient positives ou négatives, est énorme. N’est-ce pas? La compréhension  du positionnement social de votre entreprise vous permettra, conséquemment, d’identifier les meilleures tactiques et définir les meilleurs outils qui vous permettront de mesurer les résultats de votre campagne.

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 : Nicolas Roberge

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

Quelles implications pour la conception ?

Placez les informations importantes dans la moitié gauche du 1er écran.

Ne placez à droite de l’écran que les informations secondaires (liens contextuels, des informations complémentaires, des bannières publicitaires,…).

Soignez particulièrement la rédaction afin de proposer aux internautes des textes courts et efficaces, adaptés à la lecture web

Vous pouvez proposer des pages avec défilement à condition de respecter les règles de la pyramide inversée (les 5 W) qui consistent à présenter dès le début de la page l’essentiel des informations (Who, What, Where, When, Why).

Pour aller plus loin…

Scrolling and Attention – Jakob Nielsen’s (March 22, 2010)
Horizontal Attention Leans Left – Jakob Nielsen’s (April 6, 2010)
Comment présenter le message-clé en premier : la piramide inversée – Isabelle Canivet

Lors du dernier webcom à Montréal, Matyas Gabor, Directeur Marketing et Services Conseil chez w.illi.am/ a présenté une conférence sur la méthodologie développée par les experts en marketing interactif de w.illi.am/ pour accompagner les entreprises dans le succès de leurs campagnes 2.0.

Voici le premier des 5 épisodes de cette conférence.

Visionnez l’ensemble de la conférence au : http://bit.ly/aRchXN