Créativité et ouverture d’esprit – Sud Web 2016

Sud Web, c’est toujours une surprise ; un programme avec des méta-messages à lire entre les lignes qui viennent allumer des lumières dans la tête.

Si cette édition 2016 était un nuage de tags, on y retrouverait en bonne place la créativité, l’ouverture d’esprit, le respect de l’autre et la bienveillance mais aussi de grosses réflexions sur notre manière de travailler.

Pour faire un résumé qui ne rendra pas justice à la richesse de cette journée :

Le web est un nouvel outil. Nos technos sont de plus en plus riches et larges. À nous, donc, d’exploiter tout ça pour faire un maximum de choses et même autre chose que des sites et des applications. Créons, exploitons, hackons, détournons.

Dans nos interactions avec les autres, l’empathie sera notre alliée : garder en tête le point de vue de l’autre pour le comprendre et mieux lui répondre (c’est valable avec son client comme avec son collègue comme avec …ses enfants !)

Favoriser ainsi la compréhension vous fera gagner en efficacité (tout comme apporter une touche de fun en réunion aide tout le monde à se ré-impliquer ; la détente n’empêche pas le travail et considérer finalement le client comme une personne “normale”, aimant aussi s’amuser, peut même favoriser la productivité).

Le travail avec l’autre est de tout façon toujours un enrichissement …et l’assurance d’augmenter la pérennité d’un projet ! (On ne vous l’a jamais dit jusque-là mais en fait …documentez !)

D’autres valeurs sont à garder en tête : ne pas préjuger des compétences et de la personnalité des autres (ni en fonction de leur sexe, ni en fonction de leur métier, ni en fonction de leur apparence) mais aussi se faire confiance à soi-même et laisser sa créativité s’exprimer en toute occasion (les LEGO, la collecte de donnée, la contrainte…).

Maintenant, nous ne vivons pas que dans un monde de valeurs, il faut bien prendre en compte le matériel et l’organisationnel aussi. Beaucoup de discussions sont remontées autour des thèmes de la répartition travail/loisirs, organisation, (non)rémunération… Quelques « nouveaux » modèles sont en train d’émerger, d’autres sont à inventer, tandis qu’il faut apprendre à bien comprendre le modèle classique (savoir lire sa fiche de paye tout comme comprendre le code du travail).

Cette édition de Sud Web, une fois de plus, ne m’a pas déçue mais à éveiller des réflexions, des pistes ; elle a encré des points de vue, des valeurs à ne pas oublier ; elle m’a donné du recul et …m’a donné plus de questions que de réponses et c’est tant mieux !

Bonnes pratiques des API – Compte-rendu

Pour les besoin de mon projet Spoiled People (voir Projet de liste cadeaux sur GitHub), je dois monter en compétence côté API. Je suis allé voir du côté de la conférence « Bonnes pratiques des API ».

Cette conférence de 15 petites minutes est un retour d’expérience, y compris sur les ratés.

La première leçon qu’Éric Daspet a appris et nous transmet concerne la littérature et la pratique. Sans critiquer la littérature, son constat a été que d’un point de vue pragmatique, il vaut mieux s’adapter aux envies des utilisateurs (les développeurs).

Eric Daspet - Paris Web 2013 - Photo Brice Favre

Les recettes à suivre

Voici une première liste de conseils issus de cette conférence.

Internationalisation

  • Toujours mettre des heures et non juste une date
    Pas GMT mais en mettant un fuseau horaire que vous allez interpréter dans chaque paramètre)
    Voir le commentaire d’Éric ci-dessous.
  • Attention aux langues : anticiper la possibilité d’avoir plusieurs langues, utiliser UTF-8 (et non de l’ISO).

Pagination

  • L’offset sont de fausses bonnes idées.
  • Trier les données par ordre (alphabétique, de date, d’arrivée,…) et utiliser « after | before » (plus ancien ou plus récent que tel item)
  • Rendre la pagination obligatoire.
  • Mettre des limites de taille avec une profondeur maximum

Un bon exemple : Twitter

Versionnement

Même si dans la littérature, le versionnement peut être vu comme une mauvaise pratique, en l’état, nous ne sommes pas forcément prêt à nous en passer. Partir du principe qu’on va se planter et, alors, qu’on fera une V2 plutôt que mettre des bouts de sparadrap.

  • Prévoir un /v1 en bout d’URL dès le début

(NB : Le versionning dans les en-têtes n’est pas assez simple et ne sera pas pratique pour vos utilisateurs et donc ne servira pas)

Sécurité

  • HTTP Basic Oauth
  • + SSL
  • imposer HTTPS
  • Ne pas permettre le SSL désactivé dans le SDK (qui est recommandé)
  • Clé d’API : savoir à tout moment qui fait la requête. Prévoyez-la.

Structure

  • Faites de l’hypermédia mais ça ne suffit pas.
  • Vos adresses doivent être « bidouillables » de façon qu’elles soient prédictives.
  • Une adresse doit ressembler à un nom de fichier : pas de caractères spéciaux encodés, que des minuscules, pas de caractères accentués.
  • Réduire la hiérarchie aux maximum (3 semble être la bonne pratique).

La conclusion

La clé :

  • En faire peu.
  • Ouvrir un maximum de champs pour plus tard.
  • Faire simple.
  • Utiliser les standard existants.
  • Penser pragmatique.
Diaporama de la conférence
NB : Le diaporama contient 10 bonnes pratiques supplémentaires en page 11.

De l’enthousiasme post-Paris Web

Cette année, c’était la première fois depuis 2008 que je venais à Paris Web en tant qu’auditrice. Avoir fait partie du staff et redevenir simple « consommateur » est une délectation (mais chut ! il ne faut pas que les staffeurs le sachent : je ne voudrais pas qu’ils aient envie de quitter l’équipe, ils sont trop bons).

En étant qu’auditrice, j’ai pu profiter des conférences et je me suis réjouie des choix faits pour le programme. J’ai particulièrement apprécié qu’il y ait des conférences nous faisant prendre du recul sur nos métiers et notre support.

J’ai également pu, enfin !, discuter aux pauses et profiter des gens. Je n’ai pas échangé longuement mais j’ai pu saluer plein de monde et discuter avec des gens que je ne connaissais pas – ce qui est aussi le but de tels événements. J’ai eu des retours intéressants sur ma conférence – auditeurs, vraiment, allez parler aux orateurs aux pauses, ils ne demandent que ça !

Photo Nazcange – CC by-NC-SA

Je reviens de Paris Web pleine de cette belle énergie que les gens s’insufflent les uns aux autres quand ils se réjouissent d’être là. Je reviens de Paris Web avec le constat, encore une fois, que nous aimons notre métier et, plus encore, que nous voulons le faire bien, même quand il faut se battre pas-à-pas pendant des années pour ce bien. Je reviens de Paris Web avec une prise de conscience toute personnelle ; je me sens plus mature et mieux préparée à transmettre. Je reviens de Paris Web avec le sentiment d’avoir reçu un cadeau et d’être plus riche, maintenant, de le transmettre.

Photo Nazcange – CC by-NC-SA

Je lis de-ça, de-là, des retours difficiles post-Paris Web. Pour avoir fait partie du staff je sais comme le retour peut être difficile. J’ai déjà eu des « baby blues » à couper au couteau. C’est douloureux et ingérable. Cette année, le staff a en plus dû gérer un nouveau lieu (et quel lieux !) avec son lot de difficultés. Une centaine d’auditeurs en plus que les autres années (une centaine d’heureux en plus ! merci le staff).
Bien heureusement, certains, je le sais, n’ont pas du tout été raisonnables ; c’est tant mieux. Et si leur Paris Web blues est accentué par ce manque de sommeil, réjouissez-vous : vous devez votre état au plaisir que vous avez su prendre et à l’investissement que vous avez su mettre. Et pis bon, je le sais très bien que si c’était à refaire vous le referiez.

Photo frphoto1 – CC by-SA

Alors oui, le retour au quotidien est souvent difficile – pour tous ; viennent parfois se greffer de mauvaises nouvelles dont on se serait bien passées, mais réjouissons-nous, tous : si certains sont dans un triste état, c’est du trop plein qu’ils ont reçus. Transmettez ce trop plein. Qu’il soit de connaissances, de tendresse, d’énergie, du plaisir de donner, etc.

Savourons le plaisir de ces deux ou trois jours en mettant en application, en testant, en transmettant. Faisons durer cette belle énergie reçue.

Photo frphoto1 – CC BY-SA

Mes conférences chouchous à Paris Web 2013

NB : Retrouvez toutes ces conférences – résumé, diaporama et vidéos dès que disponibles – dans le programme de Paris Web 2013.

La folle journée, ou les fourberies d’un projet

Par Julien Dubedout, Florian Boudot et Christophe Andrieu

Vous allez me dire : « Comme tout le monde ! ».
Cette conférence n’était pas seulement une réussite parce qu’elle était très drôle. C’est avant tout une excellente conférence parce qu’en même temps d’être caricaturale, elle était très juste.

Elle faisait autant de mal que de bien ; une très bonne catharsis.

Je code donc je teste…

Par Cyril Balit

Sûrement parce qu’on touche au domaine de la qualité. Mais aussi parce que Cyril sait remettre les choses à leur place et montrer que faire bien peut être pris en compte simplement.

Théorie du flow et webdocumentaires

Par Florent Maurin

J’ai découvert cet état de flow et ai trouvé ça très intéressant. Si Florent Maurin nous le présentait ça dans un contexte « stratégique » pour inciter à la lecture de webdocumentaires, je me suis promis de garder ça en tête aussi pour le développement personnel, la formation et la documentation (« If you want them to RTFM, make a good FM! »)

La rencontre entre hacktivisme et sociétés civiles, un enjeu pour les libertés numériques

Par Amaëlle Guiton

Un énorme coup de cœur ! Merci à Paris-Web d’avoir retenu ce sujet pour son programme !

Amaëlle nous a présenté une étude richement documentée qui nous donne toutes les billes nécessaires pour expliquer l’hacktivisme à ma grand-mère (ça va la passionner !).

…Ok, j’avoue, c’est à moi d’abord que ça va servir ! j’ai des choses à rattraper sur ce sujet.

(J’en reparle dans Internet et société : la responsabilité des professionnels)

Un bon design n’est pas beau !

Par Sébastien Desbenoit

D’abord, pour les qualités d’orateur de Sébastien (Sébastien ne présente pas une conférence, il présente un spectacle (sérieux, certes) ; c’est autant de travail en plus pour lui, autant de plaisir et de fluidité de notre côté.)

Mais également pour l’angle pris par un designer sur comment il faut appréhender le beau dans le design. Et pour la remise en question. (Feinte ? Je suis sûre qu’il le savait déjà depuis bien longtemps 😉 !)

Vers une nouvelle éthique

Par Xavier Mouton-Dubosc

Tout comme pour la conférence d’Amaëlle, je suis ravie de voir à Paris Web une conférence nous parlant de notre responsabilité face à nos contemporains au sujet de notre média. Je suis loin de faire figure de bonne élève : je ne saurais rien expliquer à un tiers, je suis loin de maîtriser le sujet mais je prends de plus en plus conscience que je dois être parfaitement renseignée et expliquer, vulgariser, partager. Merci Xavier de ce rappel à l’ordre 🙂

