Contenu interactif : notions de base, conseils et outils

La plupart des exploitants de sites Web souhaitent informer les visiteurs sur un sujet spécifique ou bien les divertir. Aujourd’hui plus que jamais, il est important de s’appuyer sur un contenu avec des éléments uniques et de grande qualité afin de se démarquer. Ainsi, il est désormais nécessaire de prendre en compte un phénomène qui gagne de plus en plus en importance : le contenu interactif, c’est à dire le contenu qui incite l’utilisateur à participer, à interagir avec le site Internet.

Le contenu interactif séduit les utilisateurs sur plusieurs points. Le visiteur ne se contente pas de lire un texte ou de voir une image, mais il peut influencer, changer un élément directement par son intervention, afin d’activer l’accès à d’autres informations ou bien pour avoir la possibilité de faire connaitre son opinion. Ainsi, le contenu devient une expérience et se mémorise plus longtemps. L’interaction avec le site Web, et au-delà avec les marques et les services qui le composent, est beaucoup plus intense qu’avec une lecture simple. De plus la probabilité que l’utilisateur soit satisfait et réalise une conversion, augmente, tout comme la durée de séjour.

Vous trouverez ci-dessous un aperçu des différents types de contenu interactif et des outils utiles pour pouvoir le réaliser, l’éditer afin de finalement l’intégrer à votre projet Web.

Tous les contenus présentés ci-dessus exigent beaucoup  plus d’efforts que la réalisation d’une présentation classique d’images et de textes. De plus les coûts sont aussi plus élevés, en particulier concernant les outils et les services nécessaires à la création de tels éléments interactifs. Toute personne qui n’est pas experte en programmation de jeu mais qui souhaite en intégrer un pour son site Web, devra alors forcément recourir aux services d’une agence externe. De même pour la réalisation de vidéos à réalité virtuelle, ou ici le besoin d’équipement pointu et le temps de traitement et de montage peut s’avérer particulièrement long et onéreux et cela même pour quelques minutes de tournage.

Mais il est souvent possible de créer certains types de contenu interactif comme des graphiques, des quiz ou des diaporamas sans l’aide de fournisseurs de services externes. Il suffit en effet bien souvent d’un bon concept et d’un outil adapté. Nous vous présentons ci-dessous certains des outils les plus intéressants. 

La version de base gratuite de l’éditeur d’image peut être utilisée gratuitement, cependant pour signaler un élément interactif, elle ne propose qu’un bouton standard en différentes couleurs. De plus, le nombre d’accès mensuels à l’image ou graphique est limité à 10.000 vues. Si vous souhaitez personnaliser la conception du bouton et les informations supplémentaires, vous pouvez utiliser le package « Professional » (20 $ par mois pour un utilisateur et 100.000 visites). Ce dernier apporte aussi des statistiques d’analyse détaillées et permet de supprimer la marque ou logo ThingLink du graphique interactif. Le forfait « Premium » (125 $ par mois pour cinq utilisateurs et 1 million de vues) permet aussi de créer des images et vidéos à 360 degrés avec un contenu interactif. 

La version de base d’Infogram peut être utilisée gratuitement afin de créer du contenu interactif. Cependant dans ce cas, l’accès au logiciel est assez limité : il n’existe que peu de cartes (dont l’Europe, l’Afrique et les Etats-Unis) et une sélection restreinte d’icônes et d’images. En outre, le projet concerné doit être stocké et rendu accessible au public. Afin de créer des projets privés et accéder à plus d’un million d’images et d’icônes, il est nécessaire de souscrire à une version payante comme « Pro » (jusqu’à 100 projets à partir de 19 $ par mois), « Business » (jusqu’à 1000 projets à partir de 67 $ par mois) ou « Enterprise » (nombre de projets illimité ; prix sur demande). Les versions « Business » et « Entreprise » vous permettent également d’utiliser votre propre logo et de retirer la référence à Infogram qui est présente en temps normal sur les diagrammes ou cartes.

Qzzr vous permet non seulement de créer du contenu interactif, mais aussi de fournir des statistiques détaillés sur l‘activité des utilisateurs. Par exemple, vous pouvez savoir combien d’utilisateurs ont répondu à un questionnaire ou ont participé à une enquête, combien de temps fut en moyenne nécessaire et connaitre jusque ou ils ont répondu au questionnaire ou à l’enquête (taux de performance), en effet quiconque combine un Call-to-action avec le contenu peut ainsi connaitre le taux de conversion.

 Si vous n’avez besoin que d’un simple quiz ou que d’une petite enquête pour votre site Web, vous pouvez utiliser la version de base gratuite. Cependant, pour un contenu professionnel et plus interactif, vous devez alors souscrire à l’abonnement « Pro » (299 $ par année). Dans cette dernière version, le quizz ne contient qu’une petite mention sur Qzzr (alors que dans la version de base, par exemple, le logo apparait aussi dans le contenu partagé). Vous pouvez aussi désactiver la recommandation automatique d’autres questionnaires et enquêtes du réseau Qzzr. Si vous ne voulez pas faire de référence à l’outil ou au fournisseur, cela n’est possible que via la version « Entreprise », dont le prix est probablement encore plus élevé que celui de la version « Pro ». Il n’y pas de prix forfaitaire pour eux, un devis doit en effet être établi.

