Contenu in­te­rac­tif : notions de base, conseils et outils

La plupart des ex­ploi­tants de sites Web sou­hai­tent informer les visiteurs sur un sujet spé­ci­fique 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é­ces­saire de prendre en compte un phénomène qui gagne de plus en plus en im­por­tance : le contenu in­te­rac­tif, c’est à dire le contenu qui incite l’uti­li­sa­teur à par­ti­ci­per, à interagir avec le site Internet.

Le contenu in­te­rac­tif séduit les uti­li­sa­teurs sur plusieurs points. Le visiteur ne se contente pas de lire un texte ou de voir une image, mais il peut in­fluen­cer, changer un élément di­rec­te­ment par son in­ter­ven­tion, afin d’activer l’accès à d’autres in­for­ma­tions ou bien pour avoir la pos­si­bi­lité de faire connaitre son opinion. Ainsi, le contenu devient une ex­pé­rience et se mémorise plus longtemps. L’in­te­rac­tion 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 pro­ba­bi­lité que l’uti­li­sa­teur soit satisfait et réalise une con­ver­sion, augmente, tout comme la durée de séjour.

Vous trouverez ci-dessous un aperçu des dif­fé­rents types de contenu in­te­rac­tif et des outils utiles pour pouvoir le réaliser, l’éditer afin de fi­na­le­ment l’intégrer à votre projet Web.

Tous les contenus présentés ci-dessus exigent beaucoup  plus d’efforts que la réa­li­sa­tion d’une pré­sen­ta­tion classique d’images et de textes. De plus les coûts sont aussi plus élevés, en par­ti­cu­lier con­cer­nant les outils et les services né­ces­saires à la création de tels éléments in­te­rac­tifs. Toute personne qui n’est pas experte en pro­gram­ma­tion 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éa­li­sa­tion de vidéos à réalité virtuelle, ou ici le besoin d’équi­pe­ment pointu et le temps de trai­te­ment et de montage peut s’avérer par­ti­cu­liè­re­ment 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 in­te­rac­tif comme des gra­phiques, des quiz ou des dia­po­ra­mas sans l’aide de four­nis­seurs de services externes. Il suffit en effet bien souvent d’un bon concept et d’un outil adapté. Nous vous pré­sen­tons ci-dessous certains des outils les plus in­té­res­sants. 

La version de base gratuite de l’éditeur d’image peut être utilisée gra­tui­te­ment, cependant pour signaler un élément in­te­rac­tif, elle ne propose qu’un bouton standard en dif­fé­rentes couleurs. De plus, le nombre d’accès mensuels à l’image ou graphique est limité à 10.000 vues. Si vous souhaitez per­son­na­li­ser la con­cep­tion du bouton et les in­for­ma­tions sup­plé­men­taires, vous pouvez utiliser le package « Pro­fes­sio­nal » (20 $ par mois pour un uti­li­sa­teur et 100.000 visites). Ce dernier apporte aussi des sta­tis­tiques d’analyse dé­tail­lées et permet de supprimer la marque ou logo ThingLink du graphique in­te­rac­tif. Le forfait « Premium » (125 $ par mois pour cinq uti­li­sa­teurs et 1 million de vues) permet aussi de créer des images et vidéos à 360 degrés avec un contenu in­te­rac­tif. 

La version de base d’Infogram peut être utilisée gra­tui­te­ment afin de créer du contenu in­te­rac­tif. 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 res­treinte d’icônes et d’images. En outre, le projet concerné doit être stocké et rendu ac­ces­sible 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é­ces­saire 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 « En­ter­prise » (nombre de projets illimité ; prix sur demande). Les versions « Business » et « En­tre­prise » vous per­met­tent également d’utiliser votre propre logo et de retirer la référence à Infogram qui est présente en temps normal sur les dia­grammes ou cartes.

Qzzr vous permet non seulement de créer du contenu in­te­rac­tif, mais aussi de fournir des sta­tis­tiques détaillés sur l‘activité des uti­li­sa­teurs. Par exemple, vous pouvez savoir combien d’uti­li­sa­teurs ont répondu à un ques­tion­naire ou ont participé à une enquête, combien de temps fut en moyenne né­ces­saire et connaitre jusque ou ils ont répondu au ques­tion­naire ou à l’enquête (taux de per­for­mance), en effet quiconque combine un Call-to-action avec le contenu peut ainsi connaitre le taux de con­ver­sion.

 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 pro­fes­sion­nel et plus in­te­rac­tif, vous devez alors souscrire à l’abon­ne­ment « 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é­sac­ti­ver la re­com­man­da­tion au­to­ma­tique d’autres ques­tion­naires et enquêtes du réseau Qzzr. Si vous ne voulez pas faire de référence à l’outil ou au four­nis­seur, cela n’est possible que via la version « En­tre­prise », dont le prix est pro­ba­ble­ment encore plus élevé que celui de la version « Pro ». Il n’y pas de prix for­fai­taire pour eux, un devis doit en effet être établi.

