Règles d'écriture pour le Web by https://padlet.com/timothee_richardot/oqsoatc8a1id Par Timothée RICHARDOT en-us 2019-04-11 07:14:36 UTC 2019-05-02 07:15:38 UTC hello@padlet.com Titre timothee_richardot https://padlet.com/timothee_richardot/oqsoatc8a1id/wish/350663327
  • Pas de titres tout en majuscules sauf si justifié par titre simple ou police adéquate
  • Trouver des titres qui reflètent le contenu global et donc cohérent avec ce
  • Titres courts (en général pas plus de 11 caractères)
  • Titre principal accrocheur 
  • Même couleur pour le même type d'information (avoir une charte graphique)
  • Titre bien placé (en haut à gauche)
  • Les titres doivent tenir sur une ligne
    • ]]>     2019-04-11 07:21:20 UTC https://padlet.com/timothee_richardot/oqsoatc8a1id/wish/350663327     Texte timothee_richardot https://padlet.com/timothee_richardot/oqsoatc8a1id/wish/350663959
  • Ne pas écrire en langage SMS
  • Ne pas faire de phrases trop longues
  • "Signer" ses documents
  • Citation entre guillemets plus citations de l'auteur
  • Pas d'emploi abusif d'abréviations/jargons sauf si le document s'adresse à un public ciblé
  • Mettre en évidence les mots clefs
  • Même couleur pour le même type d'information (avoir une charte graphique)
  • Le texte doit être en contraste avec le fond
  • Utiliser des listes (listes à puces
  • Différencier les liens visités et non visités
  • Mise en page aérée
  • Syntaxe correcte
  • "Justifier" les textes
  • Éviter d'avoir un seul mot sur une ligne
  • Utiliser des ancres pour faciliter la navigation
  • Garder une unité de "style" pour tout un document
  • Vérifier l'orthographe
  • Éviter les images sous les textes
  • On évite le soulignement car cela correspond à un lien
  • Éviter l'écriture sur plusieurs colonnes
  • Pas plus de 3 paragraphes de 5 lignes par écran
    • ]]>     2019-04-11 07:24:23 UTC https://padlet.com/timothee_richardot/oqsoatc8a1id/wish/350663959     Police timothee_richardot https://padlet.com/timothee_richardot/oqsoatc8a1id/wish/350663981
  • Ne pas écrire en Comic Sans MS
  • Écrire en gras plutôt qu'en majuscule pour signifier des passages importants
  • La police doit être en accord avec le sujet (pas de hiéroglyphe pour un article sur le tennis)
  • Éviter les polices types manuscrites
  • Limiter le nombre de police maximum dans vos documents (3 polices max) mais varier les déclinaisons et la taille des polices
  • Utiliser les déclinaisons de police
  • Pas de taille de police trop petite
  • Privilégier les polices sans-sérif
  • Même police pour même type d'information
  • Ne pas mixer le sérif et le sans-sérif sur une même t
    • ]]>     2019-04-11 07:24:28 UTC https://padlet.com/timothee_richardot/oqsoatc8a1id/wish/350663981     Image timothee_richardot https://padlet.com/timothee_richardot/oqsoatc8a1id/wish/350668350
  • Soigner ses médias
  • Optimiser le poids des images
  • Mettre un texte alternatif pour le référencement et pour la description si l'image se peut pas s'afficher
  • Mettre un titre en fonction de l'utilité
  • Soigner la mise en page
  • Images en rapport avec le contenu
  • Utiliser la résolution adéquate
  • Utiliser les formats adaptés au web
  • Utiliser des images libres de droits (creative common CC0)
  • Pas trop d'images sur une même page (surcharge) sauf si c'est l'objectif
  • Être en accord avec la charte graphique (compliqué)
  • Résumer des informations avec des images (ou schéma) "Une image vaut 1000 mots"
  • On ne touche pas à l'aspect proportionnelle des images
  • Images cliquables pour mieux visionner (galerie photos
    • ]]>     2019-04-11 07:43:40 UTC https://padlet.com/timothee_richardot/oqsoatc8a1id/wish/350668350     Couleur timothee_richardot https://padlet.com/timothee_richardot/oqsoatc8a1id/wish/350674815
  • Elle augmente le contenu informationnel
  • Elle donne un sentiment
  • Esthétique mais pas que
  • Une couleur est une sensation perçue
  • Choisir une couleur dominante en fonction du sujet du site
  • Les couleurs sont perçues/interprétées différemment selon le sexe et l'âge 
  • Jouer sur les contrastes, la luminosité et la saturation
  • Utiliser la règle du 60 30 10 (60% de couleur dominante 30% de couleur secondaire 10% de couleur "accent")
  • Même code couleur pour le même type d'information (un peu comme la police)
  • On évite le rouge et le bleu pour le texte (information importante et liens cliquables)
  • Jaune/violet et jaune/vert à éviter
    • ]]>     2019-04-11 08:15:46 UTC https://padlet.com/timothee_richardot/oqsoatc8a1id/wish/350674815