Your SlideShare is downloading. ×

Projet web : lexique et notions

2,450

Published on

Published in: Technology
1 Comment
2 Likes
Statistics
Notes
  • Excellente présentation Sabrina!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
2,450
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
1
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Stratégies de projet web
    18/10/2011
    Sabrina ECHAPPE
    1
  • 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
  • 13. L’arborescence : étape clé d’un projet Web
    18/10/2011
    13
    Sabrina ECHAPPE
  • 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
  • 18. L’arborescence (ou plan de site)
    18/10/2011
    18
  • 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
  • 26. Hébergement et serveurs
  • 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
  • 30. Le nom de domaine
    I – L’hébergement
  • 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

×