(J’en reparle dans Internet et société : la responsabilité des professionnels)

Keep calm and carry on

Par Lou Schwartz

J’ai forcément été séduite par le côté humain de cette conférence. Mais également touchée par l’entêtement de Lou à vouloir aider cette jeune fille (ou sa boite ? être bien, produire bien, tout ça 😛 !)

Enfin et surtout, j’ai adoré les idées mises en place pour permettre à quelqu’un de rendre concrètes des considérations sur sa propre personne alors qu’elle avait du mal à le faire. J’espère que je garderai ça en tête et que, moi aussi, je penserai à l’avenir à utiliser les Lego, les schémas heuristiques et les graphes.

Esthétique et pratique du Web qui rouille

Par Olivier Thereaux et Karl Dubost

Là encore, je crois que j’ai aimé que l’on prenne du recul à propos de notre support et qu’on se pose des questions par rapport à nos responsabilités qui dépassent largement celle de faire un bon site web à un client et ce parce qu’Internet est bien plus qu’un support commercial ! Ne l’oublions pas.

(Je l’évoque dans Internet et société : la responsabilité des professionnels)

Bureau des plaintes des standards

Par Robin Berjon (informelle)

Parce que c’est une excellente idée, je trouve, de la part de Robin. Et également parce que je crois savoir que, malgré une envie partagée des deux côtés – j’en suis sûre, le dialogue entre le W3C et les développeurs manque encore de densité.

Merci Robin. Encore !

Designing with Sensors: Creating Adaptive Experiences

Par Avi Itzkovitch

Parce qu’il ne faut pas oublier, tous responsables et sensibilisés que nous sommes, de continuer à s’enthousiasmer par ce que la technique peut et va pouvoir nous permettre de faire.

N’ayons pas peur des usages : soyons vigilants, pédagogiques et évangélisons !

(J’en reparle dans Internet et société : la responsabilité des professionnels)

Mobile et accessibilité, une partie à Troie

Par Goulven Champenois

Parce que j’ai toujours pensé que le référencement pouvait être un cheval de Troie pour l’accessibilité et que ça m’a fait plaisir de voir cette idée réutilisée – en mieux ! – avec le mobile.

Et parce que c’était très pertinent et que tout ce qui peut servir l’argumentation pour l’accessibilité est à accueillir à bras ouverts !

Le ticket 3057

Par Thomas Zilliox (Lightning Talk)

Parce que c’était très drôle. Parce que c’est une petite partie de l’histoire d’Internet. Parce que c’est symptomatique et représentatif de certains aspects d’Internet. Tiens, un sociologue devrait se saisir du même sujet ! (Il y a un sociologue dans l’assistance ?)

Explorer le système solaire en 4 minutes !

Par David Catuhe (Lightning Talk)

Moi, je voulais que David Catuhe gagne les Lightnings ! …Parce que quand même, il a mis fin au plus vieux débat du monde : on sait enfin, de manière sûre puisque David l’a montrée pas à pas, comment l’univers à été créé. Ce n’est pas rien !

Et puis il a allié technique (comme tous), humour (comme quasiment tous), performance (comme beaucoup) et …poésie (comme aucun autre) ! 😛

Développons notre efficacité !

Par Teddy Marie-Luce

De manière très ironique, je liste dans mes chouchous un atelier auquel je n’ai pas assisté (!) parce que j’en suis sortie au bout de 2 minutes (re !)
Un manque de compréhension de ma part et je suis partie vers un autre atelier qui n’était pas du tout de la vulgarisation comme je l’avais imaginé.

Je me suis rattrapée à une pause en demandant à Teddy de me raconter ce que j’avais raté ; ce qu’il a très gentiment fait.

Et j’ai été fort triste d’avoir raté un atelier autour du développement personnel qui aidait à passer outre une partie de nos difficultés.

Après la macro, la micro !

Par Vincent Valentin

J’aurais bien dit que j’ai aimé cet atelier simplement parce qu’il parlait de typographie (ce qui me suffit). Ou encore en particulier de micro-typographie (qui est un sujet encore plus fun, n’est-ce pas ?)

Mais en plus, il était animé par Vincent Valentin que je soupçonne d’ignorer à quel point il est drôle (oui, parce qu’il y en a marre de lui dire à quel point il est talentueux ! tout le monde lui dit déjà !) ;p

Mes autres billets sur Paris Web 2013 :
Pour ma propre conférence, voir le résumé sur w3qualité.
Merci à Franck Paul pour ses photos (cliquez dessus pour voir les originales).

6ème Forum Européen de l’Accessibilité Numérique – Compte-rendu

NB : J’ai voulu garder l’exhaustivité de mes notes, même si mon attention n’a pas été la même tout au long de la journée. L’ensemble est donc plus ou moins complet et plus ou moins rédigé. Néanmoins, si j’avais pris le temps de tout mettre au carré, je crois que ce billet ne serait jamais sorti.

Voir

Sommaire

  1. Mon avis global
  2. Introduction
  3. Les enjeux de l’accessibilité numérique dans les grandes entreprises
  4. L’innovation inclusive dans la conception des produits TIC grands publics
  5. Accessibilité – Puissance et promesses (Comment ordinateurs de bureau et applications mobiles accessibles changent la vie quotidienne des personnes handicapées)
  6. Convergences entre les besoins d’accès mobile au SI, la conception pour tous et l’accessibilité numérique
  7. Gérer la conformité des sites Web aux normes d’accessibilité
  8. Table Ronde
    « Quels chemins vers la conformité WCAG2.0 ? »
  9. Accessibility Steps
  10. AcceDe Web
  11. MIPAW
  12. Retour d’expérience et choix de Tanaguru
  13. EPUB 3 – des ebooks accessibles à tous
  14. La production de livres scolaires accessibles avec ePub 3.0
  15. Le projet LIA (Libri Italiani Accessibili) : vers un service de distribution grand public de livres numériques accessibles en Italie
  16. Les applications mobiles mieux accessibles à tous
  17. Rendre les systèmes d’informations urbains accessibles à des personnes handicapées
  18. Conclusion

Mon avis global

Cette session, bien plus que les autres années, véhiculait l’idée d’une accessibilité pour tous. Précédemment, positionnement de BrailleNet oblige, l’ensemble de la journée était fortement teintée de handicap.
Cette année, les interventions mettaient plus en valeur des usages que des usagers. Il faut dire que la technologie de ces derniers temps, avec l’utilisation des smarphones et leurs flots d’applications, nous enthousiaste tous.

La journée commençait par le témoignage de deux grosses entreprises (Sanofi et Microsoft) valorisant le fait que l’accessibilité n’est pas une option chez eux.
Sanofi a mis en place une personne à plein temps, fait régulièrement appel à l’externe pour des prestations en accessibilité et forme ses collaborateurs.
Microsoft met en avant le fait que la technologie doit s’adapter et que faire de l’accessibilité revient à créer de meilleurs outils, pour tous. Chez eux, l’accessibilité est à chaque étape.

Microsoft pense que l’accessibilité doit être mieux et plus intégrée dans les programmes universitaires et scolaires et qu’elle devrait être mieux comprises (expliquée, donc) aux directeurs financiers et services client.

Enfin, Microsoft souhaiterait la mise en place d’un organisme mondial coordonnant les effort, les méthodes et certifiant l’expertise.

La session suivante était particulièrement intéressante grâce aux démonstrations de Robin Christopherson. Il valorisait l’utilisation de son smartphone (tout est accessible dans son iPhone) et a montré comment, bien qu’aveugle, il :

  • envoie un tweet en quelques secondes,
  • connaît la couleur d’une pochette,
  • se fait indiquer l’emplacement de la touche « @ » sur son clavier,
  • demande un renseignement en langue étrangère (bon… peu concluant !),
  • etc.

Démos avec VoiceOver, Siri, etc.
http://fr.wikipedia.org/wiki/VoiceOver
http://fr.wikipedia.org/wiki/Siri_%28logiciel%29

Introduction

par Dominique Burger

L’introduction a été l’occasion de faire quelques rappels :

  • “Pour Dominique Burger, le manque d’accès à Internet est facteur d’exclusion professionnelle et sociale “
  • “Pascal Guitton met l’accent sur le vieillissement de la population comme enjeu en matière d’accessibilité “
  • “15 % de la population mondiale vivent avec un handicap”
  • “Il n’y a quasi pas d’université formant des ingénieurs en information ayant une formation en accessibilité “
  • “Les sites Web accessibles voient leur trafic naturel s’accroître de 15 à 30 %”

@victorbritopro

Les enjeux de l’accessibilité numérique dans les grandes entreprises

Bruno Ménard (Sanofi ; CIGREF)
Vice-président du CIGREF

Le CIGREF est une association qui accompagne les grandes entreprises dans le développement des systèmes informatiques.
Sa mission : promouvoir la culture numérique comme source d’innovation et de performance.

Sanofi (industrie pharmaceutique) est particulièrement intéressé par les problématiques de e-santé : accompagner les plus loin possible les patients lorsqu’ils sont chez eux.
L’accessibilité numérique est donc un enjeux économique pour Sanofi.

Les « frameworks » doivent intégrer nativement les impératifs d’accessibilité (gros efforts fait par Microsoft sur SharePoint par exemple)

Pour y parvenir :

  • Prévoir des formations pour les développeurs
  • S’y prendre en amont
  • Dialoguer avec les fournisseurs pour intégrer les besoins en accessibilité
  • Tutoriel dans l’intranet pour les éditeurs

Ils ne font pas de mesure sur l’impact en ressource quant au fait qu’ils vérifient tous les sites mais ils considèrent que l’accessibilité prise en compte dès le début augmente le coût du projet de quelques point ; prise trop tardivement, cela à montrait à un quart du coût.

Ils gèrent l’accessibilité des sites SANOFI, des brochures internes, des vidéos, conversations téléphoniques (via interprète) ou encore l’accessibilité de la notice d’un médicament via smartphone (bientôt).

Moyens
Un ETP est nécessaire.
Ils font appel à des prestations externes et mettent en place des formations pour les collaborateurs.

Leur ROI est essentiellement basé sur la conviction. 🙂

La méthode de mise en place est de :

  • commencer par les fondamentaux
  • faire du pas-à-pas
  • privilégier plutôt de l’imparfait sur un grand périmètre que du très conforme sur un petit périmètre
  • en faire une démarche d’entreprise (via une charte)

Le message que Bruno Ménard voulait faire passer :

  • S’occuper de l’accessibilité en amont ;
  • le faire en toute humilité.

NB : Sanofi s’est engagé à rendre son site Web conforme au niveau AA des WCAG (A pour les sites des filiales)

L’innovation inclusive dans la conception des produits TIC grands publicsl

Robert Sinclair (Directeur de l’accessibilité (Chief Accessibility Officer) chez Microsoft)
@MSFTEnable @robert_sinclair
http://aka.ms/EnableBlog
rob.sinclair@microsoft.com

Robert Sinclair, qui rappelle que 15% de la population est concernée par de l’accessibilité numérique, fait par ailleurs remarquer que 100% de la population vieillit.

