Sommaire - u

Sommaire
1. Contexte global
° Analyse sectorielle
° Recherche
° Playlists
° Web 2.0 - Application
° Web 2.0 - Feel and look
° Web 2.0 - Communautaire
° Synthèse
2. Contexte local
° Objectifs internes
° Financement & Ventilation budgétaire
° La même
3. Concepts
° Simplicité
° Web 2.0 ?
° Tout est playlist
° Recherche
° Browsing
° Justement Music et l’utilisateur
° Extensions
° In & out
4. [ SITE V2 ] Fondamentaux
° Préambule
° Ossature partie fixe
° Homepage
° Player, Recherche & Fiche morceau
° Exemple d’affichage
5. Planning de production prévisionnel
Ceci est une étude d’un cas réel
de refonte de site, le nom du
client final, les chiffres financiers
ainsi que les noms des tiers personnes ont été supprimé.
Le client et le nouveau site sont
ainsi nommés [ SITE V2 ].
La première version du site, [
SITE V1 ]
I. Contexte Global
Analyse sectorielle
Les industries musicales à destination des particuliers et des professionnels sont en pleine mutation, les modèles doivent s’adapter.
Dans le cadre de la refonte évaluons selon certains critères clefs un panel de sites «pertinents» :
Justement Music
Boosey
Universal
Jamendo
Getty
Deezer
Spotify
Recherche
Peu importe la méthode, l’évaluation d’un moteur
de recherche se base sur la pertinence des résultats et, à un niveau moindre, sur l’ergonomie de
recherche.
Du panel, seuls Justement Music et Universal propose un VRAI mode récursif. Cela les place hors
catégorie par rapport aux autres.
Boosey propose un panel de choix trop important,
on ne s’y retrouve pas et autant de choix est une
porte ouverte au «zéro resultat».
Jamendo et Getty proposent un «faux» récursif
qui amène à des résultats tronqués. En revanche
dans des styles différents, ils sont simples à utiliser.
A noter, Getty ne propose pas de recherche par
mots-clefs.
Deezer et Spotify, de part leur secteur métier, proposent uniquement une recherche mot-clefs sur
les artistes, album et titres. On trouve... ou pas...
mais il n’y pas plus simple.
A noter pour Deezer, le prédictif.
Global
Simplicité - Ergonomie - Web
2.0 style
Playlists
Dans ce domaine, les sites de streams de part
leur nature applicative ont mis la playlist au coeur
de leur modèle de fonctionnement du site.
La création de playlists et l’ajout de morceaux se
font par drag’n drop.
Les sélections des admins ou les albums peuvent-être convertis en playlist.
La gestion des playlists se fait suivant le modèle
du logiciel Itunes.
Recursif
A noter une gestion des dossiers chez Deezer qui
vient juste d’être implémentée sur Spotify.
Les utilisateurs peuvent se les échanger ou les
partager sur Facebook, twitter ou par mail.
Pertinence (recherche multicritère si possible)
Là où les sites du secteur (sorti de Jamendo) sont
encore à une approche basique des playlists avec
l’ajout d’un petit commentaire pour Boosey et Universal ou une petite fonction de partage par mail
pour Justement par exemple, les sites de streams
jouent, eux, dans une autre division sur ce plan.
Un site de téléchargement est dans un premier
temps un site de stream.
WEB 2.0 - Application
L’application est aujourd’hui une spécificité des
sites de streams, au point que Spotify est un vrai
logiciel disponible sur la plupart des plateformes.
WEB 2.0 - Feel & Look
Deezer bien qu’accessible depuis un navigateur a
une interface résolument applicative full flash.
Jamendo est l’archétype du site WEB 2.0 d’un
point de vue design.
Peu de zone cliquable mais avec grande surface
de clic. Utilisation d’Ajax.
Peu d’informations à l’écran ce qui met en valeur
le contenu.
Les deux à quelques variantes suivent un design
type i-tunes, c’est à dire morceaux à droite sur
une ligne et playlists à gauche.
Deezer est dans cet ambiance aussi sauf concernant sa partie applicative qui est en full flash donc
pas idéal pour le référencement.
Le player est en haut sur Deezer, en bas sur Spotify.
Getty est dans la tendance un ton en dessous.
A noter quand même sur Jamendo, une recherche
en Ajax (sans rafraichissement de page) qui lui
donne une petite touche applicative.
Universal, Getty sont full flash vieille école.
Justement, Boosey en HTML.
Les quatre n’ont pas d’approche applicative.
Universal, Justement et Boosey ferment la
marche.
Spotify est une application, on ne l’evaluera pas
sur ce point.
WEB 2.0 - Communautaire
Playlists, morceaux, albums tout est partageable
sur Deezer, Jamendo et Spotify.
Les trois partagent sur Facebook et Tweeter, les
incontournables.
Deezer va même à partager sur Netvibes, Myspace, Delicious, etc...
Les options de partage avec les reseaux sociaux
sont absentes de Getty, Universal, Justement et
Boosey.
A noter, sur Deezer et Jamendo, on peut s’inscrire aux sites via son profil Facebook (Facebook
connect).
Quant au communautaire pure, Spotify permet
d’envoyer une playlist en direct à un autre utilisateur Spotify.
Enfin, Jamendo est celui qui a le plus developpé
le communautaire, il s’incrit d’ailleurs dans une
logique de réseau social à part entière !
Les utilisateurs «artistes» sont incités à mettre
leurs musiques en ligne en leur proposant une
page dédiée à l’image d’un myspace ou d’un Last
FM.
Synthèse
Les sites du secteur à la pointe sont les seuls
à avoir une recherche de type récursive, elle
convient aux types de recherche effectuées.
Les sites de streams, moins complets de ce point
de vue, ont l’avantage d’une recherche simple de
type google (uniquement sur album, morceaux et
artistes).
La gestion des playlists est clairement un atout de
la mise en application d’un site.
A travers des drag’n drop, création de dossier à
la volée, liens avec le player, la recherche se doit
d’être applicative.
Concernant le design, les sites de streams et
Jamendo de génération plus récente que ceux du
secteur apparaissent naturellement plus moderne.
Enfin, l’aspect communautaire est à prendre avec
des pincettes et au regard de la problématique
métier.
Si les liens avec les réseaux est un must, le
partage utilisateur au sein d’un même site ou les
commentaires public ne sont pas forcement souhaitables dans le cadre d’un site d’édition musicale.
II. Contexte local
Objectifs internes
Augmenter la productivité du travail en optimisant l’automatisation des process avec un
objectif :
le moins d’intervention humaine possible
•
•
•
•
•
Entrée de nouveaux albums
Génération des docs administratifs
Formatage des pochettes
Génération des newsletter
etc...
... pour dégager du temps de travail utile sur
des activités non automatisables.
• DA des albums.
• Productions de contenus (news, videos, etc..)
à destination du site.
• Prospection de nouveaux clients
• etc...
... et augmenter le CA
•
•
•
•
Vente en direct
Améliorer le ratio utilisateur / inscrits
Augmenter le traffic du site
Dévéloppement de services annexes tel que le
site en local ou les plates-formes mobiles
Financement &
Ventilation budgétaire
Financement &
Ventilation budgétaire
Il convient de penser les dépenses liées «au site»
dans un cadre plus large et plus réel qu’est celui
de l’IT actuel.
En outre, il faut distinguer les côuts liés à la
conception et aux productions récurrentes.
Ainsi, nous devons garder à l’esprit, et ce dès la
phase de maquettage le domaine des possibles.
Le site ne doit être ni sous-dimensionné ni surdimensionné par rapport aux budgets alloués à la
conception et aux production reccurentes.
Site internet Sites locaux (DD) Communication
Réseau interne
Conception initale
? (a)
? (b)
? (c)
? (d)
production récurrentes
? (e)
? (f)
? (g)
? (h)
A, B, C, D sont des côuts fixes unitaires.
E, F, G, H doivent s’entendre annuellement.
Ci-après, quelques exemples concrets de postes
à compléter en fonction des choix et du budget
total.
A
•
•
•
•
•
•
Architecture
Création graphique
Développement
Intégration
Installation et design des sites sociaux
etc...
B
• Développements spécifiques liés à la conversion site global vers sites locaux.
• Achats des serveurs initiaux.
• Installations initiales chez les clients.
• etc...
C
•
•
•
•
Campagne de pub online ciblée
Campagne de pub presse
soirée inaugurale
etc...
D/H
Le réseau interne étant déjà en place pas de coût
initial, cependant nous pouvons inclure dans le
poste H :
• Renouvellement des postes.
• Mises à jour réseau dûes aux changements de
systèmes d’exploitation.
• etc...
Financement &
Ventilation budgétaire
E
•
•
•
•
Productions graphiques, vidéos, éditoriales
hébergement serveur
Newsletters
Services online (ex : Hebergement videos,
etc...)
• Productions musicales
• Communauty managing des sites sociaux.
F
•
•
•
•
Production de nouveaux serveurs
Achats des serveurs initiaux.
Installations chez les clients des mises à jour.
etc...
G
•
•
•
•
Campagnes de pub online ciblées récurrentes.
Campagnes de pub presse récurrentes.
soirées information / démonstration
etc...
Objectif fondamental
Avoir un site upper class avec des moyens
qui n’autorisent normalement pas ce type de
production.
Deezer, Spotify, Jamendo ou Universal ont des
moyens que nous n’avons pas.
De plus, alors que Deezer et Spotify, de part leur
cadre métier, sont concentrés uniquement sur le
stream, les sites de notre secteur doivent gérer la
problématique du téléchargement en plus.
III. Concepts
Simplicité
Bien que daté, la simplicité [SITE V1] est une des
caractéristiques que nous devons conserver.
Cela passe par :
• Une logique de browsing plus claire et orientée
morceau.
Catalogue > album > morceau.
Playlist > morceau.
Recherche > morceau.
Artiste > morceau.
• Tarifs clairs en fonction de l’utilisation de la
musique pour permettre la vente en direct et/
ou l’aboutissement du cyle in/out.
• Un choix dans les fonctionnalités du site, plus
n’est pas mieux.
• L’objectif, d’une courbe d’apprentissage de
l’utilisation du site la plus courte possible.
Ceci est clairement un défi car même les sites
de stream qui ne font que streamer en ont une
non négligeable.
Web 2.0 ?
Feel & Look
Oui sur les principes de clareté, de grandes zones
cliquables mais le site doit pouvoir rester intemporel. Ne pas tomber dans le piège du «trop trendy»
et du coup, vite démodé.
Application
De ce point de vue, il doit se situer entre Deezer/
Spotify (en particulier sur la gestion des playlists)
et Jamendo. Des influences de l’itunes music
store sont aussi bonnes à prendre.
Communautaire
Si les options de partage vers les sites sociaux et
la création de pages dédiées sur ceux-ci sont un
must, les commentaires publiques sur le site sont
à bannir.
Tout n’est pas bon à prendre dans la mouvence
WEB 2.0, ce n’est pas une formule magique.
Tout est playlist
Une playlist est un groupe de un ou plusieurs
morceaux.
Ainsi :
- Un album est une playlist
- Une sélection thématique est une playlist.
- Une sélection pour le projet d’un client est une
playlist.
- Une recherche sur un ou plusieurs critères est
une playlist.
- Les meilleurs morceaux d’un artiste sont une
playlist.
- Le top 10 des morceaux les plus téléchargés est
une playlist.
- etc...
Elles peuvent-être :
- écoutées dans le lecteur
- téléchargées au format wav et mp3
- envoyées à des utilisateurs inscrits ou pas.
- partagées via les réseaux sociaux.
- classées dans des dossiers.
- copiées pour en créer d’autres à partir d’une
d’origine.
Recherche
La recherche se doit d’être PREDICTIVE, COMPLETE (sur l’ensemble des tags et synonyme +
artistes + titre morceaux + titre album) et RECURSIVE.
La recherche par browsing «catégories» devrait
être une option choisie par l’utilisateur.
En outre, il serait interessant de proposer à l’utilisateur d’afficher un ensemble de tags sur chaque
fiche morceau afin d’affiner sa recherche tout en
conservant la politque du «zero résultat» impossible.
L’idée de laisser le choix d’afficher ou pas certaines options de recherche est de permettre à
chaque type d’utilisateur d’avoir l’interface qui lui
convient le mieux. De minimaliste (par défaut)
à complète (browsing «catégorie» + tags morceaux).
Idéalement le tout dans un contexte applicatif où
les appels serveurs seraient limités via AJAX.
Ce type de méthode de recherche placerait justement-music.com à la pointe du domaine.
Browsing
Simple :
Collection > Album > Morceau.
Exit les départements.
La mise en valeur du classique et de l’ethnique
se fait à partir des collections dédiées et d’éventuelles playlists thématiques.
L’utilisateur est ton ami
Visiteur à Inscrit
° Simplification de l’inscription
- Formulaire simplifié
- Facebook Connect
- Ouverture des droits de téléchargement automatique.
° Inscription contextuelle
- Proposer l’inscription en fonction des actions
utilisateurs.
Inscrit à Utilisateur
° Développer Mon [SITE V2]
- Espace personnalisé (news personnalisées)
- Partage des playlists
- Outil de gestion avancée (Paiement en direct et
historique téléchargement et paiement)
- Incitations à l’utilisation autonome du site via des
prix moins chers qu’en appelant, par exemple.
° Rencontres «pour de vrai»
- Chez le client pour lui montrer.
- Soirées avec démonstration du fonctionnement
du site.
Extensions
Disque Dur ou plutôt Site local sur réseau
interne
° Développement parallèle au site, meilleur rapport qualité/prix
° Accessibilité sur l’ensemble des postes de montage une fois sur le réseau.
° Friendly user. Savoir se servir du «DD», c’est
savoir se servir du site et vice-versa.
° Possibilité d’incorporer des collections tiers pour
des clients spécifiques tout en gardant le contrôle
de la technologie.
° Mise en place d’éditions trimestrielles. Ce qui
revient à faire 4 tournées de mise à jour dans
l’année.
Présence sur les réseaux sociaux
° Facebook
° Twitter
° Myspace
° LastFM
Ne pas se contenter d’un multi-postage !
Etre actif, développer l’échange avec la communauté ! Bref, faire du communauty management.
Extensions
Site dédié à l’acquisition de musique
Il a pour cible les professionnels du large secteur
de la production video.
Les artistes désireux de proposer leurs musiques
sont un autre public. Ils doivent se retrouver sur
une autre adresse du type :
production.[SITE V2].com
° Inciter l’artiste à proposer sa musique avec un
d’un deal clair
° Outil d’inscription simple
° Formulaire simple pour poster sa musique.
° Administration simplifiée avec possibilité
d’échanger en direct avec l’artiste.
° liens depuis [SITE V2].com vers production.
[SITE V2].com
In & Out
Dans cette perspective de [SITE V2].com
comme un modèle.
Il y a des entrées :
- Fichiers de données (collections)
- Fichers sonores (collections)
- Données brutes (administartion, utilisateurs)
Des sorties :
- Fichiers de données (utilisateurs, organismes gérant des répartitions de droits,
etc..)
- Fichers sonores (utilisateurs)
Il convient d’identifier le précisement
possible la nature des in que peuvent/
veulent fournir les identités «in» et celles
des out que peuvent/veulent recevoir les
identités «out».
Connaître ceci, c’est réduire nos coûts
de développement !
IV. [SITE V2] Fondamentaux
Préambule
Une recherche radicale et optimum
° Radicale = google it prédictif
° Optimum = Récursive
Une orientation applicative
° Ergonomie de type itunes (player unique - drag’n
drop des morceaux vers les playlists de la zone
utilisateur)
° Une zone utilisateur dédiée et orientée gestion
de playlists.
Un site vivant, dynamique qui rend addict l’utilisateur et en phase avec son temps.
° Maj fréquente des élèments variables (graphic
boxes, bandeau, news, video, playlists actus et
thématiques)
° ouverture sur les réseaux sociaux à tous les niveaux du site (partage de playlists, de morceaux,
connection via facebook connect, etc...)
Une navigation en accord avec le positionnement du site
° Des catalogues tout le temps accesibles.
° Suppression de la navigation traditonnelle, les
rubriques de type page fixe passent en bottom.
Mise en valeur eventuellement et ponctuellement
via graphic boxes ou bandeau.
Homepage
Top
Bandeau
Catalogues
Player
Recherche
Bandeau : Zone de mise en valeur flash avec liens, peut-être
redondant mais en Fixe avec graphic boxes en homepage.
F
b
k
Catalogue : Logos des catalogues, liens vers les pages catalogues.
P aye
T i
Recherche : google it only + critères actifs + nombre de résultats
on
ti isateu
Contenu page variable
S
L
ontenu page varia
Facebook
C’est elle qui donne l’impression à l’utilisateur que le site «vit» ou pas.
Elle sert à :
- Montrer ce que [SITE V2] fait (video +
News)
- Orienter l’utilisateur en fonction des choix
stratégiques de [SITE V2] au moment t.
Ban ea
Cata ogue
Player : Player flash unique
Zone utilisateur : Navigation (homepage + son compte + playlistes venant
de Justement + playlists customs Justement + Derniers albums + etc...)
+ Playlists perso
= Itunes like.
Zone
utilisateur
o
Top : logo + Authentification/Inscription + facebook connect
r
e
Rec erc e
Video
News
FM actu
Playlist
ace oo
Top Utilisateur
Reseaux sociaux :Liens vers les pages [SITE V2] sur les réseaux sociaux
+ autres boxes fixes.
Twitter
MySpace
Last FM
Artistes Needed !
w tte
960 px
Bottom : Liens secondaires et tertiaires
News
Actualité [SITE V2] avec liens internes ou
externes et avec page news ou pas à définir
en fonction de la politique éditoriale
BGraphicm
boxes
My pac
ast
Bottom
Playlist thématique
Video
Vidéos thématiques de productions où la
musique des catalogues est utilisée.
Possibilité d’ajouter le son courant ou l’ensemble des sons de la video à la playlist
courante.
otto
Blocs graphiques types itunes store par
trois vers liens internes. Ils constituent la
zone variable de la homepage. Exemples :
° Playlists actus ou thématiques
° Lien vers le site prod
° Playlists Top utilisateurs, coups de coeurs
° Un nouvel album, Un artistes
° Une rubrique secondaire (tarifs, etc..)
° Etc..
Morceau précédent de la playlist (grisé si un seul morceau)
Player
Lecture / Pause
Morceau suivant de la playlist (grisé si un seul morceau)
timeline + informations (liens) morceau en cours
lecture en boucle on/off de la playlist
On/off Affichage
Recherche Thématique
«google it» prédictif
Simple...
Par défaut, un «google it» standard
Plus qu’un lecteur de morceau, c’est un
lecteur de playlist !
ROCK
Nom ou type playlist courante
titre morceau - album - collection
Prédictif...
On tape, il nous oriente sur NOS mots
GO !
Mute on/off
Réglage volume
Titre de la playlist ou type de playlist
JustPlay V2
GUITARE
FRANCE
362
Nombre de résultats
critères de recherche actifs
OU SELON LE CHOIX DE L’UTILISATEUR
Complet...
titre de morceaux, titre d’album, artistes
mais aussi tags et synonyme de tags
Récursif...
Et biensûr, à chaque critère le domaine
de mots est redéfini en fonction de ce qu’il
reste !
En plus, la possibilité pour l’utilisateur...
Recherche Thématique
Masquer la recherche thématique
GO !
ROCK
GUITARE
FRANCE
362
° d’y adjoindre une recherche complémentaire de type browsing récapitulant en une
liste déroulante l’ensemble des tags par
catégories.
° d’afficher les tags des morceaux dans les
fiches morceaux des résultats pour éventuellement s’en servir pour la recherche.
play ou double clic sur la ligne
Bouton fonction : Ajoutez à la playlist en cours, Ajoutez à une playlist, Achetez, Partagez
Téléchargement : Wav, mp3 320 Kbs
Bouton de sélection - supprimer d’une playlist
ou ajouter à une playlist dans un cadre collectif
Fiche morceau
Exemple d’Affichage
Une présentation de type itunes like,
c’est à dire applicative.
Quelques comportements :
° Selection multiples de morceaux via alt +
clic ou Maj + clic ou selection boxes.
° Un clic sur une colonne induit le tri alphabétique et anté-alphabétique.
° Les colonnes peuvent-êtres élargies
Informations sur le morceau avec liens vers artiste, album, collection
° Double clic ligne = play.
° Une seule ligne par défaut !
° Regroupement des fonctions sur 3 boutons.
° Drag’n Drop des fiches pour les organiser
selon son propre ordre (suivant la page
affichée) ou vers les playlists de la zone
utilisateur.
° Possibilité pour l’utilisateur d’ajouter la
ligne des tags pour croiser ses recherches.
OU SELON LE CHOIX DE L’UTILISATEUR
Attention ! Les fiches morceaux varient
d’un type de page à l’autre
Bouton «version» on/off
Selection de tags du morceeau en fonction
des critères déjà selectionnés dans la recherche
Justement Music
& U-lounge
V. Planning de production prévisionnel
Step 1 : Maîtrise d’ouvrage (1-2)
- Conception et réalisation du document
technique (bible) nécessaire à la réalisation
de la prochaine version du site justementmusic.com.
temps estimé : 3 mois environ - Variable
suivant [SITE V2].
Step 2 : Maîtrise d’oeuvre (3-6)
- Selection des préstataires
- Suivi de la réalisation du site conformément
à la bible.
temps estimé : 5 mois environ - Suivant les
prestataires.
Ceci inclut la maintenance fonctionnelle de
la V1, hors développement.
Un point peut-être fait entre Step 1 et Step
2 sur notre collaboration pour la maîtrise
d’oeuvre.
Ci-contre et ci-après, un planning «très»
prévisonnel.