L’uti­li­sa­teur de Cincopa peut choisir parmi dif­fé­rents modèles pour concevoir du contenu mul­ti­mé­dia in­te­rac­tif. Par exemple, il existe des modèles pour les collages, les dia­po­ra­mas, les lecteurs vidéo, les listes de lecture ou les timelines qui sont dis­po­nibles 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 sou­hai­tent créer et publier ré­gu­liè­re­ment du contenu in­te­rac­tif 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 évi­dem­ment possible de té­lé­char­ger et d’utiliser vos propres images. De plus, les titres, blocs de textes et boutons peuvent être crées et po­si­tion­nés selon vos souhaits dans les articles Web. Le choix d’un thème peut aussi in­fluen­cer le design. Afin d’importer des clips, il suffit sim­ple­ment de spécifier l’URL. Le contenu peut être partagé via le lien généré au­to­ma­ti­que­ment (fonctions intégrées pour Facebook et Twitter), envoyé par email ou intégré dans votre propre site Web via un code. L’uti­li­sa­tion des ap­pli­ca­tions Spark, ces dernières sont aussi dis­po­nibles en tant qu’ap­pli­ca­tions iOS, est to­ta­le­ment 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 en­tiè­re­ment res­pon­sive 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 in­dé­pen­dants, seulement avec un accès uti­li­sa­teur unique, 200 Mo de stockage mensuel mais la marque RacontR disparait et les projets sont du­pli­cables et la diffusion possible. Enfin, la version « Premium » à partir de 299 euros par mois autorise un accès uti­li­sa­teur multiples, comporte un support premium et apporte un stockage jusqu’a 100 Go mensuel. A noter qu’il existe aussi une solution business per­son­na­li­sable sur devis uni­que­ment.

Si vous souhaitez utiliser Mapme pour créer du contenu in­te­rac­tif pour votre site Web, vous devez alors recourir à l’un des services payants. En effet la version gratuite de l’ap­pli­ca­tion Web est uni­que­ment dis­po­nible à titre de dé­mons­tra­tion et n’offre pas par exemple, la pos­si­bi­lité de publier ou d’intégrer les cartes créées. Les uti­li­sa­teurs 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’em­pla­ce­ments, mais donne aussi accès à des effets 3D pour une con­cep­tion de carte bien plus in­té­res­sante. Les dé­ten­teurs de la licence « Plus » peuvent également per­son­na­li­ser la carte à l’aide de CSS. 

Les outils présentés ici offrent dif­fé­rentes options pour rendre votre projet Internet plus in­te­rac­tif via des outils simples et un budget léger. Toutefois, les grandes en­tre­prises avec un budget con­sé­quent ont bien évi­dem­ment la pos­si­bi­lité de faire appel à des agences ex­té­rieures afin de s’occuper de la création et de l’ac­tua­li­sa­tion du contenu des sites Web in­te­rac­tifs. Dans tous les cas, un contenu in­te­rac­tif rend un site Web encore plus attractif, si cela est utilisé dans un em­pla­ce­ment 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 in­te­rac­tif et de trouver un juste équilibre entre l’in­for­ma­tion et le di­ver­tis­se­ment, cela a notamment été bril­lam­ment maitrisé sur le sites suivants :

• Airbnb : dans une in­te­rac­tive in­fo­gra­phie avec plusieurs images, dessins, ani­ma­tions et cartes, la pla­te­forme com­mu­nau­taire de location présente l’impact éco­no­mique de ses services sur l’économie ber­li­noise avec des ani­ma­tions et des cartes in­te­rac­tives.
  
   
• Fillory : avec une im­pres­sion­nante carte in­te­rac­tive, le site Internet wel­co­me­to­fil­lory.com présente le monde fan­tas­tique 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 in­for­ma­tions dé­tail­lées sur les per­son­nages prin­ci­paux 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 pro­duc­tion UNIT9. 
  
   
• Sézanne : le site officiel de la boutique pa­ri­sienne de mode sézanne est un bon exemple de la valeur des dia­po­ra­mas pour l’e-commerce. En plus d’une bonne pré­sen­ta­tion des produits, il existe un court sto­ry­tel­ling in­te­rac­tif ou les visiteurs peuvent découvrir d’une manière originale des produits sé­lec­tion­nés.
  
   
• Mymuesli : avec le con­fi­gu­ra­teur en ligne de mymuesli, l’uti­li­sa­teur peut créer son propre muesli à partir de dif­fé­rents in­gré­dients. Vous pouvez sé­lec­tion­ner une base de muesli et l’enrichir avec des fruits, des noix, des graines ou encore du chocolat, il est ensuite possible de commander di­rec­te­ment le mélange, de l’en­re­gis­trer et même de la partager avec d’autres uti­li­sa­teurs.