Yannick LEJEUNE 113 mai 2004

Conduite de projet (Web)

Sur la base de la méthode « [Re]design de sites Web » de Kelly Goto & Emily Cotler

13 mai 2004 Yannick LEJEUNE 2

Les différents rôles

Chef de projetConcepteur du modèle informationnelResponsable du contrôle qualitéResponsable de l’ergonomieResponsable de la production et du devRédacteur responsable des contenusDirecteur artistique, concepteur graphiqueDéveloppeur, ingénieur back-office

13 mai 2004 Yannick LEJEUNE 3

Le chef de projet

Directeur de compte, producteur de site

Organise les opérations, les échanges

Définit les besoins Conseille le client Etudie la balance entre la

portée, les coûts et les délais

Assure la cohésion

13 mai 2004 Yannick LEJEUNE 4

Le concepteur du modèle informationnel

Traduit les contenus et objectifs en fonctions et visuels

Développe le plan du site Structure les modalités de

présentation Définit les modalités de

navigation, fonctionnalités, interactions utilisateur

13 mai 2004 Yannick LEJEUNE 5

Le responsable de la production et du développement

Dirige une équipe de développeurs

Optimise la codification et les tests

Assure le contrôle du respect de la portée et des délais

Dans les petits projets, il est en charge de la production

Responsable des maquettes, de l’intégration et des créations personnalisées

13 mai 2004 Yannick LEJEUNE 6

Le rédacteur, responsable des contenus

Rédaction des textes Responsable des

contenus, de la collecte des éléments, de leur livraison à l’équipe de production

13 mai 2004 Yannick LEJEUNE 7

Le responsable du contrôle qualité

L’exterminateur Contrôle <> Flicage Traque les bugs Construit et effectue

les plans de tests Vérifie la compatibilité

du site Vérifie l’adéquation

aux demandes

13 mai 2004 Yannick LEJEUNE 8

Le responsable de l’ergonomie

Collecte les informations pertinentes sur les comportements

Travail avec le concepteur du modèle informationnel pour définir la navigation et les « cheminements »

Valide l’ergonomie de la maquette HTML

13 mai 2004 Yannick LEJEUNE 9

Le directeur artistique, concepteur graphique

Prend en compte le ton du site et les capacités techniques de l’audience cible

Connaît les principaux outils de création du marché

Expert de la communication Rend homogène la vision des

différents créatifs

13 mai 2004 Yannick LEJEUNE 10

Le développeur, ingénieur back-office

Compétences d’informaticien

Connaît les mots barbares : ASP, Javascript, ActionScript, CGI…

Agent de liaison entre l’équipe « front-office » et l’équipe système

13 mai 2004 Yannick LEJEUNE 11

Sommaire

Les différents rôlesMéthodologie globale

Définition du projet Développement de la structure du site Conception graphique et validation Production et contrôle qualité Lancement et maintenance

Présentation de votre projet

Yannick LEJEUNE 1213 mai 2004

Le déroulement du projet

1 Définition du projet2 Développement de la structure du site3 Conception graphique et validation4 Production et contrôle qualité5 Lancement et maintenance

13 mai 2004 Yannick LEJEUNE 13

1 - Définition du projetDECOUVERTE

Collecte d’information

Identification de la cible

Identification des développements de back-office nécessaires

Analyse sectorielle

SYNTHESE

Définition des objectifs généraux

Préparation du rapport de conception

Elaboration du budget

Définition des délais

Affectation de l’équipe du projet

Création d’espaces d’échange

Planification des tests d’utilisation

Réalisation du cahier des charges

PLANIFICATION

Démarrage du projet

13 mai 2004 Yannick LEJEUNE 14

2 – Développement de la structure du siteNIVEAU CONTENU

Orientation générale

Analyse de l’existant

Organisation globale

Planning de livraison

Plan du site

Prise en compte de l’existant

Choix des conventions de nommage

NIVEAU SITE

Gabarit

Principes de navigation

Définition des noms et des intitulés

Définition des tâches types

NIVEAU PAGE

13 mai 2004 Yannick LEJEUNE 15

3 – Conception graphique et validation

CREATION

Rappel des objectifs

Développement des concepts

Présentation du visuel et suggestion

REMISE

Création des modèles graphiques

Définition de la charte graphique

Conception de la maquette HTML

Tests fonctionnels

VALIDATION

13 mai 2004 Yannick LEJEUNE 16

4 – Production et contrôle qualitéPREPARATION

Définition des principes généraux

Procédure de suivi de l’avancement

Définition de l’arborescence du site

Découpage et optimisation

Création des pages et des modèles HTML

Conception des scripts élémentaires

Alimentation des pages

Intégration des développements de back-office (si nécessaire)

PRODUCTION

TESTS

Programme de contrôle qualité

Tests de contrôle qualité

Hiérarchisation et résolution des bugs

Validation finale

13 mai 2004 Yannick LEJEUNE 17

5 – Lancement et maintenance

Annonce du lancement

Référencement auprès des moteurs de recherche

Lancement du site

LANCEMENT

LIVRAISON

Finalisation de la charte de développement

Rédaction du dossier de liaison

Archivage de la documentation

Réunion de bilan

Planification de la formation à la maintenance

MAINTENANCE

Evaluation des compétences de l’équipe de maintenance

Conception du programme de maintenance

Suivi des performances

Sécurisation du site

13 mai 2004 Yannick LEJEUNE 18

Les formations Formation

Roles

Informatique Art plastique / graphisme

Marketing / communication

Chef de projet x x x

Concepteur du modèle informationnel

x x x

Responsable du contrôle qualité

x x x

Responsable de l’ergonomie

x x x

Responsable de la production et du dev

x

Rédacteur responsable des contenus

x x

Directeur artistique, concepteur graphique

x x

Développeur, ingénieur back-office

x

13 mai 2004 Yannick LEJEUNE 19

10 règles d’or

1 – Réfléchissez avant d’agir2 – Cernez clairement les enjeux et les objectifs3 – Evaluez la concurrence4 – Impliquez les utilisateurs existants5 – Développez pour les utilisateurs, pas pour les investisseurs6 – Impliquez très tôt les ingénieurs7 – Faites confiance aux tests d’ergonomie8 – Maîtrisez les contenus9 – Définissez clairement les attentes10 – Pensez à long terme mais agissez à court terme !

13 mai 2004 Yannick LEJEUNE 20

Sommaire

Les différents rôles Méthodologie globale Définition du projet Développement de la structure du site Conception graphique et validation Production et contrôle qualité Lancement et maintenance Présentation de votre projet devant un jury

