2. Le projet Web 18/10/2011 Outil qui concourt à l'atteinte d'objectifs stratégiques. permet la compétitivité de la structure répond efficacement aux besoins des utilisateurs. Complexité des projets Web = périmètre fonctionnel et technique en constante évolution. De la simple page HTML, au progiciel ou système d’information passerelle Sabrina ECHAPPE 2
3. La conception d’un site Web C’est une démarche participative, « brainstorming » Centrée sur l'utilisateur Gros projets = avis d’un panel représentatif d'usagers, Imaginer les besoins, puis les contextes d'utilisation. Les besoins de l'organisation, correspondant à une stratégie d'objectifs ; Les besoins des utilisateurs, correspondant à une stratégie de cible. 18/10/2011 3
4. Stratégie d'objectifs Récapituler les objectifs du site web Voir en quoi le site web va permettre à l'organisation de remplir ses propres objectifs stratégiques. Les objectifs doivent être quantifiables, faisables et opérationnels. Exemples d’objectifs ? Quels impacts déjà lors de la conceptualisation du site ? 18/10/2011 4
5. Stratégie de cibles Cibler des profils types Adapter l'information Adapter les ambiances graphiques Prioriser certains messages Déterminer leurs principales questions et le type de réponse attendue. Interview des clients Sondage Question ouverte à commentaire (blog, facebook, twitter) 18/10/2011 5
6. BenchmarkingBenchquoi ? En français référenciation, ou étalonnage Technique de marketing (mercatique) qui consiste à analyser les techniques de gestion, les modes d'organisation des autres entreprises afin de s'en inspirer et d'en retirer le meilleur. Veille, recherche, analyse comparative, adaptation pour améliorer la performance. 18/10/2011 6
7. La veille concurrentielleet le benchmarking Consiste à déterminer les principaux concurrents du site web analysez comment ils répondent à leur clientèle Quelles sont éventuellement leurs lacunes afin de proposer un service qui les comble dresser un panorama de l'offre existante et du besoin à satisfaire Proposer une plus-value aux visiteurs, pour atteindre un objectif de positionnement 18/10/2011 7
8. Positionnement (marketing) Choix d'attributs procurant à des offres une position: crédible, différente attrayante …au sein d’un marché et dans l’esprit des clients. Dans le cadre de la stratégie marketing, les attributs sont de l'ordre de la communication, L'image de marque d'une offre ou d'une entreprise n'est pas toujours associée au positionnement voulu par la stratégie. 18/10/2011 8
9. Faisabilité Réflexion préalable en terme de budget et de temps. Être pensé sur le long terme moyens prévisionnés pour créer le site mais aussi pour le maintenir et l'actualiser. Un site non mis à jour est un site mort (Google) Image de marque ternie (Internaute) Prioriser les ambitions initiales pour être dans le budget et les délais. 18/10/2011 9
10. Le cahier des charges Document contractuel synthétique permettant au maître d'ouvrage (client) de définir ses besoins auprès du maître d'œuvre (prestataire). Même si la réalisation du site se fait en interne, il est toujours utile de rédiger un cahier des charges, même court, afin de formaliser ses idées. 18/10/2011 10
11. La planification Répertorier les personnes travaillant sur le projet de site web, répartir les tâches selon les compétences établir un planning pour chacune d'entre elles. On peut utiliser un diagramme de Gantt chiffrer globalement le projet en calculant le temps passé par chaque personne et en le multipliant par leur coût horaire (ou journalier). 18/10/2011 11
12. Les métiers du Web Directeur de projet Chef de projet technique Rédacteur ou responsable de publication Web journaliste Développeur (programmeur) Directeur artistique Infographiste Webdesigner (parfois maquettiste) Intégrateur HTML Ergonome Administrateur réseau Animateur web (= community manager) 18/10/2011 12
14. Un peu de rangement… "Je ne trouve rien sur ce site", "je suis perdu", « Où est-ce que je peux trouver cela ? » aucune structuration sérieuse des contenus n'a été faite Info mal rangée = info supposée inexistante risque important d’abandon et de surf sur un site concurrent !!! 18/10/2011 14
15. Rechercher et rassembler les contenus Il faut penser à tout, ne rien oublier Il faut se mettre à la place du client (empathie) « est-ce intéressant pour les internautes ? » « mes visiteurs ont-ils besoin de savoir ça ? » Lister les informations pour soi est une erreur : c'est le meilleur moyen de présenter des contenus inintéressants pour l'utilisateur. La fameuse page « mon histoire » 18/10/2011 15
16. Classer les contenus par catégories Classer les éléments dans des catégories : ranger ensemble ce qui se ressemble, séparer ce qui est différent. Cette organisation est faite pour simplifier les choses. Prévoir les actions et cerner le comportement des internautes, Comprendre comment ils vont aller chercher l'information en fonction de leurs besoins. 18/10/2011 16
17. Critères de regroupement Alphabétique Chronologique Géographique Thématique Par tâches utilisateur Par cible utilisateur 18/10/2011 17
19. Navigation vs arborescence L'arborescence traite théoriquement de la manière dont les pages sont organisées La première page étant toujours la page d’accueil La problématique de navigation intervient après l'arborescence La navigation désigne la façon dont on accède aux rubriques. Elle est étroitement liée à l’ergonomie de l’interface Elle est facilitée par les mises en valeur visuelles du design Par exemple, la page d'accueil peut accueillir un gros diaporama qui met en avant certaines parties, également accessibles par le menu principal. 18/10/2011 19
20. 4 rôles de la navigation se faire immédiatement une idée du contenu du site, de la fraîcheur des informations contenues parvenir le plus rapidement possible au contenu recherché Se souvenir de ce qui a été déjà vu Connaître sa position et savoir que certaines pages n’ont pas encore été explorées. 18/10/2011 20
21. Eléments de navigation Les éléments de navigation permettent à l’internaute de naviguer, se repérer, revenir en arrière. Différents types : Le menu déroulant La liste à puce (en ?) Le fil d'ariane (en ?) La navigation par onglets La carte du site. (en ?) 18/10/2011 21
22. Ergonomie L'ergonomie est l'utilisation de connaissances scientifiques relatives à l'homme (psychologie, physiologie, médecine) dans le but d'améliorer son environnement de travail. L'utilisabilité marque l'adéquation aux capacités de l'utilisateur. confort d'utilisation, consistant à réduire au maximum la fatigue physique et nerveuse. sécurité, consistant à choisir des solutions adéquates pour protéger l'utilisateur ; 18/10/2011 22
23. Ergonomie Web Capacité d'un site web à répondre efficacement aux attentes des utilisateurs et à leur fournir un confort de navigation. Principale difficulté = diversité des profils des visiteurs. attentes de l'utilisateur habitudes de l'utilisateur âge de l'utilisateur équipements niveau de connaissances 18/10/2011 23
24. Ergonomie : les habitudes acquises logo situé en haut à gauche : souvent cliquable et qui mène à la page d'accueil ; une zone de navigation (menu), située à gauche et/ou en haut ; Le bouton « accueil » est le premier bouton Un en-tête (header) contenant le nom du site, un menu de navigation et une zone prévue pour un bandeau (graphique) ; un corps de page, contenant l'essentiel de l'information ; Une colonne à droite (sidebar) pour les focus, agendas, liens utiles … un pied de page (footer) regroupant des informations utiles : la date de mise à jour, un lien vers un formulaire de contact, un plan d'accès, coordonnées, plan de site, mentions légales, etc. 18/10/2011 24
25. Elements de Webdesign Reprise d’une charte graphique (logo) Choix de couleurs dominantes, Choix d’ambiances, d’une image de marque, Choix de polices d’écritures Images, photos Style graphique Symboles graphiques, symboles de navigation 18/10/2011 25
27. Mutualized I – L’hébergement plusieurs sites internet sur un seul et même serveur configuration déjà faite offre logicielle intégrée Avantages : Le coût Fiabilité et responsabilité juridique Disponibilité technique Inconvénients : L’espace de stockage défini Les ressources limitées Installation de certains composants ou logiciels impossible Utilisation de SSL difficile. Une même adresse IP est partagée par des centaines ou milliers de sites web.
28. Serveur dédié I – L’hébergement Un serveur pour un seul client peut être administré à distance via le réseau Internet ou administré par l'hébergeur. on parle de serveur dédié infogéré. machine entièrement dédiée si le client peut gérer les fichiers sur le serveur, les applications et leurs configurations serveur semi-dédié si le client a uniquement accès aux fichiers du serveur.
29. Serveur virtuel I – L’hébergement Serveur physique partitionné en plusieurs serveurs virtuels indépendants : Ils ont chacun les caractéristiques d'un serveur dédié Chaque serveur peut fonctionner avec un système d'exploitation différent et redémarrer indépendamment. Les acronymes VPS (Virtual Private Server) et VDS (Virtual Dedicated Server) désignent le même concept bon compromis qualité / prix
31. Comment choisir ? I – L’hébergement Choisir un nom de domaine comportant les mots clefs importants. référencement Choisir un nom de domaine représentant votre marque. L’internaute tappe directement dans la barre d’adresse
32. Comment choisir ? I – L’hébergement Le « .com » est le plus répandu et est devenu presque incontournable. Le « .fr » est à privilégier, notamment pour des structures institutionnelles. Le dépôt d'extensions des pays étrangers (co.uk, .de, .es, .it, etc.) Si le site bénéficie d'une traduction correcte, voire d'un portail dédié selon les langues. Pour pouvoir bénéficier d'un «.fr», être identifiable sur une base de données nationale et publique
33. Mentions légales (1) Pour un site Internet édité par une personne morale (entreprise, association, …), la page « mentions légales » doit contenir au moins : La raison sociale Le siège social Un numéro de téléphone Il faut également préciser le nom du directeur de la publication et/ou du responsable de la rédaction (généralement le représentant légal de la structure) Et s’il y a lieu : Le capital social et le numéro d’inscription au registre du commerce et des sociétés (RCS ). 18/10/2011 33
34. Mentions légales (2) blog ou site édité à titre personnel, vous êtes également soumis à la publication de « mentions légales » : Nom Prénoms Adresse du domicile Numéro de téléphone Pour les personnes physiques - uniquement - il est possible de garder son anonymat, si les coordonnées de l’éditeur ont été transmises à l’hébergeur. C’est alors lui qui sera tenu de communiquer l’information sur l’éditeur (procédure judiciaire). 18/10/2011 34
35. Mentions légales (3) Il faut ajouter à la page des mentions légales, pour les personnes morales et physiques, les informations relatives à l’hébergement du site (même si le site est hébergé à titre gratuit) : Nom de l’hébergeur Raison sociale Adresse Numéro de téléphone Si l’hébergement se fait sur un serveur personnel, il faudra le préciser. 18/10/2011 35
36. Documents propres au projet Web Compte-rendu du 1er contact Ou cahier des charges fonctionnel (consultation AO) Devis chiffré Ou réponse à la consultation : note synthétique + note d’honoraires Diagramme de Gantt (Gantt Project) Etude du Benchmark Etude de positionnement (stratégie de com’) Arborescence (Xmind ou Freemind) Zoning (Illustrator) Wireframe (Illustrator) 18/10/2011 36
37. Documents propres au projet Web Audit graphique Compte-rendu de brief créatif Maquette PSD : accueil et rubrique intérieure Intégration : fichiers HTML, CSS et javascript CMS : fichiers PHP, XML, et base de données Charte éditoriale Charte SEO Guide d’utilisation de l’admin 18/10/2011 37