Il n’y a pas d’usager typique.

Inclusive Innovation :

  • inclusive design
  • disseminated Expertise
  • Conscientious innovation
  • Support Services

La technologie doit s’adapter aux personnes (ce n’est pas à moi de m’adapter)
Mettre en place des fonctionnalités sur les produits qui permettent d’améliorer leur utilisation.
Microsoft met en avant que son leitmotiv est de permettre à chacun de réaliser son potentiel.

3 composantes :

  • Personnes : formation, etc.
  • Pratiques d’affaires : accessibilité à chaque étapes par exemple
  • Produits et techno.

Peu d’entreprises comprennent l’intérêt business de l’accessibilité.

Causes

Les personnes ne comprennent pas qu’avec l’accessibilité il s’agit de créer de meilleurs outils pour tout le monde.

Solutions

Réfléchir à la manière dont on travaille :

  • accessibilité dans les programmes universitaire et scolaire
  • les directeurs financiers, les services clients, etc. ont besoin de comprendre l’accessibilité
  • meilleure collaboration dans le monde
  • organisme mondiale certifiant des personnes en tant qu’expert d’accessibilité

“Microsoft voudrait une : International society of accessibility professionals”
@oxymore

Accessibilité – Puissance et promesses (Comment ordinateurs de bureau et applications mobiles accessibles changent la vie quotidienne des personnes handicapées)

Robin Christopherson (AbilityNet)
@USA2DAY

Si Microsoft n’avait pas pris en compte l’accessibilité dès le DOS puis avec Windows, Robin – qui est aveugle – n’aurait pas eu les mêmes études.
Le smartphone est la deuxième révolution. Ex. d’utilisation avec iPhone : tout est accessible.
N’utilise plus que son iPhone (avec un clavier) et le cloud plutôt qu’un ordinateur.

Applications pour aveugles – ou non – et gratuites – ou « presque » – qui aident au quotidien : traduction, Skype pour demander de l’aide, GPS, couleurs.
+ appli qui permet de poser des questions (ex : photo du clavier et question pour savoir où est l’@.) ; et c’est la communauté qui répond.

Démos avec VoiceOver, Siri.
http://fr.wikipedia.org/wiki/VoiceOver
http://fr.wikipedia.org/wiki/Siri_%28logiciel%29

Convergences entre les besoins d’accès mobile au SI, la conception pour tous et l’accessibilité numérique

Renaud Cornu-Emieux (École de Management des Systèmes d’Information)

Rappel : on ne se connecte plus en majorité via PC mais depuis terminaux mobiles (smartphones, tablettes)
L’école ne propose pas une formation d’expert accessibilité mais intègre des bases pour avoir la capacité de creuser la problématique d’accessibilité quand on y est confrontés.

Gérer la conformité des sites Web aux normes d’accessibilité

Shadi Abou-Zahra (W3C/WAI et WAI-ACT Project)
Activity Lead, WAI International Program Office
http://w3.org/People/shadi/
shadi@w3.org

  • étendre la collaboration
  • créer des supports pour guider les développeurs
  • créer des méthodologies d’évaluation harmonisées
  • coordonner la recherche et le développement car la technologie avance à grande vitesse.
  • Ligne directrice de référence

Base de données de document de support.
Ex : « alt »
Les catégoriser par besoins : ex. : je fais un tableau, je fais un site web utilisable au mobile, etc.
Développer, via des groupes de travail, des méthodo pour les décideurs.

  • Méthodologie harmonisées

Il n’y ni bon ni utile que chaque entreprise ait sa propre méthode.

  • Coordination de recherche
  • Support accessibilité

Quelle technologie est supportée sur quel support

  • Notes sur les applications

Associer les barrières les plus fréquentes à l’accessibilité à un support permettant des les couvrir
(souvent barrières très très simples)
Education and Outreach Working Group (EOWG)

  • Adoption et référencement de la norme WCAG

pour les décisionnaires
apporter des bonnes pratiques

  • évaluation des sites web

le but est de dév. une méthodo harmonisée et internationale.

Question / Réponse : Quels sont les outils d’évaluation proposés par le W3C ?
Liste d’outils : 120
voir sur la page d’accueil du WAI : « évaluation »
Liste pas à jour

http://www.eticode.fr/

http://w3.org/WAI/ACT/

Table Ronde
« Quels chemins vers la conformité WCAG2.0 ? »

(Cette partie m’a particulièrement intéressée ; si je trouve le temps, je fais un billet là-dessus)

Présentation de différentes réflexions autour de la problématique : comment s’organiser de façon pragmatique pour mettre en place la conformité à WCAG.

Accessibility Steps

Aurélien Levy – Temesis
@goetsu

« Accessibility Steps » comprend deux étapes :

  • “First Step” : 100 consignes automatisables considérées comme gérant des erreurs
  • “Second Step” :  consignes automatisables signalées en tant qu’alertes

Avec First et Second, on couvre la base technique des éléments à avoir vu avant d’appeler un expert accessibilité.

L’idée c’est de décharger les experts sur des choses qui sont automatisables et permettre aux développeurs de l’implémenter de manière simple, sans avoir recours à l’expert

First : https://checklists.opquast.com/accessibilityfirststep
Second : https://checklists.opquast.com/accessibilitysecondstep

AcceDe Web

Sébastien Delorme – Atalan
@sebcbien

Notices adaptées à la gestion de projet
Des sociétés et des écoles soutiennent le projet
orienté projet et pragmatique

Question/Réponse : Olivier Nourry est gêné que la méthodo AcceDe Web garde cette idée de commencer par le graphisme.
> Dans la notice de conception graphique, on intègre des éléments fonctionnels
La notice prend en compte les éléments qui pourraient avoir un impact ultérieurement dans le déroulement du projet.

http://accede-web.com/

Support de présentation :

MIPAW

Jean-Pierre Villain – Qelios
@villainjp

Voir : http://www.slideshare.net/Qelios/mipaw-modle-dimplmentation-progressive-de-laccessibilit-du-web

Retour d’expérience et choix de Tanaguru

Oliver Rabet
Chef de projet à Universcience
@noliverte

témoigner des difficultés à mettre WCAG en place
Comment vendre en interne l’accessibilité qui a l’air souvent très technique et qui n’intéresse pas, au premier abord, les décideurs.
« qualité web » pour vendre l’accessibilité

Choix : Tanaguru

  • tableau de bord pour communiquer
  • contrôler certains points technique

Voir : http://www.tanaguru.com/

EPUB 3 – des ebooks accessibles à tous

Markus Gylling (Consortium IDPF et Daisy)

Chaque éditeur travaille dans son coin. On ne cherche absolument pas de compatibilité ou de passerelle.
L’accessibilité en pâtit.

La production de livres scolaires accessibles avec ePub 3.0

Gerald Schmidt (Pearson Education)

Le projet LIA (Libri Italiani Accessibili) : vers un service de distribution grand public de livres numériques accessibles en Italie

Cristina Mussinelli (Association Italienne des Editeurs)
htp://www.editeur.org/109/Enabling-Technologies-Framework/
cristina.mussinelli@progettolia.it

Question/Réponse : ePub en France ?
Tous les acteurs de la France on choisi ePub comme format.

Les applications mobiles mieux accessibles à tous

Susanna Laurin (Funka Nu AB)

La vraie révolution d’internet c’est quand les personnes en situation de handicap ont pu utiliser internet
Focaliser sur la loi : mauvaise approche
Le smartphone peut être consulté rapidement ou pendant qu’on fait autre chose (debout par exemple).
Pas de réseau à trouver (wifi)
Le smartphone n’est pas pratique pour taper un texte

Recommandation :

Faire les choses très simple à utiliser : avant, cela était particulièrement important pour les handicapés, maintenant, c’est important pour tout le monde à cause de la façon dont on utilise notre smartphone (dans la rue par mauvais temps, dans le bus, à vélo, etc.)
Les recommandations autour des couleurs et des contrastes sont très important pour tout le monde (utilisation à l’intérieur ou au soleil).

La zone reconnue comme étant celle à laquelle on a accès est prévue pour les droitiers mais pas pour les gauchers.
Funka Mobile Guidelines
48 guidelines – 6 chapters