13 mai 2004 Yannick LEJEUNE 21

Est concentré sur les obj. gén.

Répond clairement aux enquêtes.

A des spécifications claires

Maîtrise les techno Web et le processus de dev.

Sait prendre des décisions

Est d’accord sur les délais, la nature des prestations et le budget

Réagit rapidement

Aime travailler en équipe

Tient les délais des contenus

Est un atout et non un frein

Client idéal Client à risque

S’attend à des délais irréalistes

N’est pas précis sur ses idées

Exige une maquette de présentation

Ne peut prendre aucune décision et ne les fait pas prendre par ses supérieurs

N’a jamais le temps

A un budget réduit

Est indécis et change souvent d’avis

Veut prendre en charge des aspects créatifs ou du dev pour économiser de l’argent

13 mai 2004 Yannick LEJEUNE 22

I - Définition du projetDECOUVERTE

Collecte d’information

Identification de la cible

Identification des développements de back-office nécessaires

Analyse sectorielle

SYNTHESE

Définition des objectifs généraux

Préparation du rapport de conception

Elaboration du budget

Définition des délais

Affectation de l’équipe du projet

Création d’espaces d’échange

Planification des tests d’utilisation

Réalisation du cahier des charges

PLANIFICATION

Démarrage du projetRapport de conception

Cahier des charges

13 mai 2004 Yannick LEJEUNE 23

L’enquête clients (support papier) Personnalisation de l’enquête clients Analyse de l’enquête clients

support pour le rapport de conception L’enquête de maintenance (support papier)

1 - Collecte d’information

13 mai 2004 Yannick LEJEUNE 24

I - Définition du projetDECOUVERTE

Collecte d’information

Identification de la cible

Identification des développements de back-office nécessaires

Analyse sectorielle

SYNTHESE

Définition des objectifs généraux

Préparation du rapport de conception

Elaboration du budget

Définition des délais

Affectation de l’équipe du projet

Création d’espaces d’échange

Planification des tests d’utilisation

Réalisation du cahier des charges

PLANIFICATION

Démarrage du projetRapport de conception

Cahier des charges

13 mai 2004 Yannick LEJEUNE 25

Synthèse des contraintes techniques

Evaluation du niveau d’équipement des utilisateurs

Etablissement du profil technique de la cible

Détermination des besoins techniques (spécif tech)

2 – Identification de la cible

13 mai 2004 Yannick LEJEUNE 26

I - Définition du projetDECOUVERTE

Collecte d’information

Identification de la cible

Identification des développements de back-office nécessaires

Analyse sectorielle

SYNTHESE

Définition des objectifs généraux

Préparation du rapport de conception

Elaboration du budget

Définition des délais

Affectation de l’équipe du projet

Création d’espaces d’échange

Planification des tests d’utilisation

Réalisation du cahier des charges

PLANIFICATION

Démarrage du projetRapport de conception

Cahier des charges

13 mai 2004 Yannick LEJEUNE 27

I - Définition du projetDECOUVERTE

Collecte d’information

Identification de la cible

Identification des développements de back-office nécessaires

Analyse sectorielle

SYNTHESE

Définition des objectifs généraux

Préparation du rapport de conception

Elaboration du budget

Définition des délais

Affectation de l’équipe du projet

Création d’espaces d’échange

Planification des tests d’utilisation

Réalisation du cahier des charges

PLANIFICATION

Démarrage du projetRapport de conception

Cahier des charges

13 mai 2004 Yannick LEJEUNE 28

I - Définition du projetDECOUVERTE

Collecte d’information

Identification de la cible

Identification des développements de back-office nécessaires

Analyse sectorielle

SYNTHESE

Définition des objectifs généraux

Préparation du rapport de conception

Elaboration du budget

Définition des délais

Affectation de l’équipe du projet

Création d’espaces d’échange

Planification des tests d’utilisation

Réalisation du cahier des charges

PLANIFICATION

Démarrage du projetRapport de conception

Cahier des charges

13 mai 2004 Yannick LEJEUNE 29

I - Définition du projetDECOUVERTE

Collecte d’information

Identification de la cible

Identification des développements de back-office nécessaires

Analyse sectorielle

SYNTHESE

Définition des objectifs généraux

Préparation du rapport de conception

Elaboration du budget

Définition des délais

Affectation de l’équipe du projet

Création d’espaces d’échange

Planification des tests d’utilisation

Réalisation du cahier des charges

PLANIFICATION

Démarrage du projetRapport de conception

Cahier des charges

Yannick LEJEUNE 3013 mai 2004

Rapport de conceptionSynthèse 

Public Perception, style, principes 

Stratégie de communication Positionnement concurrentiel 

Mot d’ordre 

13 mai 2004 Yannick LEJEUNE 31

Société, client Contexte Stratégie, marketing, marque Site actuel Concurrence Public potentiel Produits, services Autres

Synthèse de l’étape découverte

13 mai 2004 Yannick LEJEUNE 32

Grandes lignes du projet et de son contexte.

Objectif principal du site rénové.

Objectifs secondaires.

Objectifs à long terme.

Synthèse

13 mai 2004 Yannick LEJEUNE 33

Public visé

 Quelle est l’audience cible ? classe d’âge, son sexe, sa fréquence de connexion, ses habitudes d’utilisation, etc.

Quelle opération type les utilisateurs effectueront-ils sur le futur site s’inscrire, s’identifier, rechercher des informations, acheter un produit, communiquer son adresse électronique, solliciter des informations complémentaires,  etc.

13 mai 2004 Yannick LEJEUNE 34

Perception, style, principes 

Perception du site actuel par le public potentiel et impressions ressenties.

Objectif de perception et de satisfaction du site réaménagé.

En quoi le nouveau site permettra-t-il d’atteindre cet objectif ?

Quels adjectifs décrivent le mieux la façon dont le site et l’entreprise doivent être perçus par le public ?

Objectifs visuels spécifiques

13 mai 2004 Yannick LEJEUNE 35

Stratégie de communication 

Quel est le premier message adressé aux utilisateurs Économie, Sécurité, efficacité, fiabilité,  etc.

Comment transmettrez-vous ce message générique messagerie, cheminement dirigé, offre spéciale en page d’accueil,  etc.

Indiquez, si nécessaire, les phases de développement requises par ces objectifs.

Quels vont être les critères de mesure du succès du site rénové ?

13 mai 2004 Yannick LEJEUNE 36

Positionnement concurrentiel 

Particularités du positionnement Web de la société par rapport à ses concurrents.

