7. BRIEFING
TLT: LE DERNIER DÉLIVRABLE
Construis une expérience-utilisateur en ligne simple mais captivante,
grâce à un contenu bien construit et une écriture et composition de
qualités professionnelles.
• Publie sur http://dwm.re/tisse-la-toile
• Applique les principes de l'écriture pour le web (cfr cours d'ergonomie). Aide à la lecture rapide / en diagonale. Offre des points de fixation à
l'oeil, par l'utilisation d'une structure claire et de visuels qui accrochent le regard, interpellent le lecteur, lui donner envie d'arrêter de scanner
pour réellement explorer ton contenu.
• Termine par 3 suggestions de lecture à l’utilisateur. Ces 3 suggestions doivent renvoyer à d'autres articles de TLT.
• Rythme. Joue avec l'espace de l'écran et dispose ton contenu spatialement de manière à rythmer l'expérience. Gauche, droite. Haut, bas. ⅓, ⅔,
3/3. En diagonale? LMGTFY: "Robert Masson la cantatrice chauve".
• Tu dois y intégrer les 5 slides (tu peux les transformer par rapport à la présentation orale) en notant dans la description "MCD1" pour la
première image, "MCD2" pour la 2ème, ainsi de suite, ce qui me permettra de les reconnaitre. (balise "figcaption").
• Minimum 750 mots. (Pas de blabla pour autant). PAS DE JAVASCRIPT (sauf si ton MCD est jQuery, actionscript ou ecmascript). Pas d'animation
CSS3. Concentre-toi sur couleur, espace, typographie et visuels. C'est statique, et c'est bien.
• Deadline: 15 décembre 2014.
7
8. QUALITE PROFESSIONNELLE
TLT: LE DERNIER DÉLIVRABLE _ EVALUATION
une écriture et composition de qualités professionnelles
• orthographe: relis-toi, et fais toi relire.
• précision du vocabulaire
• registre du langage adapté
• rédaction adaptée au web
• rythme et composition
• structuration en titres/sous-titres
• html sémantique
• propreté et soin du moindre détail.
• Tu cites la source de CHAQUE visuel (image/vidéo/son/police de caractères/icône…) que tu publies.
8
9. STYLE PERSONNALISE
CONTRÔLER LE STYLE
A partir du 22 novembre, la template de ton article va changer, pour te
laisser la parole.
Tu pourras, via l'interface de Wordpress, injecter une feuille de style
hébergée sur ton espace personnel (ou quelque part en ligne), utiliser
des webfonts (max 2) et encoder dans la zone de contenu tout ce qui
doit être entre les balises <body></body>.
Cela te permettra, en utilisant wordpress en vue "HTML" de contrôler
plus finement l'aspect graphique de ton contenu.
9
10. CONÇOIS UNE EXPÉRIENCE-UTILISATEUR SIMPLE,
INTÉRESSANTE, PROFESSIONNELLE.
POUR T'AIGUILLER, ANALYSE LE TRAITEMENT VISUEL DES ARTICLES DU
JOURNAL DE GREG WOOD
HTTP://JOURNAL.GREGORYWOOD.CO.UK/
10