Enssib final cm-kv

La stratégie éditoriale au cœur de l’identité de la BCUCamille Meyer & Karine Vazeille – 26 mars 2014

Au sommaireLa 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éclinaisonQu'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 siteL'architecture du siteDé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 contenusFormer les contributeursAtteindre la cibleÊtre référencéFraîcheur des contenusRester libre de droitLes règles de l’accessibilité

Stratégie de disséminationLa dissémination dans les réseaux sociauxLes blogsL’intranet : la stratégie éditoriale et la fédération du réseau en interne

Organiser la stratégieLe comité éditorial et la commission communication

La stratégie éditoriale au croisement de la communication et de la médiation

Projet d’établissement

MédiationCommunication

« 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.

Communication

La communication institutionnelle : exprimer l'identité de l‘institution

« L 'object i f de la communicat ion 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

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

Contexte

En 2010 :

BCU, nouveau sigle,

nouvelle identité, nouveau logo, nouveau site.

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.

Une structure en réseau

(CC BY 2.0) par fdecomite Source : Flickr

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 ?


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.


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


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


Exemplesde logos :


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


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.


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 documentmais lui ajoute un style particulier, une « couleur » subtile.

À vous d’être le styliste qui saura trouver quelle « tenue » convient à votre logotype.

Description du logotype BCU

Analyse

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.


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 graphiquespermet 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 permetde reconnaître du premier coup d'oeil l'institution.

Grâce à sa charte, l'institution construit son imageet renforce sa stratégie de communication.


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...)

La charte graphique BCU et sa déclinaison


Affichettes

Blocs

Concevoir la structure du site

(CC BY-NC 2.0) par pggunn1

Concevoir la structure du site

Déclinaison web de la charte graphique

Définir et suivre une ligne éditoriale

Lignes de Corde, Compagnie Retouramont

(CC BY-NCSA 2.0) par Eric Esquivel

Qu’est-ce qu’un contenu de qualité ?La recette

(CC BY-NC-SA 2.0) par C_Knaus Source : Flickr

Bien délimiter les types de contenus

Type talk par Nick Sherman Flickr (CC BY-NC-SA 2.0)

La formation des contributeurs

Une formation technique

et éditoriale

Atteindre la cible

(CC BY-NC 2.0) par CG94 photos Source Flickr

Être visible = être référencé

(CC BY-NC-ND 2.0)par Eric lecaroubier

Les techniques de référencement

Fraîcheur des contenus

Rester libre de droit

Les 4 piliers de l’accessibilité

(CC BY-NC-SA 2.0) par Declicjardin Source : Flickr

Perceptible Robuste

Utilisable Compréhensible

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

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 l ibre, B i b l i o t h è q u e Ge r go v i a _ 2 9 , boulevard Gergovia, Clermont-Ferrand"

Des contenus utilisables

Des repèrespour s’orienterdans le contenu

Structure

Fil d’Ariane

Plan du site

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

Restons robuste.

Optimiser la compatibilité

avec les agents utilisateurs actuels et futurs,

y compris les technologies d'assistance.

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.

Page facebook BCU

Page facebook BU Santé (exclusivement pour les travaux)

Blog BCU de valorisation des ressourcessur la première guerre mondiale

BLOG pro de la BCU : l'alambic numérique

Intranet de la BCU

L’organisation de la stratégie éditoriale

Direction de la BCU

Comité éditorial

Commissioncommunication

La coordination éditoriale

AdministrateurBFM

Administrateur IUT

Administrateur Lettres

et Sc. Humaines

Administrateur Sciences

et Techniques, Staps

Administrateur Santé

Administrateur Droit

Economie etManagement

Webmestre

La commission communication

CorrespondantCom.BFM

CorrespondantCom.

IUT

CorrespondantCom.

Lettreset Sc. Humaines

CorrespondantCom.

Sciences et Techniques,

Staps

CorrespondantCom. Santé

CorrespondantCom.Droit

Economie etManagement

ResponsableCommunication

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

http://www.enssib.fr/bibliotheque-numerique/documents/64153-qu-est-ce-qu-un-portail-de-bu-reussi.pdf

http://www.parcoursnumeriques-pum.ca/pratiques

http://www.parcoursnumeriques-pum.ca/pratiques(consult%C3%A9

Enssib final cm-kv

Documents

Transcript of Enssib final cm-kv