Facteurs de différenciation entre la société et ses concurrents.

Parties du site actuel ayant le plus grand succès. Raisons.

13 mai 2004 Yannick LEJEUNE 37

I - Définition du projetDECOUVERTE

Collecte d’information

Identification de la cible

Identification des développements de back-office nécessaires

Analyse sectorielle

SYNTHESE

Définition des objectifs généraux

Préparation du rapport de conception

Elaboration du budget

Définition des délais

Affectation de l’équipe du projet

Création d’espaces d’échange

Planification des tests d’utilisation

Réalisation du cahier des charges

PLANIFICATION

Démarrage du projetRapport de conception

Cahier des charges

13 mai 2004 Yannick LEJEUNE 38

IntroductionGlissements et dérapageEstimation et valorisationComptabilisation des heures

1 – Elaboration du budget

13 mai 2004 Yannick LEJEUNE 39

I - Définition du projetDECOUVERTE

Collecte d’information

Identification de la cible

Identification des développements de back-office nécessaires

Analyse sectorielle

SYNTHESE

Définition des objectifs généraux

Préparation du rapport de conception

Elaboration du budget

Définition des délais

Affectation de l’équipe du projet

Création d’espaces d’échange

Planification des tests d’utilisation

Réalisation du cahier des charges

PLANIFICATION

Démarrage du projetRapport de conception

Cahier des charges

13 mai 2004 Yannick LEJEUNE 40

I - Définition du projetDECOUVERTE

Collecte d’information

Identification de la cible

Identification des développements de back-office nécessaires

Analyse sectorielle

SYNTHESE

Définition des objectifs généraux

Préparation du rapport de conception

Elaboration du budget

Définition des délais

Affectation de l’équipe du projet

Création d’espaces d’échange

Planification des tests d’utilisation

Réalisation du cahier des charges

PLANIFICATION

Démarrage du projetRapport de conception

Cahier des charges

13 mai 2004 Yannick LEJEUNE 41

I - Définition du projetDECOUVERTE

Collecte d’information

Identification de la cible

Identification des développements de back-office nécessaires

Analyse sectorielle

SYNTHESE

Définition des objectifs généraux

Préparation du rapport de conception

Elaboration du budget

Définition des délais

Affectation de l’équipe du projet

Création d’espaces d’échange

Planification des tests d’utilisation

Réalisation du cahier des charges

PLANIFICATION

Démarrage du projetRapport de conception

Cahier des charges

13 mai 2004 Yannick LEJEUNE 42

I - Définition du projetDECOUVERTE

Collecte d’information

Identification de la cible

Identification des développements de back-office nécessaires

Analyse sectorielle

SYNTHESE

Définition des objectifs généraux

Préparation du rapport de conception

Elaboration du budget

Définition des délais

Affectation de l’équipe du projet

Création d’espaces d’échange

Planification des tests d’utilisation

Réalisation du cahier des charges

PLANIFICATION

Démarrage du projetRapport de conception

Cahier des charges

13 mai 2004 Yannick LEJEUNE 43

I - Définition du projetDECOUVERTE

Collecte d’information

Identification de la cible

Identification des développements de back-office nécessaires

Analyse sectorielle

SYNTHESE

Définition des objectifs généraux

Préparation du rapport de conception

Elaboration du budget

Définition des délais

Affectation de l’équipe du projet

Création d’espaces d’échange

Planification des tests d’utilisation

Réalisation du cahier des charges

PLANIFICATION

Démarrage du projetRapport de conception

Cahier des charges

13 mai 2004 Yannick LEJEUNE 44

Présentation générale du projet Planning (livraisons et méthodologie) Répartition du budget Rapport de conception Public cible

Profils des utilisateurs Niveau d’équipement technique

Plan des tests d’utilisation Caractéristiques et hypothèses Signature (indispensable)

6 – Réalisation du cahier des charges

13 mai 2004 Yannick LEJEUNE 45

Présentation générale du projet Planning (livraisons et méthodologie) Répartition du budget Rapport de conception Public cible

Profils des utilisateurs Niveau d’équipement technique

Plan des tests d’utilisation Caractéristiques et hypothèses Signature (indispensable)

6 – Réalisation du cahier des charges

13 mai 2004 Yannick LEJEUNE 46

Présentation générale du projet Planning (livraisons et méthodologie) Répartition du budget Rapport de conception Public cible

Profils des utilisateurs Niveau d’équipement technique

Plan des tests d’utilisation Caractéristiques et hypothèses Signature (indispensable)

6 – Réalisation du cahier des charges

13 mai 2004 Yannick LEJEUNE 47

Fonction Tauxhoraire

Heures Jours Sous-total

Chef de projet 50 € 200 25 10 000€

Directeur artistique

50 € 20 2,5 1 000 €

Concepteur 40 € 40 5 1 600 €

Ergonome 50 € 30 5 1 500 €

Développeur 40 € 40 5 1 600 €

Programmeur 60 € 10 1,25 600 €

Rédacteur 35 € 40 5 1 400 €

Responsable du contrôle

qualité

25 € 12 1,5 300 €

X % frais généraux

TOTAL

18 000 € 50 % 27 000,00 €

13 mai 2004 Yannick LEJEUNE 48

Tâche Taux horaire

Heures Jours Sous-total

Définition du projet

50 € 40 5 2 000 €

Conception du modèle

informationnel

50 € 40 5 2 000 €

Conception visuelle

50 € 60 7,5 3 000 €

Animations Flash

50 € 20 2,5 1 000 €

Programmation 40 € 80 10 3 200 €

Production 60 € 10 1,25 600 €

Tests d’ergonomie

50 € 30 5 1 500 €

Analyse concurrentielle

50 € 20 2,5 1 000 €

Rédaction 50 € 60 7,5 3 000 €

Contrôle qualité/tests

40 € 15 1,5 600 €

X % frais généraux

TOTAL

17 900 € 50 % 26 850,00 €

13 mai 2004 Yannick LEJEUNE 49

Nom du projet : Identifiant du projet : Date : Nom du client : E-mail : Téléphone : [Société] Interlocuteur : Type d’avenant :

1. Changement à l’instigation du client2. Demande d’élément supplémentaire3. Élément extérieur au périmètre ou au budget initial4. Autre____________________________________

Détails des modifications ou ajouts :

Description Nombre d’heures estimé Coût

€

€

€

Total €

Pour matérialiser votre accord sur la description, les délais de réalisation et le budget des ajouts ou modifications, veuillez nous retourner ce document signé par télécopie au [xx-xx-xx-xx-xx].______________________________________________________ ________________Signature Date______________________________________________________Nom