Plusieurs possibilités si je veux faire mon site web en mobile :

  • responsive design (même si l’utilisateur peut ne pas reconnaître le site qu’il connaît bien sur l’autre terminal)
  • Limiter le contenu. Ex : American Airlines – uniquement le formulaire de réservation de billet – Choisir une seule fonctionnalité (mais les gens utilisent de plus en plus les terminaux mobiles pour surfer donc ils peuvent vouloir l’exhaustivité des infos sur leur mobile. Le mieux serait d’avoir les deux.
  • Des services différents pour le mobile (même remarques que précédemment). Ex : BBCiPlayer : d

www.funkanu.com/mobile

« There is not such thing as an average user ».

Rendre les systèmes d’informations urbains accessibles à des personnes handicapées

Jacques Lemordant (INRIA)

Projet Open Street Map (prochain congrès à Tokyo)

Démonstration d’une application permettant de se faire guider, pas à pas, sur un itinéraire.
Voir : http://www.inria.fr/centre/grenoble/actualites/guider-les-malvoyants-avec-la-realite-augmentee-audio

On peut facilement mettre 5 villes en mémoire dans le téléphone
INRIA fournisse l’outil mais c’est aux utilisateurs (communautaire) de fournir les informations.
Bientôt sur l’apple Store / Androïd
En attendant, pour l’obtenir, envoyer un e-mail à Jacques Lemordant

Conclusion

par Dominique Burger

  • Pour chacun de nos actes, nous avons besoin d’information. Cette information, de plus en plus, est disponible quelque part sous forme numérique.
  • Les usages de cette information se démultiplient.
  • Il n’y a pas d’utilisateur typique : l’accessibilité apparaît comme l’art de traiter tous les cas particuliers, s’adapter à tous les besoins qui sont très divers.
  • Tout le monde a besoin d’accessibilité.

Paris Web 2012 – Un appel à orateurs inspirant (…je trouve)

L’appel à orateurs pour Paris Web 2012 est ouvert !

Le thème de cette année : la fin d’un monde.

Et si 2012 était l’année de la fin d’un monde, celui d’Internet tel que nous le connaissons et tel que nous le réalisons ?
(…)
dans certains domaines, le futur a déjà commencé. Dans bon nombre d’autres, il reste à inventer.

Ce thème m’emballe beaucoup ! C’est celui d’un renouveau (Shiva, toussa…), à un moment où nous embrassons à bras-le-corps des nouveaux usages, des nouveaux supports ; à un moment où on sent que le web qu’on a connu et qualifié de « moderne » devient déjà le bon vieux web à papa 🙂

(Bon, sans compter le clin d’œil aux Mayas, hein !)

(Pardonnez mon enthousiasme, je suis de bonne humeur aujourd’hui.)

Pour ceux que le thème n’inspire pas plus que ça, pas de souci : comme tous les ans, le thème est facultatif.

Pour ceux qui ont la trouille, pas de souci non plus : Paris-Web réitère l’atelier orateurs. Ce sera le 05 mai. Je ne pourrais pas être là et je le regrette beaucoup : c’est une journée que je trouve très intéressante (et qui est tout à fait dans l’esprit de Paris-Web).

Vous avez jusqu’au vendredi 1er juin pour envoyer vos propositions.

Enfin, réservez vos journées : 18, 19 et 20 octobre.

À très bientôt !

MS TechDays 2012

Bon, si vous êtes aux Microsoft TechDays la semaine prochaine, faites-moi signe : j’y serai aussi.

J’ai eu du mal à me faire mon programme : il y avait parfois plusieurs conférences en même temps qui m’intéressait.

Je suis à peu près sûre d’aller voir :

  • Des conférences autour de HTML5 et CSS3 (celle de Raphaël Goetter ? celle de David Rousset ?) parce que depuis que je ne suis plus intégratrice, il faut bien dire ce qui est, je ne suis pas complétement à jour !
  • Au moins une conférence sur « METRO« , l’interface que l’on retrouve sur Windows Mobile mais aussi sur ma Kinect, sur les sites MS, etc.
    Je l’ai découverte sur ma Kinect*, donc, et je l’ai trouvée plutôt agréable, simple et intuitive.
    * Je vous ai dit que j’ai eu une Kinect à Noël ?
  • Une conférence sur l’expérience utilisateur qui a l’air de tout reprendre (en une heure !)
  • Au moins une session où sera présentée une application développée par ma nouvelle boîte avec plein de HTML5 et de CSS3 dedans.
  • Et une conférence sur l’accessibilité de HTML5, par Aurélien Levy + le retour d’expérience de Thibault Lanssade sur la prise de conscience autour de l’accessibilité par une agence web …ben la mienne 🙂

Voilà. Je ne sais pas si j’arriverais à tout voir car, d’expérience, c’est bruyant et épuisant et il y a toujours un moment où on (se) laisse simplement tomber.

Alors ? qui j’y verrai ?

Résumé de mon atelier sur l’argumentation de la gestion de la qualité web

Le résumé de mon atelier « Argumenter en faveur du Responsable qualité web », fait le 15 octobre à Paris Web 2011, est en ligne …mais pas ici !

Ben oui, avec le lancement de w3qualité (voir w3qualité, un portail pour parler de qualité web), je vais essayer de mettre là-bas tout ce qui concerne la qualité web.

C’est donc là que ça se passe :

Pour ceux qui me suivent pour la qualité web, je vous conseille donc le flux RSS de w3qualité.

Pourquoi / comment le poste de Responsable qualité web – Présentation à Sud Web 2011

(voir vidéo ci-dessous)

Pourquoi / comment un poste de Responsable qualité web [Retour d’expérience]

Le but est de vous raconter comment la création d’un poste de Responsable qualité web a répondu a un certain nombre de besoins.Pour donner rapidement le contexte : nous sommes une sorte de petite agence web au sein d’une grosse société financière.

Constats

Nous sommes partis de plusieurs constats.

Ambitions – Suivi ?

L’équipe travaille avec des ambitions, comme par exemple le respect des standards du web, l’accessibilité, etc.Mais aucun suivi n’est effectuer pour évaluer et mesurer ces ambitions

Motivation – Flux de la prod ?

L’équipe est motivée et intéressée par son travail et souhaiterait monter en compétence, faire de la veille, etc.Mais le flux de la production ne permet pas de faire de la veille en continu et d’utiliser cette veille.

Expertise – Cas par cas

L’équipe est une équipe d’experts.Mais chacun utilise son expertise sur le projet sur lequel il ou elle est en train de travailler sans que cette expertise soit capitalisée ou diffusée.

Réponses

Les réponses que l’on a pu apporter à ces constats au travers du poste de Responsable qualité web.

Objectifs, critères et suivi

Par rapport à la problématique du suivi :le Responsable qualité web doit avoir en tête les objectifs (du projet, de l’équipe, de l’entreprise) et identifie les critères qui leurs correspondent. Il les suit, les analyse en tire des conclusions pour la production, la qualité et l’efficacité.

Exemples

Quelques exemples concrets :

  • Plusieurs itérations ont été faites autour des Bonnes Pratiques du web Opquast à travers un audit, une analyse des résultats – dont comparaison avec l’audit précédent – et un plan d’action qui en découle.
  • Tests de performance avant et après la refonte d’un projet. Mise en place du suivi de la performance. Bien sûr, là aussi, les tests sont analysés et des améliorations sont proposées.

Montée en compétence au quotidien et ponctuellement

Par rapport à la problématique du flux de la production gênant la veille :le Responsable qualité web est en parallèle de la production. Il fait une veille suivie, partagée que ce soit à travers une veille technologique en ligne, des conférences, de la formation, etc.

Il est également à l’écoute des besoins des équipes en formation et en information sur des sujets précis.

Exemples

En guise d’exemple concrets :

  • Veille sur le référencement naturel « à la commande » faite en continue pour l’équipe de Référencement qui ne peut pas s’en occuper
  • Vulgarisation pour les équipes non-technique : initiation au HTML et aux spécificité du média web
  • Document à destination des demandeurs sur pourquoi et dans quel mesure le support d’Internet Explorer 6 n’est plus que partiellement assuré

Diffusion de l’expertise

Par rapport à la problématique sur l’expertise :le Responsable qualité web la diffuse au travers de spécifications, de documentations pour capitaliser les savoir-faire, les méthodes, les bonnes pratiques. Elle est diffusée à toute personne intervenant sur les projets (interne, externe) ainsi qu’aux équipes non-techniques, voir non-web.

Exemples

Comme exemple concrets :

  • Rédaction et mise à jour en continu de la Charte technique (diffusée aux intervenants techniques internes et externes)
  • Rédaction d’un document d’aide pour décliner une charte graphique au média web

Pour résumer

Le Responsable qualité web a une mission de support en transverse des métiers et des équipes.
Il identifie les objectifs de qualité (du projet, des équipes, de l’entreprise).
Il fait un suivi de ces objectifs avec des critères concrets qu’il identifie et des plans d’action.
Il est vecteur de montée en compétence à travers la veille, la formation et la diffusion des informations qu’il récolte.
Il capitalise l’expertise en pérennisant les bonnes pratiques, en les transmettant, en les industrialisant.
Enfin, il assure la communication, la vulgarisation et l’animation autour de la qualité web, de l’expertise de chacun et du rôle de tous.Voilà la vision du poste de Responsable qualité web tel que nous l’avons mis en place. C’est un poste qui est amené à se consolide en échangeant en IRL (« In Real Life ») …

… ou via différent moyens.Je serais ravie d’en discuter avec vous ; n’hésitez pas à me contacter.

Le diaporama est disponible sur SlideShare.

Vidéo

Mise à jour ‐ 17/12/2012 ‐ SudWeb a mis la vidéo en ligne :

Comment et pourquoi un poste de Responsable qualité web (Delphine Mallassingne) – Sud Web 2011 from Sud Web on Vimeo.

Merci à Sud Web de m’avoir donné la possibilité de vous présenter le métier de Responsable qualité web.

« Maman j’ai peur » : atelier Paris-Web pour aider les orateurs (potentiels)

Compte-rendu

Un compte-rendu est disponible sur le site de Paris Web.

Enregistrement sonore

Un enregistrement sonore est disponible sur SoundCloud (merci Yves !) :
Formation orateurs Paris-Web à Cifacom by yvg

Diaporama – 1re partie : « Vos slides »

Diaporama de Virginie : Vos slides

Diaporama – 2e partie : « La prise de parole »

Diaporama sur la prise de parole ; les vues ont été annotées.

Je ne fais pas de résumé de la présentation. S’il ne fallait en retenir que quelques points :

  • Préparez !
  • Soyez conscient de vos points forts, des points positifs (dès maintenant et au moment de passer sur scène)
    • Je me suis préparé
    • Mon sujet intéresse (l’équipe de sélection qui l’a choisi et le public qui est venu)
    • le public est toujours plus bienveillant qu’on peut l’être avec soi-même
    • Toute l’équipe d’organisation est là pour m’aider
    • Telle ou telle personne est dans la salle (et ça m’aide)
    • J’ai vu / écouté / assisté à la préparation Paris-Web « Maman j’ai peur ! »
    • Je connais mes points forts
    • J’ai mis des habits dans lesquels je me sens à l’aise
  • Ayez votre message en tête en permanence et faites-le passer
  • Pensez à la respiration qui peut vous aider à tout moment (face au track, au stress, pour reprendre souffle et rester concentré…)

Un peu plus ?

J’avais fait quelques articles sur la prestation orale. Vous trouverez également plein d’autres liens sur Internet ou encore le même atelier, en 2010, tenu par Stéphane Deschamps (là aussi, l’enregistrement sonore est disponible).

Convaincu(e) ?

Vous avez jusqu’au 18 juin pour répondre à l’appel à orateur de Paris Web ! En plus des thématiques chères à Paris Web, un angle d’attaque (totalement facultatif par ailleurs) est proposé : K.I.S.S. ; Keep It Simple …and Smart.

Paris-web 2011 : dates + appel à orateurs + aide aux orateurs

Dates

Bloquez vos agendas, Paris-Web 2011 se tiendra les 13, 14 et 15 octobre. Comme d’habitude, maintenant, deux journées de conférences plénières (le jeudi et le vendredi) et une journée d’ateliers pour les étudiants (et les plus acharnés !) le samedi. Le tout autour de la qualité, l’accessibilité, le webdesign, les techniques, les métiers, etc. …et sans buzzwords !

Pour être tenus au courant du programme, de l’ouverture des inscriptions (y compris des pré-ventes 😉 ), etc. :

Appel à orateurs

L’appel à orateurs est lancé. Vous avez jusqu’au 18 juin pour envoyer à propositions@paris-web.fr des propositions de conférence, mini-conférence ou atelier.

Si Paris Web prône toujours le « webdesign, la qualité et l’accessibilité« , nous vous proposons un angle d’attaque (à prendre ou à laisser) : KISS (Keep It Simple …and Smart !).

Toutes vos propositions sont les bienvenues et nous les regarderons avec plaisir 🙂
N’hésitez pas  non plus à le relayer autour de vous à vos connaissances brillantes trop peu connues 🙂

Journée de « mise en jambe »

Et comme Paris Web vous aime et vous veux, pour la deuxième année, nous avons mis en place une session « d’aide ». Le but est de donner un coup de pouce, une petite tape dans le dos à ceux qui hésitent à prendre la parole en public ou à ceux qui voudrait « s’essayer » avant de le faire pour de vrai.

Inscrivez-vous via atelier.orateurs@paris-web.fr. C’est tout bientôt ! ne traînez pas ! (à Paris, le 14 mai)

Alors ? Plus d’excuse !

« Intégrer l’accessibilité dans une démarche qualité » – Résumé

Introduction

La vidéo de l'interview avec audio-description, sous-titres, langue des signe...
La vidéo de l'interview avec audio-description, sous-titres, langue des signes...

Partons d’un exemple : un intégrateur très motivé doit mettre en ligne une vidéo de deux personnes – Sheldon Cooper et Leonard Hofstadter – en interview. Plein de bonne volonté, il met tout en œuvre pour rendre sa vidéo accessible : transcript, sous-titres, audio-description, langue des signes, etc. Malheureusement, tout ça lui prend beaucoup de temps, la rédaction du transcript est longue et fastidieuse parce qu’il ne comprend pas tous les termes techniques, les sous-titres sont parfois illisibles à cause des textes incrustés à l’écran et la réalisation de la vidéo en langue des signes a été très difficile car il a fait appel à un ami signeur et a dû filmer avec du matériel qui n’est pas adapté.

Résultat : notre intégrateur a le sentiment d’avoir passé beaucoup de temps et dépensé beaucoup d’énergie pour un résultat décevant. Il est totalement découragé et décidera probablement de ne plus prendre en compte l’accessibilité sur les prochaines vidéos.

Comment aurait-il pu éviter cette situation ?

Objectif

Objectifs de la conférence : pourquoi, comment intégrer l'accessibilité dans une démarche qualité
Pourquoi, comment intégrer l'accessibilité dans une démarche qualité

L’objectif de cette conférence est de donner des pistes pour éviter ce type de situation d’échec. Intégrer les problématiques d’accessibilité dans une démarche d’amélioration continue de la qualité nous semble être la bonne solution. Pour cela, voici quatre grands principes à appliquer.

#1 Intégrer l’accessibilité en amont

Principe #1 : intégrer l'accessibilité en amont
Intégrer l'accessibilité en amont

En intégrant les considérations d’accessibilité dès la conception du projet, on s’offre plusieurs avantages :

  • Si vous êtes clients, vous vous assurez d’avoir un prestataire capable de prendre en compte l’accessibilité. De plus, vous envoyez au marché le message que c’est une exigence de plus en plus demandée.
  • Si vous êtes prestataire, cela pourra être un plus, un avantage concurrentiel.
  • Dans tous les cas, vous anticipez ainsi les contraintes techniques liées aux outils et vous pouvez faire vos choix techniques et fonctionnels en connaissance de cause.
  • Et bien sûr, en intégrant l’accessibilité en amont et tout au long des développements, vous gagnerez du temps par rapport à une intégration en mode « rattrapage » en fin de projet.

Comment faire pour intégrer l’accessibilité en amont ?

  • Choisissez une direction. Cela peut-être l’Accessibilité avec un grand « A », cela peut-être le business, le service, etc.
  • Identifiez les objectifs qui vont servir à aller dans le sens de cette direction.
  • Signalez votre volonté d’accessibilité dans des chartes, cahiers des charges, spécifications, etc. Évitez toutefois le simple paragraphe générique (type « Le site doit être accessible selon le niveau double-A des WCAG »). Il vaut mieux une dilution du message contextualisé dans les différents contenus : des éléments concernant les graphistes dans la charte graphique, des éléments autour de la vidéo dans les spécifications pour la vidéo, etc.

#2 : Avoir un sponsor

Avoir un sponsor pour accompagner l'accessibilité
Avoir un sponsor pour accompagner l'accessibilité

Le sponsor est une personne assez haut-placé dans la hiérarchie qui aura la possibilité de porter l’accessibilité. Il va favoriser les échanges entres les équipes et les services. Son appui motivera l’appropriation collective des pratiques d’accessibilité.

Comment trouver votre sponsor ?

  • Il va d’abord falloir convaincre votre sponsor. (1)
  • Surtout, utilisez des arguments ciblés et adaptés ! Ne parler pas de référencement pour un intranet, par exemple, mais visez bien vos arguments en fonction des objectifs du sponsor.
  • Enfin, le sponsor n’a pas besoin d’être un expert en accessibilité ; ce n’est pas du tout ce qu’on lui demande. Il faut surtout qu’il soit convaincu car on compte sur lui pour rappeler la prise en compte de l’accessibilité et son importance tout au long du ou des projets.

#3 : Répartir les responsabilités

Principe #3 : Répartir l'accessibilité entre tous les intervenants
Répartir les tâches d'accessibilité entre tous les intervenants

Remettez chacun fasse aux responsabilités de son métier ; le graphiste prend en compte les critères graphiques, le contributeur les critères de rédaction, etc. Car la compétence en accessibilité se construit collectivement ; ce n’est pas (uniquement) l’affaire d’un expert.
De plus, les actions en faveur de l’accessibilité sont ainsi réparties en petits lots ; c’est bien plus facile ainsi de la mettre en place.
Chacun étant conscient de ses tâches et de son rôle à jouer, vous favorisez ainsi la naissance d’automatismes et donc favorisez une mise en place durable et naturelle de l’accessibilité dans la production. (C’est ty pas beau, ça ?!)

Comment répartir l’accessibilité entre chaque intervenant ?

  • Sensibilisez chacun par rapport à son métier ; inutile de parler des contrastes des couleurs au développeur. L’idéal, est de fournir à chacun des fiches listant les éléments d’accessibilité qui le concernent. Ne recopier pas simplement les critères tels qu’ils sont formulés, mais faites de vraies fiches explicatives si vous voulez faire passer votre message. (2)
  • Accompagnez vos intervenants le plus possible ; votre objectif est de les convaincre à la fois de l’utilité de l’accessibilité mais aussi que sa mise en place est possible sans gros bouleversements ni perte de temps.
  • Bien sûr, quand cela est possible, faites de la formation et faites suivre des (bonnes) formations.

#4 : Intégrer l’accessibilité en mode amélioration continue

Principe #4 : Gérer l'accessibilité en mode amélioration continue
Gérer l'accessibilité en mode amélioration continue

Le principe de l’amélioration continue est d’échelonner les tâches en cycles itératifs. En matière d’accessibilité numérique, tout ne peux pas être traité d’un coup et rester pérenne dans la vie du site. Les éléments d’accessibilité se perdent s’ils n’ont pas été intégrés dans les processus de production.

De plus, les cycles itératifs permettent de mesurer les progrès entres deux mises en lignes importantes.

Comment intégrer l’accessibilité dans un cycle d’amélioration continue ?

  • Surtout, ne présentez pas l’accessibilité comme un monobloc à passer en force. Pensez toujours en terme de multi-touches que vous allez organiser, prioriser, répartir.
  • N’attendez donc pas une version parfaite pour mettre en ligne mais faites les concessions nécessaires (par rapport à la réalité du terrain : temps, compétences, etc.), améliorez (processus, formation, code) et faites une nouvelle mise en ligne. Puis …recommencez (améliorations > mise en ligne > améliorations > …) !
  • Faites des audits entre deux mises en ligne importantes et communiquez sur les résultats. Vous envoyer ainsi un retour aux différents intervenants qui font des efforts en matière d’accessibilité et vous envoyer aux décideurs le message que des progrès sont faits, sans prise de temps conséquente.

En résumé

Vous venez de mettre en place un processus d’accessibilité en démarche qualité car :

  • Vous vous êtes fixé, en amont, une direction, des objectifs pour la servir et des critères – objectifs et mesurables – pour y parvenir.
  • Vous avez assuré l’implication des différents intervenants grâce à votre sponsor et à la montée en compétences.
  • Vous avez mis en place un cycle itératif d’amélioration continue.

(1) : L’objet de notre intervention ne portant pas là-dessus, nous ne nous sommes pas penchés sur les arguments pour convaincre. Cela pourrait d’ailleurs faire l’objet d’une conférence à part entière …Qui la fait quand et où ?! 😀 [Retour]

(2) : Voici deux exemples montrant à quoi ces fiches peuvent ressembler : Exemple de fiche accessibilité pour webdesigner et contributeur (PDF, 400 Ko)
(Nota bene : le PDF n’est pas encore balisé, oui, c’est une honte, mais comme ça je sors le résumé le plus rapidement possible et j’améliore ensuite 😉 !) [Retour]

Merci beaucoup à Sébastien d’avoir présenté cette conférence avec moi et d’y avoir apporté toute son expertise et son expérience en matière d’accessibilité.

Merci au W3Café pour l’organisation de cette journée accessibilité. Vivement les prochains événements !

D’autres que moi en parlent :

Diaporama

Sud Web et Web UX, inscrivez-vous maintenant

Sud Web - Savoir-faire et faire savoir - Nîmes, 27 mai 2011 - Jy vais !
Sud Web 2011 - J'y vais !

Je parle souvent de Paris-Web ici. Avant, uniquement en tant qu’auditrice et parce que j’adorais la qualité de cette conférence. Maintenant, aussi parce que j’ai tellement aimé que j’ai rejoints l’équipe d’organisation. Depuis que j’y suis, je me suis peu à peu approprié l’asso et l’événement et c’est donc non sans fierté que j’ai vu naître Sud Web.

Sud Web est né de l’idée que Paris-Web, c’est bien, mais ça n’est qu’une fois par an et c’est à Paris.

De nombreuses personnes se déplacent du sud vers le nord pour venir à Paris-Web en automne ; Sud Web propose d’inverser la migration pour ce printemps (à Nîmes plus précisément).

Sud Web est un cycle de conférences autour du web s’accompagnant de la très jolie accroche : « Savoir-faire et faire savoir« .

Le programme est très attrayant (ben oui ! j’y parle quand même 5 minutes ! c’est vous dire ;D !) et un apéritif communautaire est prévu pour pouvoir profiter des rencontres entre professionnels du web.

De plus, comme ils ont vraiment fait les choses bien chez Sud Web, la journée de conférence est couplée avec Web UX ! Web UX est une journée de conférences sur l’expérience utilisateur sur le web. Même endroit, la veille. Malin.

Là aussi, le programme est des plus prometteur avec de quoi aborder l’expérience utilisateur sous différents aspects.

Il y a donc un prix préférentiel pour assister aux deux journée et puis la possibilité de faire jouer son DIF, des réductions négociées pour le train, des réductions chômeurs et étudiants (faites vite !), etc. Allez voir tout ça sur le site de Sud Web.

Attention, les inscriptions se terminent bientôt, le 02 mai !

Alors ? On se voit là-bas ? 😉

Sud Web - Savoir-faire et faire savoir - Nîmes, 27 mai 2011 - Allez-y !
Sud Web - Savoir-faire et faire savoir - Nîmes, 27 mai 2011 - Allez-y !

5ème Forum Européen de l’Accessibilité Numérique – Compte-rendu

En résumé

D’un point de vue global, la 5ème édition du Forum Européen de l’Accessibilité Numérique (FEAN) était un bon cru.
Si, effectivement, les experts peuvent être déçus de ne plus y apprendre grand chose, on peut se poser la question de qui est réellement le public. Une problématique qui revient sur certaines conférences d’évangélisation : le public des convaincus vient là où il faut réussir à amener le public à convaincre.
Avec une thématique « Coûts et bénéfices » et des présentations d’outils, j’étais venu y chercher de l’argumentaire et de la méthodologie. Comme souvent, j’ai été déçue de ne pas y trouver plus de concret (par contre, on a été servi en bla-bla politique et en bla-bla commercial !). Malgré tout, j’en retiens pas mal d’informations intéressantes.

Si je devais résumer les messages les plus fréquents de la journée :

  • prendre en compte l’accessibilité dès la conception
  • la formation est la clé (former les intervenants pour que chacun intègre les briques d’accessibilité propre à son niveau et ait une vision globale des briques des autres)
  • les états et les lois ont leur rôle à jouer pour accompagner et convaincre

On n’a pas contre entendu assez à mon goût (mais on l’a entendu !) l’idée de l’accessibilité comme utile à tous et non pas à un public en particulier. Non, l’accessibilité ce n’est pas pour les handicapés !

Puisque j’ai évoqué le discours politique, rappelons tout de même que le décret d’application de la loi de février 2005 a été mis en application en mai 2009 et qu’il ne reste donc que quelques mois aux organismes publics pour mettre le site en conformité avec les règles d’accessibilité.

Mise à jour 19/05/2011 : les actes du colloques sont en ligne. J’en ai profité pour ajouter les liens vers les diaporama.
Voir aussi les vidéos Braillenet.

Notes

Sébastien Delorme, Atalan
L’accessibilité au service du e-recrutement

Pourquoi se préoccuper de l’accessibilité du e-recrutement :

  • cohérence avec les valeurs et la politique sociale de l’entreprise
  • audience élargie
  • respect de la réglementation (6% des effectifs)

Une méthode qui peut s’appliquer à un site de e-recrutement …comme à beaucoup d’autres :

  • signaler dès le cahier des charges la volonté d’accessibilité
  • si on pense utiliser un CMS, voir sur quoi on a la main et choisir son prestataire en fonction de ce qu’on pourra faire de l’outil
  • accompagnement de l’expert accessibilité tout au long du développement
  • recette et liste des points à traiter pour une montée de version
  • formation des rédacteurs et des administrateurs en fonction de leur profil et de leur champ d’intervention

Diaporama, PDF et résumé

Donal Rice, Autorité Nationale du Handicap (Irlande)
Keynote : Usage des TIC pour l’éducation inclusive : coûts et bénéfices

Cette présentation a l’avantage d’avoir présenté des coûts et des bénéfices mais aussi des outils et des exemple concrets de l’accessibilité.

10 à 12% de la population mondiale est en situation de handicap et ce chiffre va augmenter.

Si on estime que l’éducation d’un enfant avec des besoins spécifiques prend 2 à 4 fois plus de temps, une étude montre aussi que le coût de la non-intégration de la population handicapée à la vie sociale et au monde du travail s’élève à 35,8% du PIB d’un pays (Chiffre : UNESCO, Europe centrale et Indonésie)

Diaporama de D. Rice (PDF)

SNCF
La politique du groupe SNCF en matière d’accessibilité du Web

La SNCF a présenté certains de ces sites et à apportés des témoignages sur leur mise en place de l’accessibilité. Dans l’ensemble, il s’agissait surtout de présenter un site en 5 minutes et de dire « à telle date on a fait ça et c’est mieux ».
La SNCF a toutefois été félicitée par le président de la Fédération des Aveugles et Handicapés visuels de France pour leurs efforts et leurs actions.

A noter : la SNCF utilise Safeguard comme outil de remontées des erreurs d’accessibilité. Un outil que je ne connais pas.

Diaporama de la SNCF (PPT)

James Odeck (The Norwegian University of Science and Technology, and Norwegian Public Roads Administration
Kenote : Évaluation économique de la conception pour touts dans les transports : l’expérience norvégienne et son application dans les TIC

L’intervention de James Odeck était particulièrement intéressante et concrète. Même si ici l’accessibilité n’était pas numérique, cette présentation nous remet en tête un principe majeur que l’on doit transmettre et re-transmettre : l’accessibilité permet de couvrir des besoins d’une population spécifiques mais les mesures mises en place sont bénéfiques à tous.

L’exemple très concret pris était la mise en place d’une entrée de plain-pied dans les bus. Sans même parler du côté agréable pour tout le monde (à pied et sans charge), cette entrée permet aux fauteuils mais également aux poussettes ou aux valises à roulettes de rentrer facilement. Le temps gagné pour cet accès facilité profite à tous (temps de « chargement » et temps du parcourt au global), etc.

Angeetdemon75 sur Twitter : très intéressant ce norvégien : accessibilité utile pour tous et non pour les handicapés… Et oui c bien de ne pas l oublier

Pensez à tous ces usages du quotidien indispensable à un public handicapé et dont vous ne voudriez pas vous passer : ascenseurs, escalators, télécommande…

Ronald Schild
Keynote : La numérisation des livres : une situation gagnant-gagnant pour les usagers handicapés et les éditeurs

sebsol sur Twitter : DRM kill accessibility. Another reason to drop it

Nissone sur Twitter : L’ebook va avoir recours à la séparation contenu/forme. …ben, fallait nous demandé, on vous l’aurait dit 😀

Diaporama de R. Schild (PPTx)

Thomas Logan, HiSoftware
Comment les outils de vérification de conformité peuvent améliorer la qualité et réduire le cycle de développement

HiSoftware présentait entres-autres leur outil Compliant Sheriff (que je ne connais pas plus que Safeguard)

Diaporama de T. Logan (PPTx)

Matthieu Faure, Open-S
Audit d’accessibilité : comment repousser les limites de l’automatisation ?

sanvin sur Twitter : #tanaguru : y’a quelques trucs vraiment bon, automatiser plus certains tests…

notabene sur Twitter : Légère mauvaise foi de @mfaure quand même des fois

Diaporama de M. Faure (PDF)

Jean-Marie D’Amour, Institut Nazareth et Louis-Braille
Réduire le coût tout ua long de la chaîne de production

Si une partie de la conférence de Jean-Marie D’Amour m’a déçue, c’est parce su elle me renvoyais a mon vécu. Autant cela fait toujours du bien de voir qu’on est pas tout seul, autant j’étais vraiment venue chercher de l’argumentaire.
Je retiens tout de même les solutions avancées :

  • le partage des responsabilités
    Voir par exemple : Accessibilité Web > Répartition > WCAG 2.0
  • la formation en fonction des profils, des métiers, des taches
  • l’accompagnement
  • et aussi la démonstration : rien de tel, dit-il, qu’un aveugle faisant une démonstration pour faire comprendre.
notabene sur Twitter : distribution des tâches et formation ciblée ça doit être dit et redit

Olivier Nourry, Micropole et Jean-Pierre Villain, Qelios
Optimiser l’intervention experte dans un projet web

Voilà une conférence dont je suis pressée de récupérer le support de présentation (1).
Olivier Nourry soulève en autre un point particulièrement pertinent : il ne faut pas confondre l’expert accessibilité et l’expert en évaluation. L’expert en évaluation intervient au moment d’auditer le site et son expertise est arbitrée par le référentiel. L’expert accessibilité intervient sur la globalité du projet. S’il ne faut pas le confondre avec les différents intervenants, il est là pour former et accompagner chacun sur son étape du projet. Son intervention se prolonge par du support en continu (e-mail, téléphone, etc.)

notabene sur Twitter : Différencier expert en accessibilité et expert en évaluation. Ouf, enfin.
(1) Mise à jour :
Le support de présentation est disponible : Optimiser l’intervention d’un expert accessibilité (Retour)

Élie Sloïm, Temesis
Industrialiser l’accessibilité d’un parc de sites

Ou comment un audit rapide sur un parc complet avec Opquast Reporting permet de se faire une idée rapide et de prendre des décisions globales.

PatriceBTwit sur Twitter : @ElieSl vient de présenter une approche de type évaluation heuristique pour l’accessibilité

Cynthia Waddell, International Center for Disability Ressources on the Internet
keynote : Poursuites juridiques pour défaut d’accessibilité aux USA

Ou comment des exemples de poursuites aux États-Unis peuvent nous alerter sur ce qui peut arriver en France.

N’oublions pas que les associations n’attendrons pas pour réagir et que la politique d’un organisme d’état et d’une entreprise peut être très rapidement commentée et diffusée en matière d’accessibilité numérique (en bien comme en mal).

Diaporam de C. Waddell (PPTx)

Outils

Je retiens aussi que du côté des outils, il y a pas mal de choses que je devrais creuser. Si jamais vous avez déjà des retours d’expérience…)

Les outils cités :

  • Safeguard
  • Opquast
  • Tanaguru
  • Compliant Sheriff

(et curieusement, pas Ocawa)

W3Café Accessibilité, Sud Web et Web UX

Le W3Café Accessibilité vient donc juste de mettre en ligne son programme …le même jour que Sud Web et que Web UX ! (mais on soupçonne ces deux-là de faire leurs coups ensemble, hein).

Voici donc de beaux jours en perspective pour la bande de geeks euh… de passionnés du web que nous sommes.

Pour voir ce qui vous attend :

  • le programme du W3Café Accessilité
    où j’aurais le plaisir de présenter avec Sébastien Delorme la conférence « Intégrer l’accessibilité dans une démarche qualité« . Le but de notre présentation est d’aider à identifier ses objectifs d’accessibilité et de les mettre en place dans une méthode qui permet de les suivre sur la durée.Vous y entendrez aussi parler de la navigation par un aveugle, rédaction web et accessibilité, PDF accessible, ARIA, etc.
  • le programme de Sud Web
    où j’aurais -encore- le plaisir de présenter en 5 minutes mon retour d’expérience sur le pourquoi-comment on a créé un poste de gestion de la qualité webdans mon entreprise. Je reviendrais tout simplement sur les besoins identifiés et comment le responsable qualité web y répond.Venez-y pour y (entendre) parler de SVG, mobile, feuilles de style dynamiques, gestion de projet, perspectives, etc.

  • le programme de Web UX
    où je n’aurais ni le plaisir de parler, ni le plaisir d’écouter, snif, mais on ne peut pas être partout et, en l’occurrence, je serais dans le train.Par contre, on y entendra parler d’expérience utilisateur, de contenus web, de performance web, de web analytics, etc. Ah la la ! je sens que je vais rater quelque chose !

A bientôt au W3Café et/ou à Sud Web (et amusez vous bien à Web UX) !

L’UX et la marque – UX Paris

Avant-hier, j’étais à ma deuxième conférence UX Paris.
UX Paris est une initiative bénévole ayant pour but de faire connaître l’UX (c’est-à-dire l’expérience utilisateur) en France et favoriser les échanges autour du sujet.

La première que j’avais vu était sur le Design Thinking (par Benjamin Servet). Mais avant-hier, le sujet était sur les relations entre l’expérience utilisateur et la marque (15 février 2011 : Rémy Bourganel sur l’UX et la marque).

L'UX et la marque

Le propos était de montrer que les réflexions des concepteurs et designers doivent fortement prendre en compte la marque, son image, son ADN.

La conférence était fortement conceptuelle et j’avoue être restée parfois un peu sur le bord de la route. Néanmoins, Rémy Bourganel (R&D chez Orange et enseignant aux Arts Déco) nous amenait à penser les usages avec un œil neuf, à imaginer les interfaces enrichies de ponts entre les marques, les terminaux, etc. en ayant toujours en tête ce qui fait l’identité de la marque et comment, à partir de cette identité, présenter des nouvelles expériences. Quelques exemples en vrac ?

  • imaginez un partenariat entre une enseigne de sport familiale et une société d’assurance : une application à porter sur soi enverrait des infos sur notre activité sportive et la société d’assurance adapterait ses tarifs en fonction.
  • imaginez envoyer un « gong » avec géolocalisation et un message « Je pense à toi » à la place de la traditionnelle carte postale
  • imaginez une interface représentant votre cercle d’amis sous forme de personnages répartis dans un paysage en fonction de votre degré d’interaction avec eux. Les personnages se manifestant de différentes façon quand ils sont porteur d’un ou plusieurs SMS, messages vocal, etc.
    (prototypé chez Nokia, une version a été commercialisée l’année dernière en Asie)

Le but étant de présenter une expérience plus riche et plus structurante dans la relation usager/marque que la traditionnelle petite histoire de 30′ secondes pendant la coupure pub de la télé.

Ce type de démarche nécessite bien-sûr un fort investissement (temps, énergie, argent, disponibilité) en R&D. La multiplication de prototypage est un facteur constructif dans cette démarche mais cela ne doit pas être le seul axe.
Apple, par exemple, fait énormément de prototypage mais regarde également ce qui se fait ailleurs et rachète les innovations qui peuvent les intéresser et qui corresponde à leur identité, à ce qu’ils veulent véhiculer de leur image.

Voilà ce que j’ai pu en ressortir. La conférence, de ce que j’ai pu en voir, a eu un franc succès.

Photo : mauricesvay (CC BY-SA 2.0)

Design Thinking – UX Paris

benjamin-servetDesign Thinking
Benjamin Servet – nealite
UX Paris – 24 novembre 2010

UX Paris est une initiative bénévole dont la vocation s’anime autour de la démarche centrée utilisateur. Entres-autres choses, UX Paris organise des conférences et celle du 24 novembre 2010, sponsorisée par Paris-Web, portait sur le Design Thinking.

A cette occasion, Benjamin Servet de l’agence nealite, est venu présenter sa vision du Design Thinking.
La méthodologie étant facilement trouvable dans les livres, Benjamin Servet a voulu se concentrer plutôt sur la présentation des principes importants :

  • La culture à insuffler
  • Brainstorming et observation
  • Prototype et tests

Définition

Définir Design Thinking n’était pas l’objet de la conférence et, quand la question de la traduction du terme a été posé, Benjamin Servet a avoué n’avoir pas su trouver de moyen de le traduire en français.

Benjamin a notamment rappelé que le terme « design » ne fait pas référence à l’artistique et qu’on pourrait plutôt le voir dans le sens de « dessein« . Le design est en fait apparu avec l’industrialisation dès lors qu’il fallait concevoir ou accompagner un produit, quel qu’il soit (objet, mise en page, etc.)

Le design thinking, c’est plus un groupe, une culture commune qu’une esthétique. Le hasard et l’expérimental y sont favorisés et le tout est centré sur l’expérience utilisateur. Cette réflexion globale (fonctionnelle et esthétique) est présente à chaque étape de la conception.

Design Thinking sur Wikipédia

Historique

D’abord, un web consultatif, puis, autour de ce qu’on a appelé le web 2.0, un web participatif.
Maintenant, le web se conçoit dans la mobilité (partout, tout le temps).

En parallèle, les attendes des utilisateurs ont donc changés. Dans la catégorie « besoin », il y a l’info et le produit. C’est avec la catégorie des « plus » qu’un annonceur pourra faire une différence :  sur les services et l’expérience.
Cette différenciation en enrichissant services et expérience doit se faire en parallèle d’un univers de plus en plus complexe : le client-annonceur ne sait plus ce qu’il doit faire avec les réseaux sociaux et la multiplicité des plateformes.

Méthodologie

C’est une méthodologie du collectif et du collaboratif : les équipes doivent être multi-disciplinaires.

Tout comme dans le théâtre classique, elle répond à la règle « unité de lieu, de temps, d’action« .
Une pièce unique est consacrée au projet. Tous les livrables (post-it, brouillon, idées) y sont accrochés en permanence et à disposition de chaque membre de l’équipe. Le tout est « à plat » (et non, comme sur un ordinateur, consultable élément par élément).
Le temps est prédéfini et doit contribuer à la notion d’urgence. Il n’y a pas de travail en cascade (chaque spécialité après l’autre) mais une action commune pour garantir l’energie de l’ensemble et l’unité.

Conseils

« Arrêtez de faire des « produits » ».
Les équipes sont compartimentées et chacun fait son application iPhone – par exemple – de son côté.
Il en découle un manque de fluidité entre les appli, par exemple.

Observation

Observer les utilisateurs, l’environnement, les usages. Exemple : aller voir le comportement des usagers en magasins pour penser un site de vente en ligne.
(bien-sûr, la réflexion peut aussi se passer hors du contexte)

Brainstorming

7 à 8 personnes, sans chef, mais avec un animateur (sans niveau hiérarchique, donc). Il n’y a pas de mauvaises idées. Le but est de produire 100 idées en une heure.
Ensuite, regrouper les idées ensemble pour en extraire, les trier, les côter. Structurer en fonction de l’objectif.
Reboucler ensuite sur un deuxième brainstorming avec ce nouveau groupe d’idées.

Prototype

Faire des prototypes dès le début des tests (quite à ce qu’ils soient moches et mal faits)
Des équipes utilisent par exemple des post-it collés sur un écran d’iPhone en guise de prototype : il n’y a ni perte de temps ni perte d’énergie à créer le support et l’énergie reste concentrée sur l’idée et l’avancement.

Conclusion

La conclusion de Benjamin Servet est que la culture de l’expérience utilisateur reste encore à insuffler au sein de nos entreprises pour faire émerger des départements dédiés.

Son tweeter : @benjaminservet
Photo : mauricesvay CC BY-SA 2.0

Journée Mondiale de l’Utilisabilité 2010

En introduction

Pour la 6ème année, Fred Cavazza a animé une participation française au World Usability Day (qui est tombé un jour férié en France, le 11 novembre. La France est donc en avance d’une journée).

Le thème pour cette année était sur l’utilisabilité des sites d’informations et le programme portait sur :

  • un panorama de la presse en ligne
  • le webdocumentaire
  • l’écrit web
  • la visualisation des données
  • l’information à l’heure du websocial
  • l’utilisabilité des interfaces mobiles

Le thème n’est pas, à priori, celui qui me concerne le plus. Pourtant, la diversité des interventions et le fil rouge utilisabilité ont permis un balayage riche.
Plus que de donner de l’information ou un apprentissage, cet événement était une bonne occasion de sortir un peu de flux de la production et de jeter un œil sur ce qui se fait.

En plus, petite satisfaction personnelle, j’ai eu le plaisir d’y voir Amélie Boucher. Na !

Panorama de la presse en ligne

Benoît Drouillat

A travers son panorama, Benoît Drouillat a fait remonter des points qui ont en particulier retenu mon attention :

  • « un nouveau médium ne s’ajoute jamais aux média antérieurs et ne les laisse jamais intacts. Il les bouscule sans cesse et leur trouve de nouvelles formes et de nouveaux emplois. » (Marshall Mac Luhan), bon, juste pour rappeler que non, Internet ce n’est pas la mort du livre, de la télé, de la carte postale ou de je ne sais quoi !
  • Respecter un design en passant d’un support à l’autre (charte graphique identique du Financial Times du papier à l’écran) est-ce un garant d’une bonne ergonomie ? L’amoureuse de l’identité graphique que je suis aurais tendance à répondre qu’il faut garder des éléments. Mais justement, l’identité graphique, c’est l’art de respecter une identité globale avec des éléments, des supports, des contextes différents. De plus, la plus-qu’amoureuse de l’expérience utilisateur que je suis aurait tendance à dire qu’il faut s’adapter au média et ses modes d’utilisation. Donc ? Donc respecter l’identité ne veut pas dire copier-coller une charte. Et le web a sa propre utilisation, grandement différente du papier.
  • La culture de l’innovation n’existerait pas ou peu en France dans les médias et les efforts sont plutôt portés sur les terminaux mobiles. C’est en effet l’incontournable du moment sans compter, bien sûr, sur le sempiternel blocage financier sur la R&D (Recherche et Développement).
  • Si les versions de journaux en ligne qui ne sont que des versions papier en PDF sont vraiment bien faibles par rapport aux possibilités, c’est au designer de proposer quelque chose exploitant le médium et favorisant les usages (bon, et à la direction de trouver des sous pour !)

Pour un compte-rendu (bien plus fidèle, de fait !) voir à la source 😉 :
Un panorama du design de la presse en ligne

Webdocumentaire

Upian

La conférence d’Upian a eut pour avantage d’ouvrir mes petits yeux d’intégrateur-du-bon-vieux-HTML-de-papa sur un autre support que la page web traditionnelle.
Les projets présentés étaient :

  • Gaza Sderot
  • Prison Valley

« Gaza Sderot » (mais ? tiens ! Jonez Ronez nous en avait aussi parlé lors de sa conférence sur la qualité éditoriale à Paris Web 2008 !) est un projet ayant pour but de présenter des vidéos faites à Gaza, en Israël et à Sderot, en Palestine. L’ensemble du webdocumentaire est basé sur cette volonté de toujours montrer les deux villes en parallèle.

« Prison Valley » (qui, selon Ben, serait « partout ») propose près de 3h de films articulés sur une frise chronologie permettant de l’interaction avec des éléments connexes.

Ce qui est à retenir c’est que ces deux webdocumentaires abordent la page web avec des principes de navigation originaux. Mais rien n’a été dit sur des tests d’utilisabilité (tests utilisateurs) fait pour valider ces navigations.
Je me demande aussi si l’accessibilité est prise en compte…

L’unique point technique soulevé était sur l’innovation et le fait que les équipes sont tournés vers les nouveautés technologiques pour toujours chercher à aller plus loin.

L’écrit web

Éric Mettout – Rédacteur en chef du site L’Express

Cette conférence aurait largement pu prendre une demi-heure de plus. Les informations données par Éric Mettout ne sont pas nouvelles (pour quiconque consomme des informations sur le sujet, en tout cas) mais c’est très bien retranscrit. Il me semble que cette conférence balaye la totalité du sujet. Les diapositives étaient très complètes et peuvent aisément servir de « rattrapage ».

Mes notes en vrac :

  • la longueur d’un texte sur le web est aussi dépendante de la façon dont on va architecturer le texte. Penser à laisser des respirations dans un texte long.
  • les questions 5W2H (What, Where, Who, When, Why, How, How many) doivent avoir été couvertes par les premiers éléments : titre, intertitre, chapô, et, au pire, premier paragraphe.
  • C’est également dans cette même zone que doivent figurer les mots qui permettront aux moteurs d’indexation de classer la page.
  • L’écriture web c’est aussi des photos, des vidéos (attention aux droits de diffusion !), des mashups, l’anticipation des commentaires à venir, des liens. Le rédacteur web doit avoir ces outils là en tête et s’en servir.
  • A propos des mashups, Éric Mettout a évoqué les frises chronologiques, la visualisation de données, les arborescences, les webdocumentaires. Il a alors souligné le fait que, grâce à des outils en ligne (dipity, Many Eyes, Pearltrees…), l’éditeur est maintenant à même de travailler lui-même ces éléments (voilà pourquoi ils rejoignent les tâches de l’écrit web).
  • Le rédacteur en chef de L’Express atteste que plus on fournit des liens externes à un internaute …plus il revient ! (Si ce principe me paraît plein de bon sens, il semble que là, il ait été vérifié et validé par un site dont les revenus sont probablement basés sur l’audience. Voilà qui apporte de l’eau à ce moulin)
  • chaque article est potentiellement une page d’atterrissage. Cela doit être prise en compte dans les principes de navigation du site.
  • L’écrit web (journalistique) peut aussi être du live-blogging ou l’écriture dédiée à des réseaux sociaux. Commenter une manifestation en direct, animer une page éditoriale sur Facebook, alimenter un fil Twitter d’actualité est un exercice spécifique auquel le journaliste doit s’adapter. Il en va de même pour le blog.

Enfin, Éric Mettout a fini de balayé tout son paysage de journaliste web en insistant sur combien les informations de web analytics pouvait être précieuses (et nouvelles !) pour un éditeur qui voit rapidement quels sont les contenus qui « marchent » le mieux. Le rédacteur web doit donc faire appel à ces informations et s’en servir.

Si la conférence a été faite au pas de course, je pense donc que le diaporama vaut une lecture.

Visualisation des données

Caroline Goulard

Caroline Goulard est venue nous « vendre » la visualisation des données. On a donc commencé par une introduction rappelant que la visualisation des données permettait de rendre compréhensible aisément une multitude d’informations car elle fait appel à notre intelligence visuelle plutôt que verbale. Bon, je ne sais pas pour vous, mais moi j’en étais déjà convaincue.
Spécifiquement à propos de l’utilisabilité, elle a précisé que la visualisation de données permet :

  • la personnalisation
  • l’interactivité
  • l’affinité
  • l’immersion

et que ces éléments permettaient donc une expérience utilisateur positive (en fait, on est plus dans la désirabilité que l’utilisabilité selon moi et en me référent au schéma de P. Morville).
Les trois modes d’engagement de la visualisation de données offre une forte préhension de l’utilisateur :

  • la vision
  • la manipulation
  • la circulation

Pour organiser une visualisation de données, il faut penser « LATCH » : Localisation Alphabet Temps Catégorie Hiérarchisation.
Les conseils finaux de Caroline Goulard pour concevoir une visualisation de données :

  • de garder à l’esprit que le but est de fournir de l’information ;
  • de privilégier la fonction et non l’esthétique ;
  • de donner du contexte ;
  • de tester ses interfaces à l’aide de tests utilisateurs.

L’information à l’heure du websocial

Fred Cavazza nous livre un passage en revue des impacts du websocial et des usages qui en découlent sur les médias informatiques.

Il note que le multiplicités des usages apporte une nouvelle complexité aux interfaces qui prévoient maintenant plusieurs couches d’information :

  • l’éditoriale,
  • une partie communautaire
  • reliée à une partie sociale.

Il se livre ensuite à son exercice préféré (enfin, c’est une interprétation toute personnelle) : les hypothèses d’évolution.
Il en cite trois :

  • la personnalisation : des médias d’information dont les pages sont créées à mon image
  • l’information à géométrie variable : comme le New York Times par exemple, qui propose une interface classique, une interface écrémée ne gardant plus que le contenu « brut » et une interface linéaire chronologique.
  • la contextualisation en fonction du terminal : si je suis sur mon ordinateur de bureau je ne voudrais pas avoir accès au mêmes fonction qu’en mobilité, par exemple.

Utilisabilité des applications mobiles

Backelite

Backelite est spécialisé en interfaces mobiles. A travers la présentation de leur société et de quelques unes de leurs réalisations, ils insistent sur :

  • la complexité liée à la multiplication des plateformes,
  • l’importance de se consacrer d’abord sur les fonctions premières,
  • le fait que le design doit être dédié à la simplicité et à l’explication
  • et que le contenu doit être adapté au terminal.

En conclusion

Félicitations à Fred Cavazza qui a réussi, je trouve, un joli éventail de sujet autour de l’utilisabilité via les sites d’information. On a abordé, au cours de cette demi-journée, les sites de presse traditionnels, le webdocumentaire et ses originalités, l’écriture web (bien) vue par un journaliste, l’information de données et sa retranscription visuelle (et utilisable !), l’incursion du websocial dans la consommation et les usages de l’information et un focus sur les applications mobiles (inévitable, par les temps qui courent) !

Encore une fois, cette conférence était plus un temps d’arrêt sur ce qui se fait que de la mise en pratique.

A cette occasion, Eyrolles, Designers Interactifs et L’Express ont gentiment distribués quelques livres, extraits et magazines.

Les 100 agences qui font le design interactif, Les métier du design numérique, Ergonomie web illustrée
Les 100 agences qui font le design interactif, Les métier du design numérique, Ergonomie web illustrée

Voir : Journée Mondiale de l’Utilisabilité 2010

Mettre en place la gestion de la qualité web

article06Ma première prise de parole en public (je ne compte pas les présentations au travail) fut cet atelier sur la qualité web dans le cadre de Paris Web 2010.

Pour me faciliter le travail, il y avait peu de monde dans la salle. Je dis ça sans aucune ironie : cela nous a permis de beaucoup échanger !

Le but de l’atelier était précisément d’échanger autour de mon expérience : comment on a mis en place le poste de qualiticien web au sein d’une « agence web » intégrée dans un grand groupe financier.

D’abord, qu’est-ce que la qualité web ?

de shandopics (by-nc-nd)
"Peace on the Horizon" de shandopics (CC by-nc-nd)

En fait, il faut surtout commencer par dire ce que n’est pas la qualité web.

Ce n’est pas l’atteinte de la perfection, ni de la conformité à tout prix, ni de dire que le travail a été bien fait ou mal fait.

Le poste de qualiticien web, c’est une fonction support ayant pour but d’accompagner les équipes de production, les processus et les outils, pour leur permettre de travailler au mieux vers les objectifs fixés.

Et la qualité web, c’est la gestion de normes de qualité – objectives et mesurables – qui répondent à un objectif fixé.

Les missions de la qualité web

Les missions du qualiticien web sont au service de l’amélioration continue de la qualité.

Les audits

Les audits se font sur des référentiels choisis en fonction des objectifs de qualité visés.

Le but d’un audit n’est pas le résultat (pourcentage de conformité) mais l’analyse.

Les outils de l’audit

Le mémento des bonnes pratiques
Le mémento des bonnes pratiques
  • Les objectifs globaux (accessibilité, standards, expérience utilisateur, principes internes, etc.)
  • Les listes de critères répondant à ces objectifs :
    • Les bonnes pratiques de la qualité web Opquast
    • Accessiweb
    • référentiels internes
    • Etc.
  • Outils de suivi : Opquast Reporting, outil interne, etc.)
