Créer des images interactives avec Thinglike

Ce nouvel outil permet de rajouter musique, vidéos, liens sur une image interactive. Anglophone, mais très simple à utiliser, il suffit de sélectionner une zone de votre image, vous ajoutez un texte et un lien et c’est parti.

Mieux Thinglike permet aussi d’inclure des pistes audio à partir de Soundcloud ou des vidéos Youtube. Et comme tout bon service « 2.0 » qui se respecte, Thinglike vous permet d’exporter le résultat sous forme de widget insérable sur n’importe quel site web.

Un groupe de musique s’est déjà approprié l’outil pour créer une couverture d’album interactive originale.

A mon avis avec un peu de travail, il y a moyen de faire des choses encore plus sympas.

Ça vous inspire ?

Une liste de widgets d’artistes

Je découvre via Where is my song un Blog me site, un site qui liste des widgets d’artistes. De nombreux exemples avec le code a copier/coller et une très joli interface. Des exemples pour trouver l’inspiration.

Joli boulot par Ibernatus, un studio de communication interactive dédié aux professionnels de la musique et du divertissement.

widgets-artistes-blogmesite

Et voici un exemple:

Rappel si vous ne savez pas ce que c’est un widget:

C’est quoi un widget et pourquoi ca change tout pour les artistes

Et si voulez faire un widget facilement vous même :

Créer un widget avec Sprout: Le widget des bijoux de Famille

Creer un widget avec Sprout: Le widget des bijoux de Famille

Deuxième article sur la com’ internet du groupe de musique Les Bijoux de Famille. Aujourd’hui j’explique pourquoi et comment j’ai créé des widgets pour favoriser la promotion du groupe.

Quel est l’intérêt d’un widget ?

Dans un article précédent j’expliquai ce qu’est un widget et je décrivais l’intérêt pour un groupe de musique (ou un artiste en général) d’offrir un widget à ses fans. c’est un cadeau pour les fans et aussi un moyen pour eux de faire de la diffusion prescriptive pour vous.

  • intérêt pour les fans: vous pouvez rajouter sur vos pages du contenu de vos artistes préférés (musique, vidéo, photos, news, …) pour vous et vos visiteurs. C’est très facile à mettre en place et à utiliser.
  • intérêt pour les artistes: vous faites plaisir à vos fans tout en bénéficiant d’une exposition accrue. Chacun de vos fans se transforme en panneau d’affichage voire même en point de vente. Le widget a une vie propre. Comme chacun peut le répliquer il se diffuse de manière virale (c’est contagieux !). Autre intérêt, un certain contrôle sur le contenu et la possibilité de le mettre à jour très facilement

Une jolie représentation de la propagation d’un buzz (bouche à oreille). J’ai oublié la source, si l’auteur se fait connaître je rajouterai avec plaisir la paternité de l’image.

Comment faire un widget pour la promotion d’un artiste?

Quel service utiliser ?

J’ai teste plusieurs services avant de trouver ce qu’il me fallait pour les Bijoux de Famille:

  • plemi est un service qui permet de au musiciens de créer un widget. Celui ci est plutôt joli, malheureusement le service est encore en phase de test et non utilisable.
  • europamp3: un autre service de widget pour musiciens. Celui ci n’est pas super joli, mais est plutot efficace. L’aspect le plus intéressant est qu’il permet de vendre ses titres en ligne. Pour cela vous devez indiquez vos coordonnées bancaires lors de l’inscription et si vous êtes inscrit a la SACEM ou autre service du même type.
  • Widgetbox est un générateur de widget généraliste. L’ergonomie du site est agréable, mais j’ai trouve les options de création un peu limitées. Il semble servir surtout à récupérer du contenu d’une source (fil RSS, HTML) et à le transformer en widget.
  • Sprout Builder est un générateur de widget généraliste. Ultra complet et très ergonomique, il permet quasiment de tout faire. J’ai vraiment été impressionné par la facilité d’utilisation et l’aspect bien conçu de l’interface. C’est donc Sprout que j’ai choisi pour fabriquer mes widgets.

Comment démarrer

Je ne décrirai pas ici le détail d’utilisation de Sprout, mais j’aimerai parler du processus de création du widget. Comme pour la création d’un site web, il est important de se demander quel message on veut faire passer et à qui. Ensuite on va se demander comment faire passer ce message. Pour cela commencer à travailler avec papier et un crayon et faire des ébauches est une bonne approche. Cela permet de mettre ses idées au clair plus rapidement que sur l’ordinateur.

Mes widgets Sprout