Avenant(Modifications et ajouts)

13 mai 2004 Yannick LEJEUNE 50

Présentation générale du projet Planning (livraisons et méthodologie) Répartition du budget Rapport de conception Public cible

Profils des utilisateurs Niveau d’équipement technique

Plan des tests d’utilisation Caractéristiques et hypothèses Signature (indispensable)

6 – Réalisation du cahier des charges

13 mai 2004 Yannick LEJEUNE 51

Présentation générale du projet Planning (livraisons et méthodologie) Répartition du budget Rapport de conception Public cible

Profils des utilisateurs Niveau d’équipement technique

Plan des tests d’utilisation Caractéristiques et hypothèses Signature (indispensable)

6 – Réalisation du cahier des charges

13 mai 2004 Yannick LEJEUNE 52

Présentation générale du projet Planning (livraisons et méthodologie) Répartition du budget Rapport de conception Public cible

Profils des utilisateurs Niveau d’équipement technique

Plan des tests d’utilisation Caractéristiques et hypothèses Signature (indispensable)

6 – Réalisation du cahier des charges

13 mai 2004 Yannick LEJEUNE 53

Caractéristiques et hypothèses

Le présent projet concerne le développement, la conception graphique, la production et le développement du site Web de <client, projet>.

En phase de création de l’architecture, les informations sur l’organisation et la hiérarchisation du site seront fournies par le client et complétées par les avis ou instructions de <société de développement Web>.

13 mai 2004 Yannick LEJEUNE 54

Caractéristiques et hypothèses

Le client fournira tous les contenus texte sous forme de copies validées (sur disquette et papier). Les supports audio et vidéo seront fournis sous un format numérique directement exploitable en ligne. Les calendriers de production s’appuient sur la réception, à des dates indiquées par ailleurs dans ce document, desdits supports. Tout retard de livraison est susceptible d’avoir un impact sur le budget et la durée globale du projet.

La production du site recouvre la création et l’optimisation du code HTML et de tous les fichiers et images pour un maximum de <n> pages. Le site propose des scripts élémentaires limités à des rollovers en JavaScript. Le site développé fonctionnera sur des serveurs Unix ou Windows NT et sera compatible avec Netscape 3.0+ et IE 3.0+ en environnements Mac/OS et Windows.

13 mai 2004 Yannick LEJEUNE 55

Caractéristiques et hypothèses

La durée du projet est estimée à 10 semaines à compter du <date>. Compte tenu de la disponibilité des équipes de développement, le projet ne saurait se prolonger au-delà du <date>. Tout élément entraînant une augmentation ou une réduction des délais de production (livraison tardive des contenus, ajout de fonctionnalités, etc.) est susceptible de créer des charges facturables additionnelles.

Le budget estimé repose sur les informations connues à ce jour. Après évaluation et finalisation des objectifs du site, des charges additionnelles seront éventuellement applicables en fonction des besoins spécifiques de programmation et de développement.

13 mai 2004 Yannick LEJEUNE 56

Présentation générale du projet Planning (livraisons et méthodologie) Répartition du budget Rapport de conception Public cible

Profils des utilisateurs Niveau d’équipement technique

Plan des tests d’utilisation Caractéristiques et hypothèses Signature (indispensable)

6 – Réalisation du cahier des charges

13 mai 2004 Yannick LEJEUNE 57

I - Définition du projetDECOUVERTE

Collecte d’information

Identification de la cible

Identification des développements de back-office nécessaires

Analyse sectorielle

SYNTHESE

Définition des objectifs généraux

Préparation du rapport de conception

Elaboration du budget

Définition des délais

Affectation de l’équipe du projet

Création d’espaces d’échange

Planification des tests d’utilisation

Réalisation du cahier des charges

PLANIFICATION

Démarrage du projetRapport de conception

Cahier des charges

13 mai 2004 Yannick LEJEUNE 58

Sommaire

Méthodologie globale Définition du projet Développement de la structure du site Conception graphique et validation Production et contrôle qualité Lancement et maintenance Présentation de votre projet devant un jury

13 mai 2004 Yannick LEJEUNE 59

Web : un vecteur d’information

Les visites peuvent être : Un survol rapide Un parcours complet Une recherche spécifique

Les objectifs sont la construction De systèmes de navigation De présentation graphique D’organisation des pages et des intitulés

Pour Savoir où on est Savoir où on va Avoir envie de revenir

Cohérents et efficaces

13 mai 2004 Yannick LEJEUNE 60

Segmentation de l’approche

Le site n’existe que par ses contenus

Pour les présenter : La structure du site La structure de la page

13 mai 2004 Yannick LEJEUNE 61

Construire une maison=

Construire un site Web Le contexte

grande, à la campagne, plein pied …=

plaquette, catalogue…

Les besoins manger, dormir, se laver, se divertir …

= communiquer sur l’entreprise, les produits, les services…

Le contenu table, lit, douche, télé…

=texte, image, vidéos, sons…

Les pièces salle à manger, chambre, SDB, salon…

=L’entreprise, les produits, les services …

La navigationCouloir = Menu ; Portes = Liens

13 mai 2004 Yannick LEJEUNE 62

II – Développement de la structure du siteNIVEAU CONTENU

Orientation générale

Analyse de l’existant

Organisation globale

Planning de livraison

Plan du site

Prise en compte de l’existant

Choix des conventions de nommage

NIVEAU SITE

Gabarit

Principes de navigation

Définition des noms et des intitulés

Définition des tâches types

NIVEAU PAGE

13 mai 2004 Yannick LEJEUNE 63

Introduction

Contenu = substance

Pas de contenu = pas de site

Pas de structure = contenus inexploitables

13 mai 2004 Yannick LEJEUNE 64

II – Développement de la structure du siteNIVEAU CONTENU

Orientation générale

Analyse de l’existant

Organisation globale

Planning de livraison

Plan du site

Prise en compte de l’existant

Choix des conventions de nommage

NIVEAU SITE

Gabarit

Principes de navigation

Définition des noms et des intitulés

Définition des tâches types

NIVEAU PAGE

13 mai 2004 Yannick LEJEUNE 65

Orientation générale des contenus

Filtrage des contenus (plaquette, site Web, démo, business plan …) Élimination de contenu non pertinents sur Internet

Tri des supports Les sujets Niveau de détail

Hiérarchisation du plus général au plus spécifique

Rester simple

13 mai 2004 Yannick LEJEUNE 66

II – Développement de la structure du siteNIVEAU CONTENU

