Crédit Photo : rosenfeldmedia/Flickr - CC

Une terminologie généraliste ou spécifique ?

Tout dépend de votre cible et de l’objectif de votre site.

J’ai à l’esprit un site qui a pour vocation de fournir des informations aux personnes en quête  d’emploi, de formation ou de création d’entreprise.
Après réflexion tous les acteurs du site sont convenus que leur terminologie est  d’abord professionnelle (des professionnels vers d’autres professionnels) et ne correspond pas aux attentes de leurs usagers.
La solution consiste à orienter le site sur l’utilisateur. Le tri par cartes semble un outil adapté.

Jouons aux cartes

Le tri par cartes (card sorting) permet de comprendre la logique de l’utilisateur et son point de vue. Avec le tri par cartes,on peut appréhender la représentation mentale de l’utilisateur.

Il s’agit en somme d’inventorier le contenu du site et de proposer des étiquettes et des catégories (en ce qui concerne le test fermé). Puis il convient de sélectionner des utilisateurs représentatifs du site (plus ou moins familiers du web)  et leur proposer de regrouper les étiquettes sous les catégories selon leur logique propre.

Les utilisateurs ont eu pour tâche de placer sous les catégories « emploi » « formation » « vie pratique » les étiquettes correspondantes selon eux.

Le tri par cartes constitue une bonne base pour l’élaboration de l’architecture du site. Toutefois, ce test rencontre quelques limites : les utilisateurs sont hétérogènes (en termes d’âge, de qualification et de diplômes). Le test rencontre certains biais quand les professionnels sont partiaux c’est-à-dire qu’ils tentent malgré eux d’imposer leur conception. De plus, cette méthode s’avère longue et fastidieuse. Certes, il existe des applications pour réaliser des tris par cartes en ligne.

Le tri par cartes permet dans tous les cas de repenser sérieusement l’architecture du site. A l’issue, de cette architecture et dans la perspective d’une refonte du site nous pourrons mesurer véritablement l’impact de cette méthode.

L’outil tri par cartes est nécessaire mais non suffisant ; la création de personas est impérative pour bien comprendre les utilisateurs du site et pour bien circonscrire sa cible. En effet, un site à vocation « grand public » risque d’exclure un grand nombre d’utilisateurs qui ne s’identifient à pas au site et surtout ne trouvent pas satisfaction à leurs requêtes.

Avez-vous déjà utilisé le tri par cartes ? Vous a t-il semblé efficace, pertinent ? Qu’en pensez-vous ? Partagez votre avis.

Crédit Photo : sirwiseowl/Flickr - CC

Les cartes heuristiques ou cartes mentales (plus connues sous le vocable anglais mindmap) se révèlent être un outil puissant pour organiser et structurer l’information. Vous connaissez ?

Certainement, un peu à la manière de Monsieur Jourdain, vous les avez déjà dessinées sans le savoir.

Ces cartes mentales sont un support visuel pour la mémoire, la réflexion et la créativité. Ses applications sont illimitées : on s’en sert dans  la vie quotidienne, au travail… et pour l’organisation des contenus ou  l’architecture d’un site web.

Sans plus tarder, je vous invite à découvrir les cartes heuristiques et faire un tour d’horizon sur l’ activité qu’est  le mindmapping : 

La vertu cognitive de ces cartes est de visualiser à la fois l’ensemble des éléments d’un coup d’oeil et d’explorer chaque élément.

Si je vous parle de mindmapping, vous l’aurez compris, c’est parce qu’il est un outil précieux pour organiser des contenus, bâtir l’architecture d’un site, faire du brainstorming pour rédiger les billets de son blog, … ou par exemple pour cartographier l’architecture de son site.

Cartographier l’architecture de son site

Certes,  il existe divers outils pour créer l’arborescence d’un site web qu’il s’agisse de générateur, de fichier xml ou applications diverses comme Visio ou autres pour les plans de site.

Cependant, l’avantage des cartes heuristiques c’est de représenter visuellement les connexions entre les différentes sections et leurs liens hiérarchiques. En outre, la carte peut révéler les forces et les faiblesses du contenu du site : déséquilibre dans le traitement de telle ou telle partie, redondances, omissions…

Je vous présente ici  l’architecture d’Accent Circonflexe, vous avez des remarques ?  Faites m’en part  :

Voir également  le plan du site sur la carte interactive mindomo.

Vous me direz que les techniques de visualisation de l’information et du savoir ne sont pas nouvelles.  Vous avez raison. Il revient à Tony Buzan, psychologue britannique, d’avoir popularisé dans les années 70 les cartes heuristiques. Il a aussi apporté la preuve que la mind map  n’est autre que la représentation visuelle de la manière dont travaille notre cerveau.