Pour commencer j’ai choisi de faire 2 type de widgets. Le premier est un simple jukebox d’une page, contenant la pochette de l’album et un lecteur mp3 avec les titres des Bijoux de Famille. En bas du widget j’ai mis en rouge un bouton « Ajoutez ce lecteur a votre site » pour promouvoir la diffusion de ce widget. Ce widget permet donc aux fans d’insérer un Jukebox Bijoux de Famille dans leur pages pour proposer de la musique en écoute a leurs visiteurs. A noter que j’ai choisi de ne pas démarrer automatiquement la musique lors du chargement de la page. Rien de plus insupportable que de retrouver agressé par une musique alors que l’on n’a rien demandé.

Pour le deuxième widget j’ai choisi un format « youtube ». Pour le contenu, j’ai quasiment réalisé un minisite web, avec une actu en première page, et des pages musique, vidéo, photo dates et contact. Ce widget est plus destiné au fans motivés qui veulent faire activement de la promotion pour les Bijoux de Famille (widget plus encombrant, plus de contenu informationnel, …).

Promouvoir le partage du widget

L’aspect le plus intéressant des widgets, c’est que n’importe qui peut le coller n’importe ou en quelques clics de souris. Ainsi chaque widget Sprout contient un lien « Share » en bas a droite. En cliquant ce lien, l’internaute accède à des options qui permettent d’envoyer le widget sur un des nombreux services en ligne (profil MySpace, commentaires MySpace, Friendster, Facebook, Orkut, Bebo, Tagged, Blogger, Live Spaces, Freewebs, LiveJournal, My Yearbook, Vox, TypePad, Xanga, Multiply, iGoogle, Netvibes, Pageflakes, MiGente), d’envoyer par mail à ses contacts ou encore de récupérer le code HTML pour ajouter le widget à n’importe quelle page web. A coté de ce bouton par défaut j’ai rajouter un bouton en français, plus gros et plus voyant (rouge) pour favoriser le partage de ces widgets par les internautes. Sur le MySpace des Bijoux de Famille nous allons aussi fournir des explications pour montrer aux gens a quoi sert le widget et comment l’ajouter à leur page MySpace.

Ajouter un widget Sprout à sa page MySpace

Sprout a vraiment bien fait les choses, l’opération prends moins de 20 secondes. Difficile de faire plus simple:

  • Cliquez sur le bouton « ajouter à votre site » (ou Share sur tous les Sprout)
  • Cliquez sur le bouton MySpace
  • Rentrez vos identifiants MySpace (email et mot de passe)
  • Choisissez la section ou vous voulez voir le widget apparaitre (par exemple la section musique)
  • Cliquez sur Post pour finaliser.
  • Le widget est inséré automatiquement dans votre page.

Cliquez pour voir en plus grand

Ajouter un widget Sprout a sa page web ou son blog

Ce qui connaissent youtube ne seront pas dépaysés. L’opération est exactement la même que pour récupérer une vidéo. Cliquez sur le bouton « ajouter à votre site » (ou « Share« ) copier le code HTML du widget en cliquant sur « Copy« et le coller dans votre page web ou votre article de blog. Une fois la page en ligne le lecteur sera automatiquement inséré dans la page.

Pour finir

Au final, même si je pense que je vais retoucher ces widgets (est ce que la taille est bonne, le design peut il être amélioré ?), je suis plutôt content de la première version. Parmi les choses que je pense changer: peut être rajouter quelques pages au jukebox (j’aimerai que les gens puissent consulter une autre page dans le widget sans que la musique s’arrête, mais je ne sais pas encore comment faire). Pour le minisite, je voudrai rendre le bouton « partager/ ajouter a votre site » plus voyant pour favoriser la diffusion. Je pense aussi rajouter de la vidéo dans le minisite, voire même créer une mini webTV Bijoux de Famille quand nous aurons assez de contenu intéressant. Autre projet: rajouter dans les widget une boutique avec un moyen de paiement en ligne (pour l’instant le plus simple est d’utiliser PayPal, mais j’aimerai trouver une alternative, car je n’aime vraiment pas PayPal).

Mise à jour 04/02/2011: N’ayant pas eu le succès commercial escompté, Sprout va bientôt passer en version payante destinée aux entreprises à 3000$ /an, ce qui le rend désormais inaccessible à la majorité des artistes. Il reste néanmoins un excellent service, mais réservé aux artistes avec un budget conséquent

Pour ceux qui souhaitent facilement créer un widget type mp3 player, je vous conseille de tester Soundcloud qui est parfait pour partager de la musique.

BD 2.0: Dilbert teste le partage et les outils collaboratifs