Orientation générale

Analyse de l’existant

Organisation globale

Planning de livraison

Plan du site

Prise en compte de l’existant

Choix des conventions de nommage

NIVEAU SITE

Gabarit

Principes de navigation

Définition des noms et des intitulés

Définition des tâches types

NIVEAU PAGE

13 mai 2004 Yannick LEJEUNE 67

Analyse de l’existant

Audit du contenu à ce stade sinon jamais

Choix de quels contenus font le « déménagement »

Stimulant et décourageant à la fois (nouvelle maison)

C’est le rôle du client, le prestataire ne doit que le conseiller

13 mai 2004 Yannick LEJEUNE 68

Importance stratégique de l’analyse

Contenus = cœur du besoin de refonte Minimiser les infos secondaires Mettre en valeur les msg essentiels Promouvoir l’image de marque

1ère idée de l’organisation du site Regrouper, classer, trier les pages Début de la conception du modèle informationnel

Organisation des modalités de livraison

Récupération des contenus à utiliser tels quels

13 mai 2004 Yannick LEJEUNE 69

II – Développement de la structure du siteNIVEAU CONTENU

Orientation générale

Analyse de l’existant

Organisation globale

Planning de livraison

Plan du site

Prise en compte de l’existant

Choix des conventions de nommage

NIVEAU SITE

Gabarit

Principes de navigation

Définition des noms et des intitulés

Définition des tâches types

NIVEAU PAGE

13 mai 2004 Yannick LEJEUNE 70

Organisation globale

Contenus pas finalisés mais organisés

Division du site en unités logiques

Définition de l’organigramme

Amélioration de l’organigramme

Prévision de l’évolutivité (ajouts, compléments …)

13 mai 2004 Yannick LEJEUNE 71

Loi Informatique et libertés

Traitement automatisé d’informations nominatives (TAIN)

Déclaration de la structure et du but à la CNIL Droit d’accès et de modifications

Les logos, noms, marques et éléments relatifs à des sociétés sont la propriété de leur propriétaire légal.

Vous disposez d'un droit d'accès, de modification, de rectification et de suppression des données qui vous concernent. (art. 34 de la loi "Informatique et Libertés"). Pour l'exercer, adressez vous à [adresse postale] ou par mail : [mail]

13 mai 2004 Yannick LEJEUNE 72

II – Développement de la structure du siteNIVEAU CONTENU

Orientation générale

Analyse de l’existant

Organisation globale

Planning de livraison

Plan du site

Prise en compte de l’existant

Choix des conventions de nommage

NIVEAU SITE

Gabarit

Principes de navigation

Définition des noms et des intitulés

Définition des tâches types

NIVEAU PAGE

13 mai 2004 Yannick LEJEUNE 73

Planning de livraison

Retard contenus = 1ère cause retard projet (99 % des cas) Sachez le soyez prêt à le facturer …

Mesures à prendre : Responsable des contenus Planning de livraison (Exhaustif, Précis, Réaliste, Validé par le client)

Document fourni par le client Textes + images Mise en forme Liens Version définitive RTF, HTML …

13 mai 2004 Yannick LEJEUNE 74

Ref Titre du lien Titre de la page Nom HTML Contenu Resp date

0 Accueil site Web de 3IE index.htm Existant   30/01/04

1 Découvrez 3IE Présentation de 3IE presentation_3ie.htm A faire Yannick 30/01/04 

1.1 L'équipe L"équipe de 3IE equipe_3ie.htm A faire Yannick 30/01/04

1.2 Financer votre projet Financer votre projet financement_projet.htm A faire Benoit 30/01/04

1.3 3IE dans le monde Présentce internationale presence_international_3ie.htm A revoir Yannick 30/01/04

1.4 Revue de presse Revue de presse revue_presse.htm A faire Emilie 30/01/04

1.5 Contactez nous Contact 3IE contacts_3ie.htm Existant 30/01/04

2 Nos Services Nos Services services_3ie.htm A revoir Yannick 30/01/04

2.1 R&D entreprise Recherche et développement à 3IE recherche_developpement.htm A reprendre Yannick 30/01/04

2.2 Consulting et développement Consulting et dev informatique 3IE consulting_developpement.htm A reprendre Yannick 30/01/04

2.3 Veille stratégique Veille stratégique veille_stategique.htm A reprendre Yannick 30/01/04

2.4 Formations Formation informatique 3IE formations.htm A reprendre Yannick 30/01/04

3 Nos Références Nos références references_clients_3ie.htm A faire Yannick 30/01/04

3.1 ® Tous nos projets projet + [nom] + [desc] projets_3ie.htm A faire Yannick 30/01/04

4 Actualités des NTIC Actualités des NTIC actualite_ntic.htm A faire Yannick 30/01/04

4.1 Fil d'info News [date] privacy_3ie.htm A faire Benoit 30/01/04

4.2 Newsletter Newsletter [num] [date] valeurs_ntic.htm A revoir Yannick 30/01/04

5 Technologies Nouvelles Technologies nouvelles_technologies.htm A faire Yannick 30/01/04

Planning détaillé de livraison des contenus

  30/01/04   30/01/04

13 mai 2004 Yannick LEJEUNE 75

II – Développement de la structure du siteNIVEAU CONTENU

Orientation générale

Analyse de l’existant

Organisation globale

Planning de livraison

Plan du site

Prise en compte de l’existant

Choix des conventions de nommage

NIVEAU SITE

Gabarit

Principes de navigation

Définition des noms et des intitulés

Définition des tâches types

NIVEAU PAGE

13 mai 2004 Yannick LEJEUNE 76

Plan du site

Vision globale des contenus et des fluxRépertorie toutes les pages HTMLDe haut en bas ou de gauche à droite

Signature du clientModifications => avenant

Disponible pour toute l’équipe

13 mai 2004 Yannick LEJEUNE 77

Plan du site

13 mai 2004 Yannick LEJEUNE 78

Plan du site : pages avec Back Office

13 mai 2004 Yannick LEJEUNE 79

II – Développement de la structure du siteNIVEAU CONTENU

Orientation générale

Analyse de l’existant

Organisation globale

Planning de livraison

Plan du site

Prise en compte de l’existant

Choix des conventions de nommage

NIVEAU SITE

Gabarit

Principes de navigation

Définition des noms et des intitulés

Définition des tâches types

NIVEAU PAGE

13 mai 2004 Yannick LEJEUNE 80

II – Développement de la structure du siteNIVEAU CONTENU

Orientation générale

Analyse de l’existant

Organisation globale

Planning de livraison

