2 tid conception-projet-cours5-briefing-tlt-publication

10
tu as fais ceci 1

Upload: alexandre-plennevaux

Post on 17-Aug-2015

27 views

Category:

Design


1 download

TRANSCRIPT

Page 1: 2 tid conception-projet-cours5-briefing-tlt-publication

tu as fais ceci

1

Page 2: 2 tid conception-projet-cours5-briefing-tlt-publication

tu as fais ceci

2

Page 3: 2 tid conception-projet-cours5-briefing-tlt-publication

puis ceci

3

Page 4: 2 tid conception-projet-cours5-briefing-tlt-publication

4

Page 5: 2 tid conception-projet-cours5-briefing-tlt-publication

Il te reste à faire cela

5

Page 6: 2 tid conception-projet-cours5-briefing-tlt-publication

6

Page 7: 2 tid conception-projet-cours5-briefing-tlt-publication

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

Page 8: 2 tid conception-projet-cours5-briefing-tlt-publication

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

Page 9: 2 tid conception-projet-cours5-briefing-tlt-publication

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

Page 10: 2 tid conception-projet-cours5-briefing-tlt-publication

CONÇOIS UNE EXPÉRIENCE-UTILISATEUR SIMPLE, INTÉRESSANTE, PROFESSIONNELLE.

POUR T'AIGUILLER, ANALYSE LE TRAITEMENT VISUEL DES ARTICLES DU JOURNAL DE GREG WOODHTTP://JOURNAL.GREGORYWOOD.CO.UK/

10