Opquast Reporting
Opquast Reporting

La documentation

"Sur les pas de Saint Vincent de Paul à Folleville" par luc legay (CC by-sa)
"Sur les pas de Saint Vincent de Paul à Folleville" par luc legay (CC by-sa)
  • Récolte des avis des experts, rédaction ou accompagnement de la rédaction, mise à jour et communication de documentation de référence.
  • Vulgarisation sur des points techniques particulier afin de partager et de communiquer. Exemples : fin de prise en compte du support graphique d’IE6 malgré un pourcentage encore élevé de visites.
  • Le rôle du qualiticien n’est pas d’imposer ce qu’il y a dans la documentation mais d’expliquer pourquoi tel choix va dans le sens des objectifs visés. Si une préconisation n’est pas suivie, c’est donc en connaissance de cause et des conséquences.

Les outils de la documentation

Un simple traitement de texte suffit tant que la documentation est pédagogique, vulgarisée, adaptée à son ou ses publics.  Faites des schémas, utilisez des images, donnez des sources et des références.

La veille

Le qualiticien web est sorti de la production. Il a donc une position particulièrement confortable pour faire de la veille et la transmettre.

Les outils de la veille

De nombreux outils existent à choisir selon son propre usage : gestionnaires de favoris en ligne, aggrégateur RSS, micro-blogging, laisser son adresse mail dans les salon puis se faire spammer pour d’autre salons, conférences, etc.