Plan du site

Prise en compte de l’existant

Choix des conventions de nommage

NIVEAU SITE

Gabarit

Principes de navigation

Définition des noms et des intitulés

Définition des tâches types

NIVEAU PAGE

13 mai 2004 Yannick LEJEUNE 81

Conventions de nommage

Référence terminologique homogène Utilise à toute l’équipe durant tout le projet Simplicité Important pour le référencement

.htm ou .html Anglais ou français Séparation : majuscule, « _ », « - » Pluriel ou singulier Majuscule ou minuscule Mots complet ou abréviations

13 mai 2004 Yannick LEJEUNE 82

Architecture des dossierswww_unat

ImagesMembresUnatIDFVacances

Membresmembres_unat_alphabetique.htmmembres_unat_activite.htmstatuts_membres_unat.htm

Unat IDF role_unat.htm partenaires_unat.htm actions_unat.htm professionnels_unat.htm actualite_unat.htm

Vacances Formule

hebergement.htm village_vacances.htm visites_franciliennes.htm centres_vacances.htm courts_sejours.htm classe_decouverte.htm seminaires.htm … voyages.htm

Choix public.htm destination.htm formule.htm

contact.htmindex.htm

Dossier 1 par rubrique 1 pour les images Commence pas majuscule

Fichiers Français Mots complets Minuscule Séparation par des  « _ » .htm

13 mai 2004 Yannick LEJEUNE 83

II – Développement de la structure du siteNIVEAU CONTENU

Orientation générale

Analyse de l’existant

Organisation globale

Planning de livraison

Plan du site

Prise en compte de l’existant

Choix des conventions de nommage

NIVEAU SITE

Gabarit

Principes de navigation

Définition des noms et des intitulés

Définition des tâches types

NIVEAU PAGE

13 mai 2004 Yannick LEJEUNE 84

Gabarit

Images, figure, illustrations Contenu En-tête ou navigation générale Fonctionnalités Liens principaux Liens secondaires Médias Taille des la fenêtre cible En-tête et pied de page

13 mai 2004 Yannick LEJEUNE 85

GABARIT

13 mai 2004 Yannick LEJEUNE 86

II – Développement de la structure du siteNIVEAU CONTENU

Orientation générale

Analyse de l’existant

Organisation globale

Planning de livraison

Plan du site

Prise en compte de l’existant

Choix des conventions de nommage

NIVEAU SITE

Gabarit

Principes de navigation

Définition des noms et des intitulés

Définition des tâches types

NIVEAU PAGE

13 mai 2004 Yannick LEJEUNE 87

Principes de navigation

4 modèles Dirigé (choix initial à l’entrée du site)

Linéaire (cheminement prédéfini dans les pages secondaires)

Par recherche (contenu éditorial ou moteur de recherche)

Par onglets (classique, avec sous menu)

Emploi simultané des modèles

13 mai 2004 Yannick LEJEUNE 88

II – Développement de la structure du siteNIVEAU CONTENU

Orientation générale

Analyse de l’existant

Organisation globale

Planning de livraison

Plan du site

Prise en compte de l’existant

Choix des conventions de nommage

NIVEAU SITE

Gabarit

Principes de navigation

Définition des noms et des intitulés

Définition des tâches types

NIVEAU PAGE

13 mai 2004 Yannick LEJEUNE 89

II – Développement de la structure du siteNIVEAU CONTENU

Orientation générale

Analyse de l’existant

Organisation globale

Planning de livraison

Plan du site

Prise en compte de l’existant

Choix des conventions de nommage

NIVEAU SITE

Gabarit

Principes de navigation

Définition des noms et des intitulés

Définition des tâches types

NIVEAU PAGE

13 mai 2004 Yannick LEJEUNE 90

Définition des tâches types

Concerne les séquences de pages Identification Recherche Commande

Prototype papier interactif Définition des cheminements types Utilité :

Conception de pages oubliées Test de la pertinence et de la fluidité des

enchainements

13 mai 2004 Yannick LEJEUNE 91

Maquette papier

Avis des utilisateurs Souple Économique Rajout de petits oublis Tout au long du projet

Outils de prototypage papier : http://www.infodesign.com.au/usabilityresources/design/pa

perprototypinggraphics.asp

13 mai 2004 Yannick LEJEUNE 92

Sommaire

Téléchargements

Résumé

Plus d’info

L’acheter

13 mai 2004 Yannick LEJEUNE 93

Sommaire 1/2

Préface Principes de conception

Présentation de l’objectif du site Présentation d’informations sur

l’entreprise Rédaction du contenu Illustration du contenu du site par

des exemples Archivage et accès au contenu

archivé Liens Navigation Recherche Outils et raccourcis aux fonctions Images et animations Conception graphique Éléments d’interface utilisateur

Barre de titre URL Événementiel et communiqués de

presse Fenêtres popup et pages intermédiaires Publicité Messages de bienvenue Communication des problèmes

techniques et gestion des crises Crédits Rechargement et actualisation de la

page Personnalisation Collecte des données clients Communautés Date et heure Cours de la Bourse et affichage des

nombres

L’art de la page d’accueilSommaireTéléchargementsRésuméPlus d’infoL’acheter

13 mai 2004 Yannick LEJEUNE 94

Téléchargements

Extrait du chapitre Principes de conception (fichier pdf - 278 Ko)

Analyse du site amazon.com (fichier pdf - 445 Ko)

Analyse du site gateway.com (fichier pdf - 293 Ko)

Table des matières et index des sites (fichier pdf - 97 Ko)

L’art de la page d’accueilSommaireTéléchargementsRésuméPlus d’infoL’acheter

13 mai 2004 Yannick LEJEUNE 95

Sommaire 2/2

Les pages d’accueil en chiffres Temps de téléchargement Paramètres élémentaires de mise

en page Largeur de la page Présentation en 100 % (liquid)

ou en largeur fixe (frozen) Longueur de la page Cadres (frames)

Principaux éléments de la page Logo Moteur de recherche

Navigation Navigation de bas de page Plan du site Pages d’accueil générales

(routing pages) Écrans fugitifs (splash pages)

Rubriques et fonctions courantes Identification (sign in) Informations sur l’entreprise (About Us) Contacts Confidentialité Offres d’emploi Aide

Illustrations et Multimédia Images Texte de remplacement d’image (texte

ALT) Musique Animation

Publicité Typographie

Couleurs du texte et de l’arrière-plan Mise en forme des liens

Nos recommandations

L’art de la page d’accueilSommaireTéléchargementsRésuméPlus d’infoL’acheter

