Enssib final cm-kv

1 054 vues

Publié le

La stratégie éditoriale au cœur de l'identité de la BCU
Présentation de la charte graphique et éditoriale de la BCU.
Avec Karine Vazeille, graphiste à la BCU

  • Soyez le premier à commenter

Enssib final cm-kv

  1. 1. La stratégie éditoriale au cœur de l’identité de la BCU Camille Meyer & Karine Vazeille – 26 mars 2014
  2. 2. Au sommaire La stratégie éditoriale au croisement de la communication et de la médiation Décliner l’identité l’image et les valeurs de l’établissement au travers de ses productions éditoriales. Travailler le fond et la forme : la gestion du contenu indissociable de la gestion de l’image de marque. Développer sa présence sur la toile. Le contexte à la BCU en 2010 : nouveau sigle, nouveau logo, nouveau site. En amont, trouver son positionnement Concevoir un logotype (efficacité, formes, couleurs, typographies) Description du logotype de la BCU La charte graphique et sa déclinaison Qu'est-ce qu'une charte graphique ? Quel but ? Quel intérêt ? Qu'y trouve-t-on ? La charte graphique de la BCU Concevoir la structure du site L'architecture du site Déclinaison web de la charte graphique Définir et suivre une ligne éditoriale Qu’est-ce qu’un contenu de qualité ? Bien délimiter les types de contenus Former les contributeurs Atteindre la cible Être référencé Fraîcheur des contenus Rester libre de droit Les règles de l’accessibilité Stratégie de dissémination La dissémination dans les réseaux sociaux Les blogs L’intranet : la stratégie éditoriale et la fédération du réseau en interne Organiser la stratégie Le comité éditorial et la commission communication
  3. 3. La stratégie éditoriale au croisement de la communication et de la médiation Projet d’établissement MédiationCommunication
  4. 4. « La médiation numérique est une démarche visant à mettre en œuvre des dispositifs de nature techniques, éditoriaux ou interactifs pour favoriser l’accès organisé ou fortuit, l’appropriation ou la dissémination de contenus à des fins  de diffusion des savoirs et des savoir-faire. » Silvère Mercier.
  5. 5. Communication La communication institutionnelle : exprimer l'identité de l‘institution «  L'objectif de la communication corporate  est la construction et la gestion de l'image d'entreprise. Expression de son identité, elle doit dire ce qu'elle est, ce qu'elle veut faire, ce qu'elle sait faire et ce qu'elle fait ». (Garbett, 1981). Enjeu : définir notre identité : graphique, visuelle et discursive. Marque typographique de Fabri et Barrillot par BiblioMab (CC BY-SA 2.0) Source Flickr
  6. 6. Développer sa présence sur le web : ne pas se jeter à corps perdu sur la toile. C’est tout le sens de la stratégie éditoriale
  7. 7. Contexte En 2010 : BCU, nouveau sigle, nouvelle identité, nouveau logo, nouveau site.
  8. 8. En amont, trouver son positionnement Le site de la BCU se doit d’être le reflet des valeurs d’excellence, d’ouverture et d’égalité des chances au cœur des missions des bibliothèques du PRES Clermont Université. L’ensemble du portail de la BCU se positionne selon une logique d’accès facilité aux ressources et aux services de la bibliothèque d’une part, mais aussi comme vitrine numérique du rayonnement culturel de la BCU, en demeurant un des vecteurs majeurs de la diffusion de la culture scientifique, conformément aux missions de la BCU, et aux objectifs du quinquennal.
  9. 9. Une structure en réseau (CC BY 2.0)  par fdecomite Source : Flickr
  10. 10. Concevoir un logotype Avant de vous « jeter sur la toile », poser les questions : Que fait mon administration ? Dans quel secteur ? Pour quelle cible ? Quelles valeurs véhicule-t-elle ? Une fois ces réponses obtenues, il faut trouver une façon de les transmettre dans un dessin : Quelle(s) forme(s) dominantes ? Quelle(s) couleur(s) choisir ? Quelle(s) police(s) de caractère choisir ?
  11. 11. Concevoir un logotype Pour qu’un logo soit efficace : doit être unique, peut être utilisé dans différents contextes, doit rester efficace reproduit en grand ou en petit, doit fonctionner en couleurs mais aussi en une seule couleur, doit pouvoir être imprimé sur n'importe quel support, doit être conçu selon les principes de base du design, doit représenter l'administration de manière appropriée.
  12. 12. Concevoir un logotype Un logo de forme triangulaires véhicule une image d’innovation, de progressions, techniques de pointes Les formes : Un logo de forme ronde véhicule une image de sécurité, de bien être Un logo de forme carré véhicule une image de stabilité, robustesse
  13. 13. Concevoir un logotype La symbolique des couleurs : Blanc Pureté, silence, richesse, hygiène Bleu Ciel, calme, intellect, confiance Gris élégance, intemporel Jaune Tonicité, lumière, gaieté, jeunesse, optimisme Marron Terre, réalisme, matérialité Noir Mort, désespoir, élégance Orange Feu, énergie, générosité Rouge Audace, passion, technologie, force Vert Nature, tranquillité, repos, santé Violet Rêverie, utopie, mystère, dignité, captivant
  14. 14. Concevoir un logotype Exemples de logos :
  15. 15. Concevoir un logotype La symbolique des typographies : Les caractères sont porteurs de messages et déterminent l’adhésion et la lisibilité d’un document. Romain classicisme, raffinement, faiblesse lecture facile Italique souplesse, intimité, distinction, dynamisme lecture rapide CAPITALE dimension officielle, distance lecture facile Bas de casse simplicité, rapport égalité lecture facile Gras force, pouvoir, énergie lecture fatigante Maigre douceur, élégance lecture facile
  16. 16. Concevoir un logotype Mais il y a également le style de caractère. Ce choix doit se faire en accord avec le message que l'on souhaite donner. Il est donc important de se poser les bonnes questions avant de choisir la ou les polices de caractères qui seront utilisées : Quelle impression voulez-vous faire passer ? Quelle image voulez-vous donner ? Une typographie bien choisie est cohérente avec la ligne graphique que l'on souhaite adopter dans le processus de la création du logotype.
  17. 17. Concevoir un logotype Garamond, Times noblesse, élégance, luxe et sophistication Rockwell solidité et sûreté Futura, verdana, Arial clarté, évidence, fonctionnalité Gill sans modernité et bienveillance Mistral dynamisme et familiarité Optima élégance et lisibilité Ces quelques exemples n’ont qu’un but : montrer ce qu’une police peut exprimer. Elles n’altèrent en rien le contenu du document mais lui ajoute un style particulier, une « couleur » subtile. À vous d’être le styliste qui saura trouver quelle « tenue » convient à votre logotype.
  18. 18. Description du logotype BCU Analyse
  19. 19. La charte graphique et sa déclinaison C'est quoi une charte graphique ? Une charte graphique est un document comprenant l'ensemble des éléments définissant l'identité visuelle de l'institution. Ce document liste les normes relatives au logotype et à ses déclinaisons, aux caractères typographiques, aux codes couleurs, et aux différentes adaptations de celui-ci sur des documents administratifs, signalétiques ou goodies (papeterie, enseignes, véhicules, stylos...). Généralement, de la charte graphique papier découle celle de votre site internet, adaptée aux besoins spécifiques du web. Elle sert de guide pour les développeurs et graphistes leur permettant de créer une belle interface, pratique et conviviale.
  20. 20. La charte graphique et sa déclinaison Dans quel but ? Quel intérêt ? Le but d’une charte graphique est d'assurer une cohérence, une harmonisation dans tous les supports de communication, qu’il s’agisse : d'un support papier d'un support physique (enseigne, véhicule,...) d'un support virtuel (portail, expositions virtuelles, vidéos,...) ou de tout ce qui pourra surgir comme nouvelle création graphique ! L'intérêt de réaliser une charte graphique est double : l'identité graphique intacte quelles que soient les réalisations graphiques permet au récepteur d'identifier facilement l'émetteur et de se repérer visuellement dans les différentes réalisations graphiques (facilite la lecture). L'identité visuelle définie par la charte graphique permet de reconnaître du premier coup d'oeil l'institution. Grâce à sa charte, l'institution construit son image et renforce sa stratégie de communication.
  21. 21. La charte graphique et sa déclinaison Que trouve-t-on dans une charte graphique ? Le logo et ses déclinaisons Les couleurs (Pantone, quadri, RVB et web) Les typographies Les règles d'insertion de ces éléments sur chaque support Ce qu'il ne faut absolument pas faire Les déclinaisons sur les documents administratifs (papeterie) Les déclinaisons sur les supports de signalétique (enseignes, véhicules...) Les déclinaisons sur des supports publicitaires (sacs plastiques, stylos, badges, Tapis de souris, T-shirt...) Les déclinaisons sur supports numériques (diaporama power point, web...)
  22. 22. La charte graphique BCU et sa déclinaison
  23. 23. La charte graphique BCU et sa déclinaison
  24. 24. La charte graphique BCU et sa déclinaison
  25. 25. La charte graphique BCU et sa déclinaison
  26. 26. La charte graphique BCU et sa déclinaison
  27. 27. La charte graphique BCU et sa déclinaison
  28. 28. La charte graphique BCU et sa déclinaison
  29. 29. La charte graphique BCU et sa déclinaison Affichettes Blocs
  30. 30. La charte graphique BCU et sa déclinaison
  31. 31. La charte graphique BCU et sa déclinaison
  32. 32. La charte graphique BCU et sa déclinaison
  33. 33. La charte graphique BCU et sa déclinaison
  34. 34. La charte graphique BCU et sa déclinaison
  35. 35. La charte graphique BCU et sa déclinaison
  36. 36. La charte graphique BCU et sa déclinaison
  37. 37. La charte graphique BCU et sa déclinaison
  38. 38. La charte graphique BCU et sa déclinaison
  39. 39. Concevoir la structure du site (CC BY-NC 2.0) par pggunn1
  40. 40. Concevoir la structure du site
  41. 41. Concevoir la structure du site
  42. 42. Déclinaison web de la charte graphique
  43. 43. Déclinaison web de la charte graphique
  44. 44. Définir et suivre une ligne éditoriale Lignes de Corde, Compagnie Retouramont  (CC BY-NCSA 2.0) par Eric Esquivel
  45. 45. Qu’est-ce qu’un contenu de qualité ? La recette (CC BY-NC-SA 2.0) par C_Knaus Source : Flickr
  46. 46. Bien délimiter les types de contenus Type talk par Nick Sherman Flickr (CC BY-NC-SA 2.0)
  47. 47. La formation des contributeurs Une formation technique et éditoriale
  48. 48. Atteindre la cible (CC BY-NC 2.0) par CG94 photos Source Flickr
  49. 49. Être visible = être référencé (CC BY-NC-ND 2.0) par Eric lecaroubier
  50. 50. Les techniques de référencement 
  51. 51. Fraîcheur des contenus
  52. 52. Rester libre de droit
  53. 53. Les 4 piliers de l’accessibilité (CC BY-NC-SA 2.0) par Declicjardin Source : Flickr Perceptible Robuste Utilisable Compréhensible
  54. 54. Rester perceptible Structurer les contenus Utiliser la hiérarchie des titres Les listes à puces Proposer des équivalents textuels à tout contenu non-textuel Décrire les images Transcrire les contenus vidéos Expliciter les liens
  55. 55. Rendre les images accessibles Il est indispensable d e r e m p l i r l e champ description de l'image avec les informations contenues dans l'image.  Dans le cas de l'image ci-contre, on remplira : "Exposition Christian Bruel, du 2 avril au 28 Juin 2013, du lundi au vendredi de 8 h à 20 h, entrée libre, Bibliothèque Gergovia _ 29, boulevard Gergovia, Clermont- Ferrand"
  56. 56. Des contenus utilisables Des repères pour s’orienter dans le contenu Structure Fil d’Ariane Plan du site
  57. 57. Des contenus compréhensibles Contenu clair et explicite Expliciter les termes complexes Termes étrangers : spécifier les changements de langues Navigation prévisible Prévenir et corriger les erreurs de saisie - Aide contextuelle - Messages d'erreur
  58. 58. Restons robuste. Optimiser la compatibilité avec les agents utilisateurs actuels et futurs, y compris les technologies d'assistance.
  59. 59. Stratégie de dissémination Investir les réseaux sociaux Les blogs : BCU 1914-1918 L’actualité du centenaire, un fil conducteur pour : - valoriser les collections. - Restituer le travail de veille des bibliothécaires du réseau L’alambic numérique - Un blog professionnel : communiquer sur nos projets, nos difficultés.. L’intranet : une stratégie éditoriale en interne pour fédérer les personnels autour de projet communs.
  60. 60. Page facebook BCU
  61. 61. Page facebook BU Santé (exclusivement pour les travaux)
  62. 62. Blog BCU de valorisation des ressources sur la première guerre mondiale
  63. 63. BLOG pro de la BCU : l'alambic numérique
  64. 64. Intranet de la BCU
  65. 65. L’organisation de la stratégie éditoriale Direction de la BCU Comité éditorial Commission communication
  66. 66. La coordination éditoriale Administrateur BFM Administrateur IUT Administrateur Lettres et Sc. Humaines Administrateur Sciences et Techniques, Staps Administrateur Santé Administrateur Droit Economie et Management Webmestre
  67. 67. La commission communication Correspondant Com. BFM Correspondant Com. IUT Correspondant Com. Lettres et Sc. Humaines Correspondant Com. Sciences et Techniques, Staps Correspondant Com. Santé Correspondant Com. Droit Economie et Management Responsable Communication
  68. 68. Références bibliographiques Jean-Baptiste Vaisman, Qu’est-ce qu’un portail de BU réussi ? Mémoire d'étude, janvier 2014, Diplôme de conservateur de Bibliothèque, sous la direction de Dominique Wolf, ENSSIB [En ligne] http://www.enssib.fr/bibliotheque-numerique/documents/64153-qu-est-ce-qu-un-portail-de-bu-reussi.pdf (consulté le 20 Mars 2014). Dominique Genuer. Constituer et Animer un Réseau de Contributeurs de Site Internet-intranet. Voiron : Territorial éd, . 2011 Vitali-Rosati Marcello, E. Sinatra Michael (2014). Pratiques de l'édition numérique, collection « Parcours numériques », Les Presses de l'Université de Montréal, Montréal, 219p., ISBN : 978-2-7606-3202-8 En ligne] http://www.parcoursnumeriques-pum.ca/pratiques (consulté le 20 Mars 2014) Muriel Amar et Véronique Mesguich (dir.), Bibliothèque 2.0 à l'heure des médias sociaux, collection bibliothèques, éditions du cercle de la librairie, 217p., ISBN : 978-2-7654-1340-0, 2012 Site pour signification des couleurs : http://www.toutes-les-couleurs.com/signification-des-couleurs.php

×