Depuis peu, les cartes mentales connaissent un regain de vigueur. Des colloques, des communautés, des forums s’organisent. Les moteurs de recherche Kartoo et Google wonder wheel sont prometteurs de nouvelles fonctionnalités reliant le concept central à d’autres ramifications portant sur le même thème. En route donc vers les cartes conceptuelles ou sémantiques…

Je voudrais tout particulièrement attirer votre attention sur Pearltrees.  Vous l’avez  déjà appréhendé  notamment à travers la perle intitulée mindmapping que j’ai réalisée ci-dessus. L’idée est de réaliser une cartographie interactive des pages web des blogs et sites relatifs à un sujet de votre choix.  Vous pouvez partager, publier, exporter ces cartes. Allez-y !  Enfilez des perles autour d’un collier virtuel de votre choix !  Créez votre arbre à perles !

Pour revenir à ce qui nous préoccupe ici, et vous ? Quels outils utilisez-vous pour l’organisation de vos contenus, pour l’architecture de votre site ?

NB : Thème billet suggéré par @chrisdabin

Crédit Photo : Pierre Numerique/Flickr - CC

Toute une histoire

Il semblerait qu’il faille que je vous raconte des histoires pour captiver votre attention et vous inciter à l’action. C’est la tendance de l’année 2009.
Parce que pour atteindre votre esprit, votre raison, votre rationalité il me faut d’abord parler à votre cœur.
Allons bon ! Vous m’en diriez tant !

Certes le storytelling ou l’art de raconter des histoires est une technique de communication qui a toujours existé.
Par contre ici je vais évoquer avec vous le storytelling moderne celui qui se décline dans tous  les domaines : communication politique, marketing, publicité, management, entreprise, marque personnelle, et … conception de sites web (web design).

Non, je ne vais pas vous raconter d’histoires. Pas à vous, on ne vous l’a fait pas, n’est-ce pas ? Je sais. Je sais.

Par contre, je vous invite à explorer ensemble ce que le storytelling apporte à l’expérience utilisateur.

Storytelling et expérience utilisateur

Tout d’abord, l’expérience utilisateur définit l’ensemble de toutes les interactions (actives ou passives) de l’internaute avec votre site.

Utilisez la méthode dite des personas pour combler le fossé qui peut exister entre le concepteur de votre site et l’utilisateur final. Cette méthode va vous aider à concevoir l’interface utilisateur.

Une persona est un individu fictif créé à partir de cas réels et concrets. En quelque sorte, la persona est un modèle-typique, un archétype qui rassemble les points communs de personnes réelles susceptibles d’être votre cible. Cette méthode est une technique centrée utilisateurs, basée sur des interviews et observations.

Par exemple, l’agence de Design Engine Service a eu pour mission de réorganiser les « Gateway » c’est-à-dire les maisons de services publics qui  regroupent différents organismes (impôts, service de l’emploi, état civil…). Selon l’article de @Brest intitulé « Les agents britanniques redessinent le service public, l’agence a fait plancher les agents sur des personas.

Vous ne voyez toujours pas le lien avec le storytelling ?  j’y viens justement.

Fiction et scénarisation

Les personas racontent des histoires et c’est pour cela qu’on les aime. Il convient donc de camper des personas fortes avec un scénario bien ficelé.

Sur un site dédié à l’emploi, vous pouvez choisir de narrer l’histoire des personnages fictifs suivants :

• Emmanuel, jeune rural, vivant chez ses parents, ayant une passion pour les jeux vidéo, solitaire, handicapé…
• Nadine, citadine, termine sa dernière année d’école de commerce, fascinée par les outils nomades et les nouvelles technologies, « twitter addict » …
• Nathalie, la cinquantaine, ayant élevé trois enfants souhaite retourner sur le marché du travail, envisage une formation, aime le « home stajing »…
• Christophe, jeune retraité, cherche à devenir consultant en « coaching »…
• Dunyasha, jeune femme d’origine étrangère maîtrisant peu la langue française…
• …

Tous ces personnages ont un but, des objectifs, devront accomplir des tâches sur votre site et agir (cliquer, adhérer, voter, recommander, acheter….)

En l’espèce, ces personnages (Emmanuel, Nadine, Nathalie, Christophe, Dunyasha et les autres)  recherchent un emploi, veulent s’informer, consulteront les pages « travailleur handicapé »,  « métiers en tension ou porteurs », « droit du travail », « créer son entreprise »… ; ils liront vos pages, recommanderons votre site…

La création de personas repose sur des critères qualitatifs. Vous inventerez leur biographie, leur lieu de vie, leur passion, leur devise dans la vie… Donnez-leur un visage (une photo) pour créer l’empathie, attribuez-leur un prénom. Imaginez leur parcours de navigation sur votre site. Mettez en scène vos personas avec un but, (se réaliser professionnellement)  un obstacle, (chômage) une résolution ou dénouement (grâce à votre site, il va pouvoir atteindre son but, enfin on y croit). Vous définirez son parcours de navigation pour qu’elles atteignent leur but. Et voilà, la trame de votre storytelling !