13 mai 2004 Yannick LEJEUNE 96

Résumé

10 secondes, c’est le temps dont vous disposez pour convaincre vos visiteurs de rester sur votre site Web. Votre page d’accueil est-elle à la hauteur ?La page d’accueil de votre site Web est l’image que votre entreprise donne au monde. L’enjeu est de taille : pour de nombreux clients potentiels, la consultation du site Web d’une entreprise fait partie des démarches préalables à tout contact commercial. Votre site réussirait-il le test ?

L’ergonomie des pages d’accueil en 113 pointsRôle de la page d ’accueil, contenu, navigation, images, animations : rien n’est laissé au hasard dans ces 113 points qui permettent de différencier une page d’accueil ergonomique d’un point d’entrée sur le Web mal pensé et mal conçu.

50 sites Web passés au cribleD ’Amazon à Yahoo!, 50 sites – et non des moindres – sont passés au crible dans la seconde partie de l’ouvrage, résolument visuelle, qui met en lumière les erreurs à ne pas commettre et les exemples à suivre.

L’art de la page d’accueilSommaireTéléchargementsRésuméPlus d’infoL’acheter

13 mai 2004 Yannick LEJEUNE 97

Rôle de la page d’accueil

Couverture de magazineImage de l’entrepriseŒuvre d’artHotesse d’accueilTable des matièresLa Une d’un journalUne brochure

13 mai 2004 Yannick LEJEUNE 98

13 mai 2004 Yannick LEJEUNE 99

Présentation de l’objectif du site

Nom et logo en gros et bien en vue

Signature : activité de l’entreprise

Eléments qui démarquent des concurrents

Point d’orientation

Page d’accueil officielle

Page d’accueil ≠ autres pages

13 mai 2004 Yannick LEJEUNE 100

Présentation d’informations sur l’entreprise Zone distincte : description, investisseurs, attachés de presse, offres

d’emploi

1 page pour une vue d’ensemble de l’entreprise

Espace presse

Point de contact avec l’entreprise ≠ une entité autonome

Contacter-nous : toutes les coordonnées de l’entreprise.

Vos impressions : précisez l’objectif

Pas d’informations internes à l’entreprise

Clause de confidentialité.

13 mai 2004 Yannick LEJEUNE 101

Rédaction du contenu Vocabulaire centré sur le client

Evitez les redondances.

Bannir les termes trop subtils et le jargon commercial

Veillez à la cohérence de la casse (majuscules et minuscules).

Pas de nom aux zones dont le contenu est explicite.

Pas de listes à puces contenant un seul élément.

Espaces insécables dans les termes ou expression qui doivent rester groupés.

Impératif pour les action (inscivez vous …)

Développement de la 1ère occurrence de chaque abréviation

Evitez les points d’exclamation.

N’abusez pas des majuscules.

N’utilisez pas les espaces et la ponctuation pour faire ressortir des mots

13 mai 2004 Yannick LEJEUNE 102

Illustration du contenu du site par des ex

Illustrez le contenu du site par des exemples

Lien menant directement à la page traitant de cet exemple

Placez un lien vers la catégorie à côté de l’exemple.

Liens menant aux informations détaillées ≠ ceux pointant vers des catégories.

Archivage et accès au contenu archivé Accès aux éléments ayant récemment figuré sur la page d’accueil

13 mai 2004 Yannick LEJEUNE 103

Liens

Rapidement identifiables.Pas de « Cliquez ici ».Pas de « Autre… »Différence : liens visités, liens non visités.Ne signalez pas les liens au moyen du

terme Liens : Liens explicite vers PDF, vidéo, mail

13 mai 2004 Yannick LEJEUNE 104

Navigation

Point stratégique Regrouper les contrôles de navigation similaires. Liens de même type dans une zone de

navigation unique. Pas de lien actif pointant sur soi-même. Choix pertinent des intitulés Lien vers le panier sur la page d’accueil Icônes de navigation (nouveautés, soldes,

vidéos, etc.).

13 mai 2004 Yannick LEJEUNE 105

Recherche

Zone de saisie Pas un lien vers une page de recherche.La taille : 25 caractères minPas de titre mais bouton Recherche Recherche simplifiée, lien vers recherche

avancée Recherche sur l’ensemble du sitePas de recherche sur l’ensemble du Web.

13 mai 2004 Yannick LEJEUNE 106

Outils et raccourcis aux fonctions

Accès direct aux fonctions principales

Pas d’outils sans rapport avec votre société

Pas de choix de la page de démarrage ou l’ajout du site aux favoris.

13 mai 2004 Yannick LEJEUNE 107

Conception graphique

Surabondance d’effets graphiques sur le texte => oublie du sens

Contraste marqué entre le texte et l’arrière plan.

Pas de défilement horizontal avec une résolution d’écran

Les principaux composants visibles d’emblée.

Utilisez intelligemment les logos.

13 mai 2004 Yannick LEJEUNE 108

Images et animations

Pour mettre en valeur le contenu, pas pour décorer la page

Légende si pas explicites

Evitez les éléments graphiques en filigrane

Pas d’animations permanentes

logo, titre, signature : pas d’animations

Passer l’intro

13 mai 2004 Yannick LEJEUNE 109

Barre de titre

Commencez par le nom de l’entreprise

Pas de nom de domaine si ≠ nom entreprise

Pas de « Page d’accueil »

Bref descriptif du site

7 – 8 mots : 65 caractères

13 mai 2004 Yannick LEJEUNE 110

URL

http://www.entreprise.com

Site associé à un pays => suffixe du pays

Variantes du nom de domaine différentes graphies possibles, abréviations fautes d’orthographe courantes.

Adresse officielle.

13 mai 2004 Yannick LEJEUNE 111

Fenêtres popup et pages intermédiaires

URL => vraie page d’accueil

Pas de popups

Pas de choix de langue en 1ère page : langue prédominante

13 mai 2004 Yannick LEJEUNE 112

Publicité

Publicité pour les entreprises pourtour de la page petites et discrètes

Zone des bannières

Avertissement aux internautes pour pas confondre avec le contenu

13 mai 2004 Yannick LEJEUNE 113

Messages de bienvenue Intégrer le message d’accueil à la signature

Communication des pb techniques signaler clairement les problèmes techniques sur la page

d’accueil. plan d’action pour gestion du contenu en cas de crise.

Crédits Pas de citation de

moteur de recherche concepteur du site navigateur préféré technologies sur lesquelles s’appuie le site

Discrétion des récompenses obtenues par le site Web