A propos de la veille : Faire de la veille

Le support

La qualité web s’assure que les métiers de la production ont les outils et processus nécessaires pour aller vers les objectifs de qualité choisis.
En plus de la veille, le qualiticien est vigilant par rapport aux besoins en formation.

Les outils du support

La machine à café, contacter les experts identifiés sur un sujet et les faire venir pour une formation sur mesure, etc.

La communication

"Communication" par P Shanks (CC by-nc)
"Communication" par P Shanks (CC by-nc)

La communication et la diffusion d’informations sont transverses à toutes les activités du qualiticien web qui doit permettre à tous – techniciens /  non techniciens ; convaincus / non-convaincus – de tendre en toute connaissance de cause vers les objectifs de qualité.

Les outils de la communication

Utiliser  tout ce qui est à votre porté : blog d’entreprise / intranet, réunions / petits-déjeuner, mails, etc.

Le profil du qualiticien web

Le qualiticien web est transverse à tous les métiers de la conception web. Il doit donc avoir des connaissances sur de nombreuses compétences (éditorial, webdesign, intégration, développement, référencement, ergonomie, performance, etc.) afin de pouvoir communiquer avec chacun et accorder l’ensemble.

Il porte une fonction d’évangélisation : ce doit être un communiquant et il doit faire preuve de pédagogie et d’adaptation à chacun.