Dilbert, la fameuse BD aux personnages fous furieux du monde de l’entreprise vient de lancer plusieurs services communautaires. Parmi ceux ci, un lecteur exportable pour recevoir la BD du jour sur votre site et même la possibilité de remixer certaines BD.

Très bonne initiative et une première pour le monde de la BD, Scott Adams, le créateur de Dilbert vous propose donc un widget (un lecteur) que vous pouvez afficher dans vos pages pour permettre à vos visiteurs de voir la BD du jour sur votre site. Bon le widget n’est pas le plus beau que j’ai vu (et pourquoi faire une fenêtre carré quand les BD sont en longueur ???), et pas hyper fonctionnel, mais ça marche, voyez donc:

Deuxième innovation, ce qu’il appelle les « mashups », c’est à dire ici la possibilité
de choisir le texte de la dernière case de la BD du jour pour faire un chute différente (avec le slogan: Serez vous plus drole que Scott Adams?). Après inscription au site, chacun est libre de proposer sa chute, les autres inscrits pouvant voter pour l’histoire la plus drôle et commenter.

L’original

dilbertoriginal.jpg

Le remix (plus drole a mon avis)

dilbertmashup.jpg

A coté des lecteurs exportables et des widgets, le site propose d’autres outils collaboratifs comme le partage par email, la sauvegarde, les alertes par RSS, le vote et les commentaires. Je trouve cependant l’aspect un peu fouillis et mieux pas forcement très accessibles aux personnes qui ne sont pas habituées à ces outils 2.0. En tout cas l’initiative est vraiment ouvertes sur la communauté et le partage et c’est ça le plus important.

BD 2.0 : une œuvre et une communauté

En ouvrant ses créations et en laissant jouer son public avec, Scott Adams créer un réseau social autour de son site, ça donne envie de revenir voir son travail et d’en parler. Typiquement pour moi le genre d’initiative qui a de l’avenir et dont l’artiste 2.0 doit s’inspirer…

Pour continuer le sujet, voyez la rubrique Toc-Arts sur les Widgets

Issuu: un outil pour illustrateurs, dessinateurs de BD, graphistes, peintres, photographes

Jacinthe a testé Issuu, un service qui permet de transformer un PDF en “livre virtuel” (au format Flash) tout en ayant la possibilité de le partager avec d’autres internautes que se soit dans son blog ou sur le site de Issuu.
Elle suggère une très bonne solution pour les photographes ou graphistes ne pouvant se faire un site web: la possibilité de créer un widget ou une page personnalisable avec Issuu. Nous avions déjà vu l’intérêt d’avoir un widget. Cela permet aux fans d’afficher les couleurs de leurs artistes préférés sur leurs sites persos et aux artistes d’être diffusés tout en gardant un certain contrôle sur leur contenu. Le format « livre virtuel » de Issuu semble parfait pour les illustrateurs, dessinateurs de BD, graphistes, peintres ou photographes.

En voici un exemple, qu’en pensez vous ? (cliquer sur la flèche pour tourner la page)

Le service est en anglais, mais il a l’air très facile d’usage. Pour en savoir plus sur Issuu, jette un œil à l’ergospeed de Issuu qui contient de bonnes explications et une démo en images.

Mise à jour: Sébastien me signale l’existence de Wobook un service similaire à Issuu et disponible en français. Wobook permet aussi de rajouter des vidéos, de créer des sommaires interactif, de personnaliser votre charte graphique pour rajouter votre logo et site internet, de faire des recherche de texte, contrôler l’accès et les droits d’impression, et d’obtenir des statistiques d’usage via google analytics. Bref un service très complet pour vos publications en ligne (Journaux, magazines, catalogues, livres, brochures, documentations…).

C’est quoi un widget et pourquoi ca change tout pour les artistes

Les widgets sont des petits morceaux de programmes que vous pouvez placer sur votre page web pour rajouter des fonctionnalités sans être programmeur. En proposant des widgets les artistes peuvent recruter leur communauté de fans pour leur promotion.

Avant de commencer, voulez vous écouter un peu de Ben Harper? Cliquez sur « Music »


Pour vous faire écouter cet artiste, je n’ai pas été pirater sa musique pour la mettre sur mon site. Non en fait je n’ai rien eu a faire de plus que copier et coller le code du widget qu’il propose sur son site.

C’est quoi un widget ?

Des exemples de widgets

En gros les widgets sont comme des morceaux de pages web qui offre une fonctionnalité précise (une vidéo, la météo, un jeu vidéo, une actualité remise à jour…) et que vous pouvez insérer très facilement dans vos pages web, blogs, myspace. Vous pouvez ainsi ajouter à vos pages des images, des vidéos, des présentation, des diaporamas, de la musique, des cartes, une recherche google, et bien d’autres choses…