13 mai 2004 Yannick LEJEUNE 114

Pas une version générique du contenu personnalisé

Pas de modification de l’interface utilisateur (les couleurs, …)

Liens vers page d’enregistrement + avantages Newsletter

Contenu Fréquence

Personnalisation

Collecte des données clients

13 mai 2004 Yannick LEJEUNE 115

Date et heure

Actualité récente, discussions en direct, cours de la Bourse, etc.

Date et l’heure de la dernière mise à jourPas la date et l’heure courante.Fuseau horaire.Utilisez des abréviations standards : p.m. Les mois en lettre et pas de chiffres.

13 mai 2004 Yannick LEJEUNE 116

Cours de la Bourse et affichage des nombres

Cotation + pourcentage de variation

Développer les sigles et les abréviations

Séparez les groupes de trois chiffres par un séparateur

13 mai 2004 Yannick LEJEUNE 117

Sommaire

Méthodologie globale Définition du projet Développement de la structure du site Conception graphique et validation Production et contrôle qualité Lancement et maintenance Présentation de votre projet devant un jury

13 mai 2004 Yannick LEJEUNE 118

III – Conception graphique et validation

INITIALISATION DE LA CREATION

Rappel des objectifs

Développement des concepts

Présentation du visuel et suggestion

REMISE

Création des modèles graphiques

Définition de la charte graphique

Conception de la maquette HTML

Tests fonctionnels

VALIDATION DU DESIGN

Charte graphique

13 mai 2004 Yannick LEJEUNE 119

III – Conception graphique et validation

INITIALISATION DE LA CREATION

Rappel des objectifs

Développement des concepts

Présentation du visuel et suggestion

REMISE

Création des modèles graphiques

Définition de la charte graphique

Conception de la maquette HTML

Tests fonctionnels

VALIDATION DU DESIGN

Charte graphique

13 mai 2004 Yannick LEJEUNE 120

III – Conception graphique et validation

INITIALISATION DE LA CREATION

Rappel des objectifs

Développement des concepts

Présentation du visuel et suggestion

REMISE

Création des modèles graphiques

Définition de la charte graphique

Conception de la maquette HTML

Tests fonctionnels

VALIDATION DU DESIGN

Charte graphique

13 mai 2004 Yannick LEJEUNE 121

2 - Développement des concepts

Orienté vers l’utilisateur Couleurs Animations (Flash et version HTML) Résolutions d’écrans

13 mai 2004 Yannick LEJEUNE 122

Palette de couleurs

13 mai 2004 Yannick LEJEUNE 123

III – Conception graphique et validation

INITIALISATION DE LA CREATION

Rappel des objectifs

Développement des concepts

Présentation du visuel et suggestion

REMISE

Création des modèles graphiques

Définition de la charte graphique

Conception de la maquette HTML

Tests fonctionnels

VALIDATION DU DESIGN

Charte graphique

13 mai 2004 Yannick LEJEUNE 124

3 – Présentation du visuel et suggestions

L’enjeuL’approcheLa prévalidation

ton et style = dossier de création fonctionnalités accessibles au public cible validation de la faisabilité par l’équipe de dev couleurs adaptées au web attention a la taille des polices en HTML portabilité (Mac et PC, différents navigateurs) résolutions d’écrans

13 mai 2004 Yannick LEJEUNE 125

Visuel à présenter au client

13 mai 2004 Yannick LEJEUNE 126

III – Conception graphique et validation

INITIALISATION DE LA CREATION

Rappel des objectifs

Développement des concepts

Présentation du visuel et suggestion

REMISE

Création des modèles graphiques

Définition de la charte graphique

Conception de la maquette HTML

Tests fonctionnels

VALIDATION DU DESIGN

Charte graphique

13 mai 2004 Yannick LEJEUNE 127

1 – Validation des flux et des fonctionnalités

Maquette HTMLL’importance de réaliser une maquetteTests fonctionnels

Cadres complexes Rollovers en DHTML ou JavaScript Fenêtres contextuelles (taille en emplacement

personnalisés) Feuilles de styles (différents selon les navigateurs) Menus déroulants Panier Les scripts

13 mai 2004 Yannick LEJEUNE 128

III – Conception graphique et validation

INITIALISATION DE LA CREATION

Rappel des objectifs

Développement des concepts

Présentation du visuel et suggestion

REMISE

Création des modèles graphiques

Définition de la charte graphique

Conception de la maquette HTML

Tests fonctionnels

VALIDATION DU DESIGN

Charte graphique

13 mai 2004 Yannick LEJEUNE 129

III – Conception graphique et validation

INITIALISATION DE LA CREATION

Rappel des objectifs

Développement des concepts

Présentation du visuel et suggestion

REMISE

Création des modèles graphiques

Définition de la charte graphique

Conception de la maquette HTML

Tests fonctionnels

VALIDATION DU DESIGN

Charte graphique

13 mai 2004 Yannick LEJEUNE 130

2 – Définition de la charte graphique

Spécifications Dimensions de la page En-tête Couleurs Texte HTML

Traitement graphique Type Traitement des images Embellissements

13 mai 2004 Yannick LEJEUNE 131

Sommaire

Méthodologie globale Définition du projet Développement de la structure du site Conception graphique et validation Production et contrôle qualité Lancement et maintenance Présentation de votre projet devant un jury

13 mai 2004 Yannick LEJEUNE 132

4 – Production et contrôle qualitéPREPARATION

Définition des principes généraux

Procédure de suivi de l’avancement

Définition de l’arborescence du site

Découpage et optimisation

Création des pages et des modèles HTML

Conception des scripts élémentaires

Alimentation des pages

Intégration des développements de back-office (si nécessaire)

PRODUCTION

TESTS

Programme de contrôle qualité

Tests de contrôle qualité

Hiérarchisation et résolution des bugs

Validation finale

13 mai 2004 Yannick LEJEUNE 133

Sommaire

Méthodologie globaleDéfinition du projetDéveloppement de la structure du

siteConception graphique et validationProduction et contrôle qualitéLancement et maintenancePrésentation de votre projet

13 mai 2004 Yannick LEJEUNE 134

5 – Lancement et maintenance

Annonce du lancement

Référencement auprès des moteurs de recherche

Lancement du site

LANCEMENT

LIVRAISON

Finalisation de la charte de développement

Rédaction du dossier de liaison

Archivage de la documentation

Réunion de bilan

Planification de la formation à la maintenance

MAINTENANCE

Evaluation des compétences de l’équipe de maintenance

Conception du programme de maintenance

Suivi des performances

Sécurisation du site