Enfin, le qualiticien est au service des objectifs, y compris les objectifs business. Il est tourné vers la production et doit avoir l’esprit pragmatique (et non idéaliste dictatorial !)

En conclusion

Le poste du qualiticien web est encore émergeant. La façon dont il a été décrit ici est basé à la fois sur mon expérience propre, ce vers quoi je pense qu’il faut tendre et les manques actuels.

Lorsque le poste de qualiticien web sera intégré beaucoup plus largement, les missions décrites ci-dessus seront certainement amenées à se modifier légèrement.

Néanmoins, le poste de qualiticien web sera toujours celui de la gestion de la qualité et de l’amélioration continue.

Et à propos de la surqualité évoquée pendant les échanges :
Conformité, validation et surqualité
Quelques commentaires traînent sur le web à propos de cet atelier :

Diaporama

Gestion de la qualité web – Détails sur ma présentation à Paris-Web

apercu-atelier

Paris-Web, c’est donc dans moins d’une semaine.

Cette année – en plus d’avoir le bonheur de faire partie de l’équipe d’organisation une nouvelle fois – je présente un atelier (le samedi, donc) :
« Mettre en place la gestion de la qualité web« .

Mon but dans cet atelier c’est purement et simplement de vous dire comment ça se passe pour moi et mon boulot.
Ce qu’est la qualité web, les missions du qualiticien web, son rôle, etc.

Je ferais un petit zoom en particulier sur l’exercice de l’audit de qualité : à quoi il sert, comment le faire, qu’en faire ensuite.

Ben voilà. Je serais contente de vous y voir. J’aurais probablement un peu la trouille mais pas autant que de plaisir à partager ça avec vous (ben voui).