L’intérêt est évidemment de proposer à ses visiteurs une meilleure expérience du site en leur offrant des fonctionnalités supplémentaires qu’il aurait été impossible/difficile de mettre en place autrement (par exemple un moteur de recherche ou un lecteur vidéo).

Mais ce n’est pas tout. Quand vous utilisez un widget, l’espace de stockage et la bande passante utilisé ne sont pas à votre charge; en mettant vos vidéos sur youtube ou dailymotion, vous leur laissez le cout du stockage, de la transmission des données et en plus vous avez un joli lecteur de vidéos, le tout sans avoir besoin de programmer.

Mieux , un widget peut être réutilisé non pas sur un seul site web, mais sur des milliers, ce qui permet d’utiliser l’effet réseau. Ainsi, si votre vidéo est hébergée sur youtube au lieu d’être hébergée sur votre site, il extrêmement facile pour d’autres personnes de la mettre sur leur propre site. Et donc de de faire plus de diffusion pour la vidéo en question, en favorisant le bouche à oreille et la diffusion de personne à personne. Le message passe donc de manière beaucoup plus ciblée et il susceptible de toucher des personnes intéressées.

Autre avantage pour le créateur du widget, il garde un certain contrôle du contenu. Ainsi, il peut mettre à jour l’information diffusée par le widget, connaitre les utilisateurs du widget ou même supprimer celui ci s’il ne souhaite plus diffuser son contenu.

Pourquoi ça change tout

Tout ça c’est bien joli, mais quel intérêt pour les artistes ? Nous avons vu un peu plus haut le widget de Ben Harper qui est mis a disposition sur son site et que chacun peut librement insérer dans ses pages web … Ce widget contient des photos, de la musique, de la vidéo, des actualités, … bref un mini-site de Ben Harper à insérer dans votre site ! Mieux si après avoir écouté la musique, ça vous a plu, il est possible d’acheter la musique directement via le widget. Ainsi, chaque personne qui insère le widget de Ben Harper dans sa page devient un panneau d’affichage, un point de diffusion et de vente pour Ben Harper.En offrant à ses fans quelques chose de joli, de facile et d’agréable (quoi de mieux pour un fans que d’avoir la musique, vidéo, actu de son artiste favori sur son site personnel et de le partager avec ses amis?), Ben Harper recrute sa communauté de fans pour sa communication, sa diffusion et même sa vente. Les petits ruisseaux faisant les grandes rivières des milliers (millions?) de fans relayant ainsi une information peuvent jouer un rôle incroyable pour soutenir leur(s) artiste(s) favori(s).

Créer un Widget

Des sites comme Sprout ou Widgetbox vous propose de créer vos widgets ou d’utiliser ceux qui ont été crées par les autres utilisateurs. Plus spécialisé musiciens, BnFlower propose un lecteur audio et permet aux utilisateurs de choisir 3 chansons d’artistes qu’ils veulent diffuser. Pour les musiciens toujours, mais plus complets EuropaMP3 ou Plemi permettent de créer des widgets avec textes, photos, musiques, vidéos, bref un mini site web que les fans peuvent embarquer sur leurs pages. EuropaMP3 prévoit même de reverser une commission aux personnes hébergeant les widgets. Il me semble que Jamendo proposait des widgets, mais je n’arrive pas a remettre la main dessus.

Installer un widget sur sa page web

Pour installer le widget sur votre site vous devez copier le code HTML donné par le créateur du widget et le coller dans votre page web, votre blog ou votre MySpace. Ce code est disponible sur le site du créateur du widget ou souvent dans le widget lui même (menu « partager » ou « share »).

Si vous n’avez pas déjà un site, un blog ou un Myspace, des services comme Netvibes ou Webjam vous propose de créer gratuitement une page personnalisée ou vous pourrez insérer et collectionner des widgets, mais aussi les faire passer à vos amis. Enfin certains widgets peuvent être directement installé sur votre ordinateur (widgets pour MacOSX, mais appelle « gadgets » chez Windows Vista).

Pour finir

Je pense que dans l’avenir (très proche) ce moyen de diffusion prescriptive va se généraliser, que chaque personne va devenir son propre média et agira comme un filtre au sein de son réseau social, relayant certaines informations et éliminant certaines autres. Je parie même que dans très peu de temps ce modèle concurrencera sérieusement le modèle publicitaire classique.
Allez, je vous laisse avec Eleanor L Vault, un artiste découvert en cherchant des widget:

Ouvrir dans un pop-up