Le domaine du design web est en constante évolution, et ces dernières années, l’expérience utilisateur a été placée au centre des préoccupations. Aussi appelée UX, l’expérience utilisateur consiste à améliorer la façon dont le public interagit avec les produits et services numériques. C’est devenu un investissement clé pour les entreprises modernes. En effet, une bonne expérience utilisateur peut encourager les visiteurs à passer plus de temps sur votre site web, les aider à voir votre marque de manière positive et même augmenter les ventes.
Heureusement pour nos utilisateurs, Calaméo propose une liseuse HTML5 facile d’utilisation qui permet à leurs documents de briller sur tous les appareils. Mais il y a quelques étapes simples que vous pouvez suivre pour créer une expérience encore plus optimisée pour votre public en ligne ! Découvrez les quatre principes essentiels de l’UX et comment les appliquer à vos publications numériques.
Misez sur la cohérence visuelle
Une des règles les plus importantes pour garantir une expérience utilisateur optimale est de s’assurer que vous respectez l’identité de votre marque ainsi que sa charte graphique. Tous les éléments doivent les respecter : les polices, les couleurs, la mise en page etc. Dans le cas contraire, vous risquez de perdre votre identité de marque et de rendre votre public confus, ils auront une mauvaise expérience utilisateur.
Voici quelques idées pour vous assurer que vos publications numériques respectent l’ADN de votre marque en personnalisant la liseuse :
Choisissez un arrière-plan pour la liseuse afin de l’harmoniser avec votre site web.
Créez un thème personnalisé : changer tout ce que vous voulez, jusqu’à la typographie !
Réduisez les points de friction
Pour les designers UX, la « friction » est tout ce qui se met entre l’utilisateur et son objectif. Dans le cas des éditeurs numériques, cela signifie que la lisibilité de leurs documents n’est pas optimale. Lorsque vous publiez sur Calaméo, prenez un moment pour sélectionner les meilleures options pour votre publication dans ses propriétés. Voici quelques moyens simples de réduire les points de friction :
Sélectionnez le mode de navigation le plus approprié selon le type et le format de votre document : flipbook, diapositive ou défilement.
Appuyez-vous sur les conventions déjà établies
Grâce à des décennies de culture numérique, certaines caractéristiques de l’expérience utilisateur sont rentrées dans la norme. Par exemple, les internautes s’attendent à ce qu’en cliquant sur un logo dans le coin supérieur gauche d’une page ou d’une fenêtre web, ils reviennent à la page d’accueil.
La publication ci-dessus du County of Brant en est un bon exemple. Avec Calaméo, il est simple de placer votre logo directement dans la liseuse et d’y ajouter un lien. Profitez de cette fonctionnalité pour augmenter le trafic vers votre site !
Incitez à l’action
Est-ce que vous aimeriez pouvoir :
Permettre à vos lecteurs de suivre les réseaux sociaux de votre entreprise en un seul clic ?
Modifier un bouton dans la liseuse pour y inclure un appel à l’action, tel que « Téléchargez maintenant » ?
Créer un bouton de contact dans la liseuse pour vous aider à générer des leads ?
Alors vous devriez explorer la fonctionnalité des thèmes personnalisés sur Calaméo. Grâce à sa flexibilité unique, vous pouvez adapter l’UX de vos publications numériques pour répondre aux objectifs de votre entreprise. Consultez cet exemple de l’Office de Tourisme de Bordeaux Métropole :
Nous avons mis au point un tutoriel illustré pour vous montrer comment commencer à personnaliser votre thème. Mais pour découvrir l’ensemble des possibilités, jetez un coup d’œil à nos Ressources pour les développeurs.
De l’option “no-code” aux thèmes entièrement sur mesure, Calaméo vous donne des outils puissants pour créer la meilleure expérience utilisateur possible pour vos publications numériques.
Notre abonnement PLATINUM comprend toutes les fonctionnalités indispensables pour renforcer le potentiel de vos publications numériques. Demandez votre essai gratuit de deux semaines et essayez-les dès aujourd’hui !
Grâce au marketing numérique, faire connaître votre entreprise n’a jamais été aussi simple. Toutefois, un client potentiel mettra souvent du temps pour passer de la simple visite de votre site web à l’achat de votre produit. Une stratégie pour générer des leads peut vous aider à identifier les utilisateurs intéressés. Ensuite, faites un suivi—si tout va bien, la vente est dans la poche !
Dans cet article, nous allons vous montrer des façons simples de faire de vos publications numériques des outils de génération de prospects.
Le formulaire de contact sous forme de pop-up est une méthode classique de génération de leads en ligne que nous avons déjà mentionnée ici sur le blog.
Bien que les pop-ups constituent un excellent choix, en particulier si vous produisez du contenu exclusif, leur gestion peut prendre beaucoup de temps. Envisagez une approche encore plus simple et conviviale : un bouton de contact intelligent.
Pourquoi le bouton de Contact permet-il de générer des leads ?
Quel que soit le type de contenu que vous publiez sous forme numérique, vous souhaitez que les lecteurs puissent vous contacter le plus facilement possible. Notre Editor vous permet d’ajouter des liens à l’intérieur de votre publication pour que les utilisateurs puissent vous envoyer un e-mail ou appeler votre entreprise.
La création d’un bouton de contact permet de passer facilement de la navigation dans votre contenu à la prise de contact. Les utilisateurs en profitent et vous en recueillez des leads de haute qualité. En fait, cet outil simple évite aux lecteurs d’avoir à :
retourner sur votre site
rechercher des informations de contact
ouvrir leur boîte de réception
entrer votre adresse e-mail
C’est beaucoup de travail pour poser une simple question ! Au lieu de tout cela, les clients potentiels sont libres de consulter votre publication, de cliquer sur votre lien de contact et de vous appeler ou de vous envoyer un e-mail instantanément.
Comment ajouter un bouton de Contact à vos publications
Une fois que vous avez décidé où vos liens de contact apparaîtront dans votre publication, il vous suffit de les créer avec l’Editor Calaméo.
Sélectionnez l’icône Lien externe et tracez un bloc à l’endroit que vous avez choisi pour votre lien de contact.
Pour générer l’envoi d’un email à partir de votre lien de contact, entrez « mailto: », suivi de l’adresse électronique de votre entreprise dans le champ « Lien externe ». Si un lecteur clique sur ce lien, la messagerie de son ordinateur ouvrira un nouveau message à l’adresse choisie.
Pour ajouter un lien téléphonique, entrez « tel: » suivi du numéro de téléphone de votre entreprise dans le champ « Lien externe ». Vos lecteurs peuvent passer un appel directement depuis votre publication en cliquant simplement sur le lien !
💡ASTUCE : Notez que les liens téléphoniques ne sont autorisées que pour les appareils dotés de fonctionnalités téléphoniques natives, telles que les tablettes et les smartphones. Les liens de contact par email sont actifs pour les utilisateurs de tous les appareils !
Comment ajouter un bouton de Contact à la liseuse
En investissant un peu plus de temps, vous pouvez également utiliser les liens de contact dans notre liseuse pour générer des leads. Nous vous recommandons de créer une Skin personnalisée pour inclure un bouton de contact. En voici un exemple dans la barre d’outils de notre Skin « Default » :
Vous pouvez en apprendre plus sur la façon de concevoir votre propre Skin sur notre page Developers ou dans notre tutoriel illustré. En outre, la fonctionnalité Eléments simplifie plus que jamais la personnalisation : profitez-en pour modifier l’apparence de la liseuse de votre publication directement depuis votre compte Calaméo.
Que vous préfériez un bouton « Contact » sur la page ou dans la liseuse, c’est un outil indispensable pour générer des leads à partir de votre contenu en ligne. Et avec Calaméo, vous n’aurez jamais à sacrifier l’expérience immersive offerte par les publications numériques pour profiter d’un contact client pratique et fluide.
En un mot, le bouton de contact vous offre encore une façon d’utiliser l’édition numérique interactive sur Calaméo pour aider votre entreprise à aller bien au-delà du simple PDF !
Pour tester ces idées afin de générer des leads avec l’édition numérique, demandez votre essai PLATINUM de 14 jours. Vous aurez accès à toutes les fonctionnalités de notre offre professionnelle, et c’est entièrement gratuit.
Cela n’a pas pu vous échapper, en graphisme on retrouve la couleur bleue partout. Eh oui, c’est même la couleur la plus utilisée dans les logos ! Alors, du turquoise au saphir, en passant par le cobalt et l’azur : comment expliquer l’omniprésence du bleu dans le design graphique ?
Voici un rapide sommaire des thèmes que nous allons aborder dans cet article :
Redéfinissons tout d’abord la couleur bleue avec exactitude.
Le bleu : une simple couleur primaire ?
On l’apprend très tôt : le bleu est une couleur primaire. Cependant ce n’est pas aussi simple que cela. Si dans la synthèse additive (ou RVB pour Rouge, Vert, Bleu), qui est utilisée pour définir les couleurs diffusées par tous nos écrans, le bleu est effectivement une couleur primaire ; c’est plus précisément la teinte cyan (un bleu-vert) qui est la teinte de bleu primaire dans l’imprimerie (qui utilise la synthèse soustractive ou CMJN pour Cyan, Magenta, Jaune, Noir).
Le bleu à plus d’une teinte à son arc
Le bleu est composé de centaines de teintes : c’est un champ chromatique qui regroupe un grand nombre de nuances se situant entre le vert et le violet.
Bien que le bleu soit considéré comme une couleur froide (par opposition au rouge chaud), les teintes de bleu peuvent être plus ou moins chaudes selon leurs sous-tons. Les sous-tons ce sont les couleurs secondaires mélangées à votre bleu : un peu de vert va donner un bleu canard par exemple.
De plus, la saturation va également jouer un rôle important : d’une teinte terne (bleu-gris) vers une teinte pêchue (bleu franc). Pour finir, c’est aussi la luminosité qui va déterminer votre teinte de bleu : d’une teinte profonde et foncée comme le bleu nuit, vers une teinte claire comme le bleu ciel.
Ainsi, si vous aviez l’habitude de considérer le bleu comme votre couleur préférée, vous êtes en réalité très imprécis, car comme nous venons de le constater, le champ du bleu est très étendu : vous n’aimez sûrement pas autant le bleu marine que le bleu pastel ou le bleu électrique !
💡ASTUCE : Vous avez le choix ! Soyez créatifs quand vous choisissez une teinte de bleu, ne reprenez pas une nuance trop proche de celle de vos concurrents.
Bleu et civilisations : histoire et perceptions
Maintenant que nous avons bien redéfini la couleur bleue, commençons à répondre à notre problématique sur l’omniprésence de cette couleur dans le graphisme en nous attardant un petit moment sur son histoire et son rapport aux civilisations passées et actuelles.
Petite histoire de la couleur bleue
La naissance du « bleu »
Cela va peut-être vous surprendre, mais le bleu ne serait né qu’au Moyen-Age. Avant cela, on n’avait défini ni son nom, ni son concept. En d’autres termes, le champ chromatique du bleu n’était pas une notion qui existait à cette époque-là pour l’être humain. Cela ne veut pas dire qu’il n’existait pas d’objets bleus, mais juste qu’on ne considérait pas le bleu comme une couleur à part entière. Tout ce qui était bleu était décrit avec les couleurs qui existaient alors, comme une teinte de rouge ou de blanc. C’est très difficile à concevoir à notre époque !
Une histoire de pigments
Le bleu se retrouve peu dans la nature, les pigments bleus naturels sont donc rares. En effet, les seuls pigments bleus naturels proviennent de l’indigotier (un végétal), du pastel (un autre végétal) et du lapis-lazuli (un minéral).
Rapidement, les civilisations ont donc créé des pigments bleus synthétiques. Le premier d’entre eux a été inventé par les Egyptiens dans l’antiquité, nommé le Bleu Egyptien. Le bleu de Prusse, le bleu cobalt et le bleu de phtalocyanine sont quelques autres exemples de pigments synthétiques bleus.
Il est intéressant de noter que si le bleu n’avait pas encore de nom, l’être humain semblait déjà fasciné par cette couleur au point d’essayer d’en créer des pigments.
Bleu et perceptions
Perceptions du passé
A notre époque, le bleu est une couleur qui fait partie de notre quotidien, cependant cela n’a pas toujours été le cas. Dans la Rome antique, le bleu était méprisé. Symbole de ridicule ou associé aux barbares : il n’était pas question de porter du bleu.
A partir du Moyen-Age, la couleur prend une connotation divine et on la retrouve sur de nombreuses œuvres d’art religieuses. On comprendra alors qu’elle devienne également la couleur de la monarchie (de droits divins) un peu plus tard.
Finalement, au XXe siècle c’est toute l’humanité qui adopte le bleu avec la mode du blue jean.
Perceptions actuelles
Comme nous venons de le comprendre, selon les époques et les cultures, le ressenti, les sentiments et les connotations associés aux couleurs ne sont pas les mêmes. Prenons le temps d’étudier quelques perceptions actuelles du bleu.
En français, on dit « être fleur bleue » ou encore « avoir une peur bleue », en anglais on peut avoir un sentiment de déprime « to feel blue ». Ainsi, rien que par le langage, le bleu peut nous évoquer plusieurs images différentes.
Voici quelques exemples des différentes perceptions associées au bleu :
Perceptionsuniverselles actuelles
la confiance
la sécurité
l’éternité
le calme
la paix
la liberté
la nostalgie
Perceptions culturelles précises
la noblesse, la royauté : bleu roi, « avoir le sang bleu » (en français)
les ouvriers : « cols bleus », en opposition aux « cols blancs » des employés de bureau
💡ASTUCE : Bien que les ressentis communément associés à la couleur bleu soient le calme et la confiance, il est toujours indiqué de vérifier la perception de chaque teinte que vous comptez utiliser dans vos communications par rapport à votre cible et à sa culture.
Le bleu dans l’art
Nous ne pouvions pas parler du bleu dans le graphisme, sans évoquer d’abord le bleu dans l’art. En effet, c’est dans l’art que le graphisme puise toute son inspiration. Le bleu est une couleur que l’on retrouve dans beaucoup d’œuvres : de La nuit étoilée de Van Gogh à La Grande Vague de Kanagawa de Hokusai, en passant par le Colored Mona Lisad’Andy Warhol.
Ainsi, même si nous n’allons citer que quelques exemples intéressants de l’utilisation du bleu dans l’art ci-dessous, sachez qu’il en existe de nombreux autres.
Le jardin Majorelle
Connaissez-vous ce jardin marocain dont les murs et la villa sont peints dans une teinte bleue, proche du cobalt ? C’est devenu un lieu très connu grâce à sa singularité.
Son propriétaire dans les années 30, le peintre français Jacques Majorelle, est inspiré par Marrakech et crée une villa accompagnée de son jardin botanique. Mais il ne s’arrête pas là, il crée également le « bleu Majorelle » et décide d’en peindre les murs de sa villa.
Ce jardin est une grande source d’inspiration pour les artistes et les créatifs par la suite, notamment pour Yves Saint-Laurent.
💡 A RETENIR: Le bleu peut être utilisé de façons audacieuses, inédites, inattendues et inspirantes.
Yves Klein : le bleu IKB
Attardons-nous maintenant sur un autre inventeur du bleu : Yves Klein. Il est le créateur du bleu IKB, ou International Klein Blue, une teinte proche du bleu outremer. C’est un artiste plasticien qui a utilisé son invention, l’IKB, dans de nombreuses œuvres, notamment en monochrome, c’est-à-dire en n’utilisant que cette teinte.
💡 A RETENIR: L’utilisation du bleu comme marque de fabrique : un bleu unique qui vous rend reconnaissable.
Picasso : la Période Bleue
Notre dernier exemple intéressant de l’utilisation du bleu dans l’art est la Période Bleue de Picasso de 1901 à 1904. Profondément touché par la mort d’un proche, le jeune peintre s’est mis à peindre dans des teintes de bleu pour exprimer son chagrin.
💡 A RETENIR : Les couleurs permettent de relayer des messages et d’exprimer des sentiments.
Le bleu dans le design graphique et l’identité visuelle des marques
Après notre grand panorama théorique sur la couleur bleue qui, nous l’espérons, aura su vous convaincre de son importance ; passons à une étude de la pratique : comment le bleu est-il utilisé par les marques ? Et comment bien l’utiliser dans votre identité de marque et par extension, dans vos publications numériques sur Calaméo.
Puisque le bleu est la couleur préférée du monde entier, il paraît évident que son utilisation dans vos designs est une bonne idée, puisqu’elle va plaire à une très grande partie de vos clients et prospects. De plus, on associe beaucoup de positif à cette couleur : la confiance, la paix, le calme. Votre marque sera donc associée à ces qualificatifs instantanément.
Ainsi, rien que par l’utilisation du bleu dans votre charte graphique le public aura une perception positive de votre marque.
Pour l’expérience utilisateur
Dans le design graphique, il est important de s’attarder sur l’expérience utilisateur et de faire en sorte qu’elle soit la plus agréable possible pour tous. Le bleu étant la couleur la moins altérée par les troubles de la vision des couleurs, c’est un bon choix de couleur pour votre charte graphique.
Exemples de chartes graphiques utilisant le bleu
Pour vous aider à bien utiliser le bleu dans votre identité visuelle et dans vos communications, voici quelques exemples intéressants de l’utilisation du bleu dans des chartes graphiques et les bonnes idées à reprendre.
Ikea : reconnaissable entre tous
Comment passer à côté de l’exemple d’Ikea, deux couleurs fortes qui tranchent et qui donnent une identité visuelle unique et reconnaissable. C’est sûrement le seul magasin de meubles que vous pourrez reconnaître de loin, où que vous soyez dans le monde, grâce à son revêtement extérieur bleu et à son enseigne à lettres jaunes.
💡 A RETENIR : l’association de deux couleurs fortes qui contrastent fortement, comme des couleurs complémentaires par exemple : associez le bleu à des tons orangés ou jaunes.
Ces couleurs si distinctives ont été choisies pour refléter celles du drapeau Suédois. Ce choix renforce l’identité de marque d’Ikea, qui insiste sur son origine : des noms des produits jusqu’aux types de plats proposés dans leurs restaurants, en passant par leur charte graphique.
💡A RETENIR : l’utilisation de couleurs spécifiques pour renforcer votre identité de marque.
Les grands acteurs du web : presque toujours des teintes de bleu
Sur internet, presque tous les logos sont essentiellement bleus. Vous pouvez en voir quelques exemples ci-dessus. Ce qui au début était peut-être un choix stratégique semble s’être transformé en tendance. On peut imaginer que le choix du logo bleu des premières entités sur internet traduisait l’envie d’avoir une image de stabilité et de confiance dans ce nouveau monde virtuel qui paraissait éphémère. Les logos bleus sont maintenant couramment associés aux entreprises de l’informatique et du web.
💡A RETENIR : étudiez vos concurrents et leurs chartes graphiques : s’ils utilisent tous les mêmes codes, il peut y avoir une raison.
Calaméo : le bleu pour souligner
Pour finir, nous tenions à vous parler de notre utilisation du bleu. En effet, bien que le bleu ne soit pas notre couleur principale et qu’elle n’apparaisse pas dans notre logo, nous en avons tout de même une utilisation bien définie. Le bleu nous sert à souligner et faire ressortir les messages importants. Comme vous pouvez l’observer sur notre blog, les liens sont en bleu et ressortent bien.
💡A RETENIR : vous pouvez utiliser une teinte de bleu dans votre charte graphique sans que cela soit une couleur principale. N’hésitez pas à lui donner une fonction précise.
Ainsi, le bleu est utilisé par beaucoup de marques dans leur identité visuelle et il assure des fonctions différentes dans les chartes graphiques de chacune. De couleur principale à couleur d’accent, il s’agira de trouver la meilleure façon d’incorporer cette couleur incontournable dans votre charte graphique pour qu’elle complète votre marque et son identité.
Le bleu est une couleur fascinante : que ce soit par son histoire, ses nombreuses utilisations dans l’art, ou encore par toutes les différentes connotations qui lui sont associées. C’est pour cette raison que le bleu a su s’imposer comme une couleur incontournable dans le design graphique.
N’hésitez pas à y avoir recours dans votre identité visuelle de marque et dans vos publications numériques. Le bleu utilisé avec ingéniosité, dans une nuance originale ou en association avec des teintes inhabituelles, saura vous démarquer tout en vous rendant inoubliable.