Les masques ont la parole : 2  exemples de fiches personas :

• Pierre, 39 ans, fleuriste
• Matthew Johnson, 51 ans, manager senior

Grâce aux personas tous les acteurs de l’équipe projet de votre site peuvent concevoir, promouvoir le contenu de votre site car ils peuvent aisément s’identifier à vos visiteurs. Pour eux, vos visiteurs ne sont pas abstraits, ils ont une épaisseur, une densité, une image, une histoire de vie. Ces personas leur parlent.

Allez, racontez-moi l’histoire de vos personas.  Avez-vous déjà utilisé la méthode des personas ? Quels sont pour vous les avantages et les inconvénients de cette méthode ?

Ressources pour aller plus loin :

Storytelling

• L’art de raconter des histoires : storytelling
• Le storytelling ou communication narrative

Persona

• Persona et expérience utilisateur
• Persona et conception centrée utilisateur
• Créer des personas, utile ou pas ?

Utilisabilité

• Utilisabilité (définition)
• Utilisabilité et personas
• Les nouvelles de l’utilisabilité

Crédit Photo : Aleski Aaltonen/Flickr

Les fondations d’un site web

L’organisation et  la structuration des contenus constituent la clé de voûte d’un site web. Que serait un site dense, riche en contenus  dans lequel l’internaute devrait beaucoup réfléchir pour (re)trouver l’information qu’il recherche ?

Dès  l’objectif du site formulé et sa cible définie, engageons-nous dans ce qui constitue notre matière première, notre carburant : le contenu éditorial. C’est ce contenu qui nous permettra de dessiner  l’architecture de notre  site.  Que ce contenu soit déjà existant ou à créer.

Organiser le contenu d’un site web

1. Identifier les personnes ressources pour les contenus  (les personnes dépositaires de l’information),
2. Collecter les contenus, les inventorier et s’assurer de leur exploitation (niveau de pertinence par rapport aux objectifs du site et de la cible, le degré de fiabilité, la fraîcheur de l’information…),
3. Trier c’est-à-dire conserver (ou écarter le cas échéant) les contenus qui correspondent à ma cible et aux objectifs du site,
4. Caractériser le contenu en l’indexant, en lui allouant une étiquette, un label,
5. Classer consiste à regrouper les contenus par affinités à les associer à une rubrique à créer ou existante,
6. Envisager un travail sémantique et lexical (ou wording en anglais) pour bien nommer les interfaces, les rubriques, la titraille, les intitulés, la navigation…

Un contenu organisé facilite l’élaboration conceptuelle et fonctionnelle de votre futur site.  L’organisation de ces contenus fonde l’architecture de l’information de votre site. De cette organisation découlera votre arborescence, véritable colonne vertébrale de votre site.

Et vous, quelle place accordez-vous aux contenus (bruts ou traités) dans la conception d’un site web ?

À votre avis, faut-il d’abord créer le contenant ou le contenu, ou peu importe ? Pourquoi ?

Crédit Photo : imagenesppll

L’ergonomie, pourquoi faire ?

L’ergonomie étudie la meilleure adéquation entre les caractéristiques humaines et les machines, objets.
Elle cherche à adapter l’objet, l’outil, la machine aux caractéristiques humaines et non l’inverse.
Avant d’être esthétique, belle, une chaise devrait être fonctionnelle et confortable. Que serait une jolie chaise si on ne peut pas y être assis confortablement ?

La question se pose également pour un site web.

L’ergonomie web : je ne cherche pas, je trouve

L’ergonomie des sites web a pour objet d’étude les  interactions entre les utilisateurs et un site web.
Compte tenu des caractéristiques de l’être humain surtout de son oeil et de son cerveau, un site web ergonomique doit être :

- utile car conforme aux besoins de l’internaute,
- utilisable et facile d’utilisation, grâce au circuit de navigation, à l’aménagement des pages qui le rend  lisible et compréhensible.

L’ergonomie éditoriale

L’ergonomie éditoriale  permet,  dans un contenu web,  de distinguer l’essentiel de l’accessoire grâce à la scénarisation du texte.
La mise en scène d’un texte  permet de le balayer des yeux (grâce aux éléments saillants, des éléments visuels bien agencés) et/ou d’en d’avoir une lecture approfondie car riche et en adéquation avec les requêtes des internautes.

C’est le contenu rédactionnel qui doit s’adapter aux besoins, attentes, usages et comportements des internautes.

« Designer »  un texte revient donc à le rendre confortable à la lecture qu’il soit court ou long.

Combien de fois a t-on dû lire et relire un texte pour l’appréhender créant par là-même une surchage cognitive, alors qu’il suffirait de le découper autrement, l’aérer, varier la typographie, lui donner un rythme… ?

Vous en avez sûrement fait l’expérience, n’est-ce pas ?