Sommaire - u
Transcription
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.