-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathN19(bis)_NEWSLETTER_20160928.HTML
148 lines (146 loc) · 18.7 KB
/
N19(bis)_NEWSLETTER_20160928.HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!doctype html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>La lettre de la Qualité Web, numéro 19</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style type="text/css">
.opq-content h2 { Margin:1.2em 0 0.5em; color:#254356; font-size:24px; background:none; border:none; white-space:normal; }
.opq-content h3 { Margin:1em 0 0.5em; color:#1c9b9c; font-size:18px; background:none; border:none; white-space:normal; }
.opq-content p { Margin:1em 0; }
.opq-content a { color:#04427c; }
.opq-autolink a { color:inherit; text-decoration:none; }
@media only screen and (max-width:0) {
body { margin:0; }
}
@media only screen and (max-width:480px) {
@-ms-viewport { width:320px; }
@viewport { width:320px; }
}
</style>
</head>
<body style="Margin:0; padding:0; -webkit-text-size-adjust:none; text-size-adjust:none; background:#ebebeb;">
<div style="font:14px/1.5 Aller, sans-serif; background:#ebebeb;"><center> <a href="http://cgi.dolist.net/online.asp?l=[DB_LIST_ID]-[MEMBER_ID]-[LETTER_ID]-[MEMBER_KEYCODE]-[CCOUNTKC]" style="color:#fff;">Consulter la version en ligne</a> </center>
<div style="background:#1E2D35;"><!--[if mso]>
<table border="0" cellpadding="0" cellspacing="0" width="660" align="center" bgcolor="#1E2D35" style="width:660px;">
<tr>
<td style="padding:20px;" mce_style="padding:20px;"><![endif]-->
<h1 style="Margin:0 auto; padding:20px; max-width:660px; text-align:left;"><img src="http://storage.dolist.net/4711/www/opquast.png" border="0" alt="Opquast, la lettre de la qualité Web" width="320" style="display: block; max-width: 100%; height: auto; max-height: 80px; color: #fff; font: 20px Aller, sans-serif;" /></h1>
<!--[if mso]></td>
</tr>
</table>
<![endif]--></div>
<!--[if mso]>
<table border="0" cellpadding="0" cellspacing="0" width="660" align="center" bgcolor="#ffffff" style="width:660px;">
<tr>
<td style="padding:10px 20px 20px; font:14px/1.5 Aller, sans-serif;" mce_style="padding:10px 20px 20px; font:14px/1.5 Aller, sans-serif;"><![endif]-->
<div class="opq-content" style="Margin:0 auto; max-width:660px; padding:10px 20px 20px; background:#fff;">
<p style="text-align:right; font-style:italic;">Lettre n°19 - mercredi 30 septembre 2015</p>
<p>Bonjour [DB:FIRSTNAME],</p>
<h2>Édito : après la pub</h2>
<p>Il est peut-être trop tard pour fixer des <b>bonnes pratiques communes pour la publicité sur internet</b>. Il est peut-être trop tard pour fixer des limites à l'intrusivité, trop tard pour réguler ce grand n'importe quoi qu'est devenu la publicité en ligne. Dégoutés, les utilisateurs rejettent ce grand foutoir et installent massivement des bloqueurs de publicités. Perdus, les journalistes et le monde de la presse en ligne n'ont pas su réagir assez tôt. Ils n'ont pas su valoriser et <b>faire comprendre la valeur de leur métier et le prix des contenus qu'ils produisent</b>. Là aussi, il est peut-être trop tard. D'habitude, je suis plutôt d'un naturel optimiste, mais je crois qu'il faut se préparer au pire. Et le pire, c'est le <i>native advertising</i>, un concept vieux comme le monde de publi-éditorial déguisé, qui va tirer la qualité de l'information vers le bas, et mélanger allègrement ce qui est de l'ordre de l'information et ce qui est de l'ordre de la publicité. Nous allons rapidement mesurer à quel point l'accès à des contenus indépendants et de qualité n'est pas une évidence. Pour les utilisateurs, <b>Internet est gratuit, mais vont continuer à payer le prix fort pour cette gratuité</b>.</p>
<hr />
<h2>Actualités</h2>
<h3>Opquast Certified : plate-forme d'entrainement</h3>
<p>Ça continue à bouger fortement du côté du certificat Opquast. Vous êtes plus de 400 à avoir passé le test cette année, de <a href="http://partners.opquast.com/fr/schools/">nouvelles écoles</a> arrivent… mais surtout, au delà de l'examen en lui-même, nous renforçons les dispositifs de montées en compétence. Nous avons ainsi développé une plate-forme d'entraînement et de formation, actuellement utilisée par les agences et écoles partenaire. Voici d'ailleurs un <a href="http://blog.clever-age.com/fr/2015/09/15/plateforme-dentrainement-opquast-certified/">témoignage très complet de la société Clever Age</a> à ce propos. Si vous êtes intéressés, appelez-nous et demandez un devis au +33 5 56 401 402. Par ailleurs, si vous avez passé le test, vous avez peut-être obtenu un des <a href="http://blog.temesis.com/post/2015/09/23/t-as-ton-badge-opquast">badges qui sont en ligne</a> depuis la semaine dernière.</p>
<p><a href="https://certified.opquast.com/">Faites reconnaître votre maîtrise des bonnes pratiques avec Opquast certified</a></p>
<h3>Opquast Version 3, c'est pour bientôt</h3>
<p>La version 3 des <b>bonnes pratiques qualité Opquast</b> sera officialisée très prochainement, nous sommes dans les derniers réglages ; il est encore temps de nous dire s'il y a des choses qui vous gênent : après, ce sera un peu plus compliqué.</p>
<p><a href="https://checklists.opquast.com/oqs-v3/workshops/status/candidates">226 bonnes pratiques Opquast V3</a></p>
<h3>Élysée et service-public : du costaud chez Temesis</h3>
<p><a href="http://temesis.com/">Temesis</a> a participé à l'amélioration de l'accessibilité de deux sites de grande importance qui ont été livrés la semaine dernière. Il s'agit du site de la <a href="http://www.elysee.fr/">Présidence de la république</a> et de <a href="https://www.service-public.fr">service-public.fr</a>. Dans ce dernier cas, une démarche qualité au regard de plusieurs autres référentiels qualité dont Opquast est en cours. Nous vous invitons à jeter un œil à la page dédiée à l'accessibilité de service-public.fr : c'est exemplaire.</p>
<p><a href="https://www.service-public.fr/qualite-de-service/accessibilite">Page accessibilité du site service-public.fr</a></p>
<h3>Devenir responsable qualité Web</h3>
<p>La prochaine session de formation <i>Devenir Responsable qualité Web</i> aura lieu les 25, 26 et 27 novembre 2015 à Paris. La session se remplit très vite, pour réserver vos places, téléchargez <a href="http://blog.temesis.com/public/PG_FORMATION-QUALITEWEB_2015.pdf">la plaquette : Devenir responsable qualité Web (PDF 190 ko)</a></p>
<p><a href="http://blog.temesis.com/public/PG_FORMATION-QUALITEWEB_2015.pdf">3 jours de formation qualité Web</a></p>
<hr />
<h2>Le coin des vieux de la veille</h2>
<p>Attention, voici le condensé de tout cet été, c'est long, mais c'est bon.</p>
<h3>Utilisez des check-lists</h3>
<p>Les professionnels utilisent des check-lists pour tout un tas de raisons qui sont rappelées dans l'article. Les professionnels du Web sont également concernés, et les check-lists UX sont intéressantes. Et comme vous aimez les check-lists complètes, vérifiables et qui concernent toute l'expérience utilisateur, vous utilisez les checklists opquast.</p>
<p><a href="http://uxmag.com/articles/simplify-your-projects-by-using-a-ux-checklist"> Simplify Your Projects by Using a UX Checklist</a></p>
<h3>Comparatif des outils de prototypage</h3>
<p>Voici une ressource assez exceptionnelle, à savoir un comparatif des différents outils de prototypage. Vous allez vous jeter sur ce document, vous allez le mettre en favoris, et vous allez y revenir de temps en temps, parce qu'en plus, il est évolutif.</p>
<p><a href="http://www.cooper.com/prototyping-tools">Prototyping tools</a></p>
<h3>La pub en ligne finance les contenus ? Pas du tout.</h3>
<p>Vous devez absolument lire cet article de Jean-Baptiste Piacentino. Il démontre de façon très argumentée que l'overdose actuelle de pub profite essentiellement à l'industrie de la publicité. La part dédiée aux producteurs de contenus est finalement très limitée.</p>
<p><a href="https://piacentino.com/jb/2015/publicite-en-ligne-ou-va-largent">Pub en ligne : où va l'argent</a></p>
<h3>Le publi-éditorial : les utilisateurs ne font pas la différence</h3>
<p>Autant les professionnels du Web voient rapidement la différence entre contenus éditoriaux et publicitaires, autant l'utilisateur moyen passe totalement à côté de l'info. Cette horreur qu'est le <i>native advertising</i> a donc de beaux jours devant lui.</p>
<p><a href="http://www.blogdumoderateur.com/etude-native-advertising-contently/">Etude sur le native adverstising</a></p>
<h3>Ras-le-bol des pratiques intrusives de la pub en ligne ?</h3>
<p>Cet article décrit très bien les différentes pratiques qui exaspèrent les internautes en ce moment, et reflète assez bien le ras-le-bol généralisé. Sinon, sachez que Google va considérer les sites qui proposent des <a href="http://googlewebmastercentral.blogspot.co.uk/2015/07/google-case-study-on-app-download-interstitials.html?m=1">intersticiels comme non-mobile-friendly</a>.</p>
<p><a href="http://newflux.fr/pop-up-video-automatique-publicite-intrusive-arretez-ca/">Pop-up, vidéo automatique, publicité intrusive… ARRÊTEZ ÇA</a></p>
<h3>Facebook ou Internet ?</h3>
<p>Bon, alors, voilà, Lagos, on a un problème : des millions d'utilisateurs de Facebook ne savent pas qu'ils utilisent Internet. Gardez le lexomil à portée de main, car si vous êtes un professionnel du numérique, vous courez un risque non négligeable d'avoir envie de tout plaquer après avoir fini lire cet article.</p>
<p><a href="http://qz.com/333313/milliions-of-facebook-users-have-no-idea-theyre-using-the-internet/">Millions of Facebook users have no idea they’re using the internet</a></p>
<h3>Outil d'accessibilité pour les PDF</h3>
<p>Voici un outil dégoté par Aurélien Levy qui permet d'améliorer l'accessibilité de vos PDF. Je veille bien à ne pas dire "à rendre vos pdf accessibles", car c'est à l'évidence beaucoup plus compliqué que ça.</p>
<p><a href="http://pave-pdf.org/">Pave pdf</a></p>
<h3>Bonnes pratiques pour le sous-titrage</h3>
<p>Franck Galey a proposé une liste de bonnes pratiques pour le sous-titrage en ligne. Je vous propose d'aller visiter ce projet, de donner votre avis et de le faire connaître. Vous en aurez peut-être bien besoin à un moment ou un autre. Bien sûr, ce sont des contenus sous licence ouverte.</p>
<p><a href="https://gist.github.com/knarf18/76f3738e970e8efa9243">Bonnes pratiques sous-titrage</a></p>
<h3>Cookies : comment vraiment respecter la loi</h3>
<p>Nous vous avons parlé des cookies il y a quelques temps, avec notre article <a href="http://blog.temesis.com/post/2015/02/16/Cookies-le-grand-bug">Cookies : le grand bug</a>. Korben en rajoute une couche et fournit une analyse détaillée et des solutions pour déployer tout cela proprement avec plusieurs systèmes de gestion de contenus, Wordpress, notamment.</p>
<p><a href="http://korben.info/respecter-loi-cookies-site.html">Les cookies chez Korben</a></p>
<h3>Développer l'empathie</h3>
<p>L'empathie, c'est une belle idée, c'est une levier extraordinaire pour mieux travailler. Mais en pratique, comment vraiment développer l'empathie ? Susan Robertson propose trois piliers, le test utilisateur, le support utilisateur et bien-sûr, mais vous n'êtes nullement surpris : l'accessibilité.</p>
<p><a href="http://alistapart.com/blog/post/developing-empathy">Developing empathy</a></p>
<h3>Des contenus de bonne qualité, pour google ET pour les utilisateurs</h3>
<p>Google classe les sites en fonction de leur qualité et parmi les critères de classement, ceux qui concernent les contenus sont évidemment fondamentaux. Voici un court article qui dit l'essentiel sur ce qu'il faut faire pour être mieux classé (<i>ranké</i>) dans Google. Et sinon, n'oubliez pas l'approche qualité Web, car <a href="http://blog.temesis.com/post/2015/02/11/Megalomanie-Qualite-Web">SEO et qualité Web font très bon ménage</a>.</p>
<p><a href="http://www.sitepronews.com/2015/07/22/the-google-phantom-what-google-wants-for-content-quality/#.VbXtoXvQ1cc.twitter">The Google Phantom: What Google Wants for Content Quality</a></p>
<h3>Test multi-navigateurs</h3>
<p>Vous voulez voir la tête de votre site et également vérifier qu'il fonctionne correctement dans les principaux navigateurs, voici un logiciel produit en Allemagne qui fonctionne en local, sur vos machines. Il va vous permettre de choisir votre navigateur et sa version, puis de faire des tests et des captures.</p>
<p><a href="http://www.browseemall.com/">Browseemall</a></p>
<p>Et aussi</p>
<ul>
<li>Une <a href="https://moz.com/blog/seo-cheat-sheet">antisèche SEO</a> ;</li>
<li>Un <a href="http://www.liberation.fr/ecrans/2015/07/20/six-ans-apres-internet-se-recroqueville_1351044">Internet perdu et recroquevillé</a> ;</li>
<li>Une modification sur <a href="http://www.nextinpact.com/news/96135-il-n-est-desormais-plus-possible-se-retracter-avant-livraison-d-un-bien-achete-en-ligne.htm">les conditions de rétractation en e-commerce</a> ;</li>
<li>Une <a href="http://www.webrankinfo.com/dossiers/debutants/erreurs-duplicate-content">règles pour les contenus dupliqués</a> ;</li>
<li>Un <a href="http://lukyvj.github.io/accecss/">outil de test rapide de l'accessibilité</a>
<p> </p>
</li>
<li>et un raton-laveur.</li>
</ul>
<hr />
<h2>Bonne pratique vue par l'expert</h2>
<p>La tentation était forte de donner un coup de projecteur sur la bonne pratique <em>Les contenus publicitaires ou sponsorisés sont identifiés comme tels</em>. Mais non. Nous allons vous parler de la bonne pratique N°30 « <i>la durée des contenus audio ou vidéo est indiquée</i> ». Voici une bonne pratique totalement innocente mais qui peut avoir une influence importante sur le comportement de l'utilisateur. Lorsque vous respectez cette règle, vous indiquez à l'utilisateur le temps qui sera nécessaire pour consulter le contenu audio ou vidéo. Il peut alors choisir en connaissance de cause, ou décider de regarder votre contenu plus tard. Bien entendu, une durée courte sera incitative, une durée longue incitera au contraire à planifier une vue ultérieure ou à annuler la vue immédiate du contenu. De votre côté, faites ce qui vous semble juste, et que peu importe ce que vous déciderez : soyez juste conscient de l'impact de vos choix sur l'expérience utilisateur.</p>
<p>Et la fiche, hein, la fiche ? Voilivoilàààà : <a href="data/BP30(bis)_Opquast-Contenus-video-audio-indique - copie.pdf">fiche de la bonne pratique n°30 [PDF - 469 ko]</a> en téléchargement libre, issue du <a href="http://qualite-web-lelivre.com/">livre Qualité web.</a> Bonne lecture !</p>
<hr />
<h2>Agenda</h2>
<ul>
<li>Le 30 septembre à Paris. Master class chez Sup de Web ;</li>
<li>Les 1, 2 et 3 octobre à ParisWeb ;</li>
<li>Le 14 octobre à Paris. Master class chez Simplon ;</li>
<li>Les 21 et 22 octobre pour les 11e Rencontres nationales du e-tourisme à Pau ;</li>
<li>Le 28 octobre à Lyon, pour une conférence "Alerte rouge sur la qualité du Web" chez BlendWebMix ;</li>
<li>Le 12 novembre à Quebec, pour la journée mondiale de l'utilisabilité ;</li>
<li>25, 26 et 27 novembre 2015 à Paris pour la prochaine session de la <a href="http://blog.temesis.com/public/PG_FORMATION-QUALITEWEB_2015.pdf">formation Devenir responsable qualité Web</a> ;</li>
<li>Le 8 décembre à la CCI de Dordogne ;</li>
<li>Le 16 décembre pour la formation de mise à jour des responsables qualité Web à Paris ;</li>
<li>Le 17 décembre pour l'Opquast day à Paris ;</li>
<li>De nombreuses autres dates sont régulièrement calées, pour être tenus au courant, suivez le blog ou <a href="https://www.facebook.com/opquast">foncez sur notre page facebook</a> (attention, c'est pas Internet).</li>
</ul>
<p>A très bientôt,</p>
<p style="text-align:right; font-style:italic;">L'équipe Opquast</p>
<p style="Margin:0; text-align:center;">Retrouvez Opquast en ligne : <a href="http://www.opquast.com/">Opquast.com</a> | <a href="https://twitter.com/opquast">Twitter</a> | <a href="https://www.facebook.com/opquast?fref=ts">Facebook</a> | <a href="http://plus.google.com/u/0/103440003503862787379">Google +</a></p>
</div>
<!--[if mso]></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="660" align="center" style="width:660px;">
<tr>
<td style="padding:10px 20px; font:14px/1.5 Aller, sans-serif;" mce_style="padding:10px 20px; font:14px/1.5 Aller, sans-serif;"><![endif]-->
<div style="Margin:0 auto; max-width:660px; padding:10px 20px; color:#444; text-align:center;">
<p>Opquast est édité par <a href="http://www.temesis.com/" style="color:inherit;">Temesis</a></p>
<p><span class="opq-autolink">18 rue Lucien Granet - 33150 Cenon - France</span> - Tél.: <span class="opq-autolink">+33 (0)5 56 401 402</span></p>
<p><a href="http://form.dolist.net/u/?s=[LIDKC]-[CCOUNTKC]-[CIDKC]-[MIDKC]-[MEMBER_KEYCODE]-4-[LINKID]" style="color:inherit;">Vous désinscrire</a> - <a href="http://form.dolist.net/p/?s=[LIDKC]-[CCOUNTKC]-[CIDKC]-[MIDKC]-[MEMBER_KEYCODE]-6-[LINKID]-[SPIDKC]" style="color:inherit;">Modifier vos informations</a></p>
<p style="font-size:12px; text-align:justify;">Les données personnelles collectées sont uniquement destinées à un usage interne. Elles ne seront en aucun cas cédées ou vendues à des tiers. Déclaration CNIL sous le N°1029633.</p>
</div>
<!--[if mso]></td>
</tr>
</table>
<![endif]--></div>
</body>
</html>