L’utilisateur de Cincopa peut choisir parmi différents modèles pour concevoir du contenu multimédia interactif. Par exemple, il existe des modèles pour les collages, les diaporamas, les lecteurs vidéo, les listes de lecture ou les timelines qui sont disponibles dans la version gratuite. Cependant, cette version de base est limitée à un domaine, 50 images et trois fichiers audio, trois fichiers vidéo ainsi qu’à un gigaoctet de trafic. De plus le logo « Powered by Cincopa » est aussi visible dans le contenu créé. Ainsi ceux qui souhaitent créer et publier régulièrement du contenu interactif doivent choisir parmi l’une des versions payantes : « Startup »  (1 domaine, 5 fichiers vidéo/audio, 1500 images, 10 Go de trafic pour 99 $), « Plus » (5 domaines, 50 vidéos, 200 fichiers audio, 2000 images, 100 Go de trafic pour 25 $ par mois) ou « Corporate » (nombre illimité de domaines, 500 vidéos, 1000 fichiers audio, 5 000 images, 400 Go de trafic pour 99 $ par mois).

Pour enrichir vos projets avec du contenu, il est bien évidemment possible de télécharger et d’utiliser vos propres images. De plus, les titres, blocs de textes et boutons peuvent être crées et positionnés selon vos souhaits dans les articles Web. Le choix d’un thème peut aussi influencer le design. Afin d’importer des clips, il suffit simplement de spécifier l’URL. Le contenu peut être partagé via le lien généré automatiquement (fonctions intégrées pour Facebook et Twitter), envoyé par email ou intégré dans votre propre site Web via un code. L’utilisation des applications Spark, ces dernières sont aussi disponibles en tant qu’applications iOS, est totalement gratuite, mais les abonnés du cloud créatif peuvent notamment par exemple supprimer le logo, la référence au logiciel.

RacontR n’est pas entièrement responsive design. Enfin l’outil offre l’insert d’un plan Google et le partage sur les réseaux sociaux comme Twitter ou Facebook par exemple. Il existe trois versions de l’outil dont la version « FREE »  qui comme son nom l’indique est gratuite. Avec cette version de base, la diffusion du projet est possible juste sur RacontR.com, mais offre 30 Mo fixes de stockages. Il existe enfin la version « FREELANCE » adapté plutôt pour les indépendants, seulement avec un accès utilisateur unique, 200 Mo de stockage mensuel mais la marque RacontR disparait et les projets sont duplicables et la diffusion possible. Enfin, la version « Premium » à partir de 299 euros par mois autorise un accès utilisateur multiples, comporte un support premium et apporte un stockage jusqu’a 100 Go mensuel. A noter qu’il existe aussi une solution business personnalisable sur devis uniquement.

Si vous souhaitez utiliser Mapme pour créer du contenu interactif pour votre site Web, vous devez alors recourir à l’un des services payants. En effet la version gratuite de l’application Web est uniquement disponible à titre de démonstration et n’offre pas par exemple, la possibilité de publier ou d’intégrer les cartes créées. Les utilisateurs peuvent aisément choisir entre les trois versions Premium : « Basic » (à partir de 19 $ par mois), « Standard » (à partir de 29 $ par mois) et « Plus » (à partir de 49 $ par mois). Cette dernière vous permet non seulement d’épingler un nombre illimité d’emplacements, mais donne aussi accès à des effets 3D pour une conception de carte bien plus intéressante. Les détenteurs de la licence « Plus » peuvent également personnaliser la carte à l’aide de CSS. 

Les outils présentés ici offrent différentes options pour rendre votre projet Internet plus interactif via des outils simples et un budget léger. Toutefois, les grandes entreprises avec un budget conséquent ont bien évidemment la possibilité de faire appel à des agences extérieures afin de s’occuper de la création et de l’actualisation du contenu des sites Web interactifs. Dans tous les cas, un contenu interactif rend un site Web encore plus attractif, si cela est utilisé dans un emplacement approprié et s’il n’éloigne pas le visiteur du produit ou service recherché. Ainsi, il est important de créer le cadre approprié pour le bon contenu interactif et de trouver un juste équilibre entre l’information et le divertissement, cela a notamment été brillamment maitrisé sur le sites suivants :

• Airbnb : dans une interactive infographie avec plusieurs images, dessins, animations et cartes, la plateforme communautaire de location présente l’impact économique de ses services sur l’économie berlinoise avec des animations et des cartes interactives.
  
   
• Fillory : avec une impressionnante carte interactive, le site Internet welcometofillory.com présente le monde fantastique Fillory de la série de Syfy « The magicians »  (basé sur la trilogie du même nom de Lev Grossman). Vous pouvez aussi y trouver des informations détaillées sur les personnages principaux ainsi que divers mini-jeux et quiz sous la forme de rubrique « Quests ». A l’occasion de la deuxième saison de la série, l’émission a fait réaliser le site Web par le studio de production UNIT9. 
  
   
• Sézanne : le site officiel de la boutique parisienne de mode sézanne est un bon exemple de la valeur des diaporamas pour l’e-commerce. En plus d’une bonne présentation des produits, il existe un court storytelling interactif ou les visiteurs peuvent découvrir d’une manière originale des produits sélectionnés.
  
   
• Mymuesli : avec le configurateur en ligne de mymuesli, l’utilisateur peut créer son propre muesli à partir de différents ingrédients. Vous pouvez sélectionner une base de muesli et l’enrichir avec des fruits, des noix, des graines ou encore du chocolat, il est ensuite possible de commander directement le mélange, de l’enregistrer et même de la partager avec d’autres utilisateurs.