Cahier des charges Site web salon de coiffure Futur Création Alexandre Rocca et Julien Da costa ~ Sommaire ~ 1. Objectifs stratégiques A/ Résumé B/ public cible C/ vision générale du contenu 2. Focus A/ Charte graphique B/ Fonctionnalité C/ Remarques complémentaires 3. Prototype de structure A/ Brève description méthodologique B/ résultat et analyse C/ Proposition de prototype 1. Objectifs stratégiques : Résumé : Créer un site vitrine ayant pour but d informer le client et de promouvoir le salon de coiffure, ainsi que certaines de ces activités annexes. Public Cible :
Le salon de coiffure est destiné à tout client sans distinction. Cependant (voir annexe 3), les femmes sont les cibles privilégiées, elles sont plus nombreuses à utiliser ce service, elles demandent des techniques de coiffure souvent plus complexes et sont les seules à utiliser certains services annexes (ex : Onglerie). Vision générale du contenu : Le site contiendra toutes les informations permettant de situer et de contacter le salon (Nom, adresse, téléphone). De plus il devra intégrer les horaires d ouverture du salon ainsi que toutes le type et le prix de toutes prestations de coiffures organisées de façon thématique selon le genre. Certaines prestations (définies par la commanditaire) devront être illustrées d une photo et la réduction étudiante être mise en valeur. Des informations concernant l espace onglerie et la vente de produits de beauté devront être disponibles sur le site, ainsi qu un lien vers le services tatouage. Enfin le site disposera d un espace où l historique du salon et une présentation du parcours de la propriétaire apparaîtront. Des journées à thèmes sont en réflexion, si cette idée voit le jour, elle devra être intégrée au site. Pour plus de détails concernant la demande du commanditaire se référer au document en annexe 1. 2. Focus Charte graphique : D après notre analyse de l activité (annexe 3) il est important pour le futur client de pouvoir visualiser le salon et se faire une idée de l ambiance, de l atmosphère y régnant. En conséquence le site intégrera de nombreuses images du salon, et la gamme de couleur utilisée sera en accord avec les tons chaleureux du salon (orange/jaune), ce qui était aussi souhaité par notre commanditaire. L idéal serait de refléter l ambiance accueillante et maison du salon tout en gardant une certaine sobriété propre à un espace de détente. Fonctionnalité : Étant donné le caractère multiculturel de Genève, il serait bon que le site soit disponible en français et en anglais. De plus la commanditaire et d origine italienne de même que nombre de ces clients, une version en italien est donc envisageable. D après notre analyse de l activité, le bouche à oreille est un élément majeur du choix d un salon. Les fonctionnalités favorisant le partage sont à valoriser. Les fonctionnalité de partage via email, sms, twitter, facebook sont disponibles sur les sites concurrents (annexe 2). De même proposer une version imprimable de la page peut être intéressant. Situer et contacter le salon de coiffure est primordial, d après notre analyse concurrentiel (annexe 2) la proposition d une carte interactive google map semble être pertinente et permet à l utilisateur d accéder à différentes vues et de créer son itinéraire
directement sur le site. De même nous avons pu observer un site proposant une fonction de rappel par mail ou téléphone lorsque l utilisateur entre ses coordonnées. Un diaporama photo permettra de ne pas surcharger d images les pages tout en proposant à l utilisateur le souhaitant un nombre conséquent de vues du salon. Remarques complémentaires : La relation coiffeur-client est importante pour l utilisateur/utilisatrice car permet d instaurer une relation de confiance et facilite la communication. Le site devra favoriser ce lien en présentant l équipe de coiffure et valoriser la régularité. Le turn-over de l équipe de coiffure était déstabilisant et entraînait une coupe de cheveux à chaque fois différentes et ne correspondant pas toujours à ses attentes (annexe 3). Nous avons observé que certains site n hésitent pas à mettre en avant dès la première page l équipe de coiffure (Par exemple le site Rhizhone - Annexe 2). Ci mettre cette information en page d acceuil, est loin d être la norme pour tous, cela dénote une certaine importance de l information et la nécessité de la voir figurer quelque part sur le site. Visualiser des exemples de coiffures réalisées sur des clients, peut motiver et/ou décider la personne à choisir ce salon. Les images étant des cliente et non des modèles, l utilisateur peut alors s identifier avec plus de facilité. 3. Prototype de structure du site : Le prototype de structure du site a été défini à partir de la méthode du tri de carte. Une méthodologie centrée utilisateur utilisée en ergonomie pour obtenir des informations sur la structuration de contenu d un site internet. Nous avons effectué le tri de carte avec deux utilisatrices agées de 24 ans, adeptes d'internet et utilisant les services de salons de coiffures. A/ Description méthodologique : La méthode du tri de carte a pour but de faire ressortir aux chercheurs l architecture de l information d un site web tel qu elle est attendue par les utilisateurs. En effet, ces informations doivent, pour l utilisateur, être pertinentes, accessibles et pour cela doivent être organisées d une manière claire et logique pour lui. Cette méthodologie tente de faire ressortir le schéma mental de structuration d informations des utilisateurs. Pour ce faire, la méthode consiste à présenter tout le contenu d un site web sous formes de cartes que l utilisateur devra regrouper, suivant les liens logiques qu il perçoit. La procédure se déroule en quatre étapes : 1. Phase d immersion 2. Phase de définition des contenus 3. Phase de groupement 4. Phase de labellisation des groupes. Pour le détail descriptif de ces différentes étapes se référer à notre document en annexe 4.
Nous avons réalisé 42 cartes contenant des photos, des textes, des adresses web ou mail, la représentation d un diaporama photo etc. Ces cartes ont été réalisées à l aide de contenus d autres sites web et notamment ceux relevé lors de l analyse concurrentielle. La passation s est déroulée en France avec l un de nous communiquant et participant à distance via vidéo et haut parleur. La passation s est déroulée avec deux utilisatrices. Pour plus d information concernant le choix des utilisateurs et le déroulement de la passation se référer à notre document en annexe 4. B/ Résultat et Analyse : résultats obtenue :
Nous constatons à travers les catégorisations des deux utilisatrices certaines différences mais aussi beaucoup de points communs. Cela nous donne : Points communs : De manière général nos deux utilisatrices ont opéré des catégorisations très ressemblantes. On peut constater que les deux utilisatrices ont créé des catégories Tarifs et prestations regroupant les mêmes cartes (différences simplement au niveau du diaporama et de la carte où un des modèles porte un tatouage). Les utilisatrices veulent pouvoir voir les prestations et le prix correspondant simultanément (pouvoir comparer, être sur de ne pas se tromper etc.). Les utilisatrices n ont fait aucune sous-catégories concernant les prestations (pas de séparation par type de coupe, par longueur de cheveux, par genre etc.). Les utilisatrices nous ont dit qu il n est pas forcément pertinent de le faire car ensuite il faut connaître la terminologie des catégorisations. On constate chez les deux utilisatrices une volonté de séparer les prestations de coiffure des produits de coiffure, voir de certains services annexes (tatouage, onglerie). Même si elles réalisent la manoeuvre de façon différente (voir différence). Les utilisatrices sont très attentives à ce que les informations de contact, d horaire et de situation géographique se retrouvent en un seul et même endroit. Ainsi les cartes de plan, d adresse, numéro de téléphone, horaire d ouverture, fermeture jours férié etc. doivent être facilement accessible et ne pas avoir à les chercher sur différentes pages du site.
La demande de stage, l offre d emploi sont sans aucune hésitation, pour les sujets, des cartes relatives au secteur de l emploi du salon et doivent être dans une catégorie à part. On remarque enfin que les utilisatrices ont une vision assez claire de ce qu elles comptent trouver dans une présentation de salon. Les catégories accueil et notre entreprise sont identiques et regroupe un historique, une présentation du parcours de la patronne, l équipe de coiffure, photo du salon etc. Par accueil l utilisatrice ne parlait de la page d accueil terminologie utilisée dans le domaine du web mais l accueil d un salon, dans le sens de recevoir les gens, de se présenter. Différences : Chez l une des utilisatrices, la catégorie livre d or a été constitué alors que pour l autre, la carte livre d or n avait aucun sens et/ou aucune utilité. La journée à thème semble aussi être une carte intéressante. L une l a supprimée, l autre l a mise dans le groupe contact horaire. La suppression de cette carte peut être expliqué par le fait que les journées à thèmes sont une spécificité propre au salon de coiffure sur lequel nous travaillons et donc pouvant être inconnu aux utilisatrices cliente d autre salon de coiffure. Dans la catégorie de contact (chez le sujet S.), il y a la carte info/news, carte qui nous semble être une référence à l actualité pour les sujets. Il est intéressant de voir que le sujet N. a mis la carte info/news dans une catégorie emploi (catégorie existante chez le sujet S.). La catégorie lien n existe pas chez le sujet N. car les cartes de cette catégories sont réparties dans d autres catégories chez N. Pour le sujet S. il semble que cela soit une catégorie dirigée vers quelque chose d extérieur au site. La carte diaporama a la même fonction mais est utilisée pour des usages différents. Les utilisatrices voient l utilisation d un diaporama soit pour la présentation d un salon soit pour un aperçu des prestations possibles. C/ Proposition du prototype Nous avons pris comme base la structure commune aux catégorisations des deux utilisatrices. Sur cette base nous avons développé la structure du site en tenant compte des informations obtenues aux cours de l analyse de l activité et de l analyse concurrentielle. Plan : Page d accueil : Devra rester sobre et poser l ambiance du salon, nous avons déjà discuté du fait que l ambiance du site reflète l ambiance du salon de coiffure pour l utilisatrice. Pour respecter la volonté de notre commanditaire nous devrons respecter une ambiance chaleureuse et maison tout en restant dans une certaine sobriété et élégance propre à l esthétisme d un salon de coiffure. La page d accueil doit aussi être claire et mener rapidement à l information que cherche l utilisateur. Nous avons donc choisis de faire une page d accueil contenant :
Un en-tête contenant le logo du salon, le nom dom du salon avec en petit en-dessous le numéro de téléphone et l adresse, le choix de la langue, et les icônes de partages et d impression. Cet entête ne changera pas et sera le même sur chaque page. un diaporama sous forme de bannière contenant des photos mettant en valeurs le salon. Des teintes dans les tons jaune/orangé (couleurs du salon et couleurs chaleureuses) sûrement associées au blanc pour être moins agressif. Une petite photo de la patronne associée à un texte introductif court (personnalisation, accueil du client par la patronne). Un espace contenant de brève info/news ( date d une éventuelle journée à thème, un lien pointant vers la page emploi lorsqu un nouvel emploi est offert, une nouvelle prestation disponiable au salon, une réduction exceptionnelle etc) Un petit footer, contenant la date de mise à jour, et l accès administrateur. Cet accès permettra juste aux personnels du salon avec un log-in d écrire dans l espace info news, livre d or, et page emploi. Ce n est pas un service d administration puissant, la gérante est peu à l aise avec les technologies informatiques. Juste un accès dans 3 texte-box permettant de modifier les informations amenées à changer fréquemment. Pour nous contacter ou nous rejoindre (page 1) : Page primordiale indiquer dès le premier onglet. Cette page englobe les horaires (incluant les jours de fermetures suivant des jours férié et/ou congé), les numéros de téléphone et fax, email. De plus, un plan d accès avec les services de proximité (Supermarché guichet de banque pour retirer argent etc) et les moyens d accès. Si nous avons réfléchis à un service de réservation en ligne, l idée n a pas été retenue. Les utilisateurs sont habitués à utiliser mail et téléphone, et la mise à jours en temps réel d un tableau avec les horaires encore disponible nécessite un travail humain systématique et quotidien. Présentation (Page 2) : Cette page est construite selon les catégorie accueil et notre entreprise de nos utilisatrice. Il s agit ici de mettre en valeur l historique du salon ainsi que de présenter de manière rapide le personnel et de manière plus approfondie la gérante. Le contenu textuel sera axé sur leurs expériences professionnelles. Quelques images viendront habiller ce contenu afin de rendre la navigation plus agréable. Nos prestations et tarifs (Page 3) : Comme définie par nos utilisatrices, les prestations de coiffure seront séparées des autres prestations, et les prix seront au même endroit. Cette section fera apparaître les 50 prestations de coiffures regroupées par type de prestation (chignon, permanente, crête, coupe afro etc.) selon la catégorisation effectuée par notre commanditaire (nous ne sommes pas assez spécialisé en coiffure pour pouvoir les classer). Pour que la page ne soit pas surchagée d information, elle fonctionnera sous la forme de menus déroulants. Au final la page contiendra. Les noms de catégories faisant défiler des noms de coiffure au survol de la souris. Chaque nom de coiffure sera suivi de l indication (coupe courte), (coupe mi-courte), (coupe longue). Certaines coupes possèdent les trois indications et ont donc trois pris différents, voir point suivant.
La manière dont est définie les prix. Trois prix, selon coupe courte, coupe mi-longue, coupe longue. Un encadré contenant les différents moyens de payements accepté par le salon. Une mise en valeur de la réduction étudiante. Nos services supplémentaires (Page 4) : Dans cette section, nous retrouverons, en nous basant sur les résultats de nos utilisatrices, l ensemble de prestations autres que la coiffure. Les informations sur le service onglerie (agrémenté d un mini diaporama incluant quelques réalisations) les produits de coiffure (avec photo aperçu des produits) mis en vente et disponibles uniquement sur place. Les liens vers des services partenaire, comme le site de l offre de tatouage associée. La description des produits de coiffure et du service onglerie représentent une importante somme d informations que l on peut difficilement afficher sur une seul page. La page nos services supplémentaire ne sera donc qu une page regroupant de manière attractive (mise en valeur, grande photo) les liens vers les pages consacrés à chaque services respectif. La page onglerie contiendra les photos de réalisation, la liste des prestations d ongleries et le prix associé. La page produit ne contiendra pas des centaines de produits différents, c est un petit salon. Il n y a donc pas lieu de réfléchir à un service de recherche et de comparaison performant. II s agit ici de présenter à l utilisateur les quelques gammes présentent aux salon. Une icône en savoir plus sera disponible sous chaque gamme, offrant le détail des produits de cette gammes disponible au salon et à quel prix. Emploi et Stages (page5) Cette page contiendra : Un petit texte concernant la politique d emploi du salon. Indiquant par exemple que le salon accueil volontiers des stagiaires (si place il y a) Les éventuelles annonces détaillées d offre d emploi Un espace texte pour répondre rapidement à l annonce en envoyant un mail à notre commanditaire. Livre d or (page 6) Petite page où des commentaires peuvent être rentrés directement depuis le site au travers d une textebox (avec validation de la gérante du magasin). La forme graphique serait d un type de post-it sur un mur avec les commentaires rentrés depuis le site ainsi que les commentaires que la gérante a rentré elle-même se trouvant sur papier dans le salon. La page mettra aussi en valeur les liens vers facebook, Twitter etc.
~ Annexes ~ Annexe 1 : Document pdf - Entretien commanditaire lien ->http://tecfaetu.unige.ch/etu-maltt/r2d2/dacostj7/ergo/analysedemande.pdf Annexe 2 : Document pdf - Analyse concurrentielle lien -> http://tecfaetu.unige.ch/etu-maltt/r2d2/dacostj7/ergo/ analyseconcurrentielle.pdf Annexe 3 : Document pdf - Analyse de l activité lien -> http://tecfaetu.unige.ch/etu-maltt/r2d2/dacostj7/ergo/analysedelactivite.pdf Annexe 4 : Document pdf - Déroulement du tri de carte lien -> http://tecfaetu.unige.ch/etu-maltt/r2d2/dacostj7/ergo/methodetridecarte.pdf Annexe 5 : Document pdf - Les 42 cartes utilisées lien -> Annexe 6 : -> http://share.axure.com/8xccly/