conception Éditoriale de site web -...
TRANSCRIPT
Technologie & performances temps de chargement, standards web, bugs, portabilité, interopérabilité, scalabilité…
1
Navigation & architecture où-vais-je ? profondeur, nav. horizontale, arborescence, espace-temps, hypertexte…
2
Ergonomie & design graphique 3/10e de secondes, cohérence, lisibilité, multimédia, accessibilité web,identité en phase avec le métier…
3
Contenus & services attractif, pertinent, accessible, réactif, utile, contextualisé, indispensable…
4
Marketing & visibilité clarté de l’offre, adapté à la cible,mesure de comportement, visibilité, fédérateur, populaire, off-line…
6
1. Etude
Benchmark
Stratégie &
positionnement
Audit existant
Objectifs &
recommandations
Faisabilité
Expression des besoins
Identification du secteur d'activité
Identification du/des produits
Identité de l'éditeur ou de l’organisation
Adresse et localisation physique
Contenus à jour et datés
Orthographe et grammaire
Mots-clés présents
Contenu hiérarchisés
Ton adapté, en phase avec l’activité
Titres de pages compréhensibles
Retour accueil / retour haut de page
Menu permanent
Nombre d’entrées
Logique des intitulés navigation
Moteur de recherche
Equilibre éditorial / visuel / publicitaire
Identification des liens
Lisibilité typographique
Contrastes
Usage des couleurs
Cohérence graphique
Compatibilité navigateurs
Langue indiquée
Adapté aux différents écrans
Balises images "ALT"
Balises "title"
URLs rewriting
Temps de chargement
Appellation des pages
Alternative aux contenus audio et vidéo
Boutons de partage
A lire aussi…
Flux RSS
Inscription Newsletter
CTA (démo, téléchargement…)
Formulaire de contact
Formulaire de feedback
Outils d’interaction (commentaires,
notation, avis, chat intégré…)
Indispensable
Différent
0
produit unique,peu utile
produit commun,trop concurrencé,
faible valeur
Produits ni utiles,
ni différents
Indispensable
Différent
0
produit unique,peu utile
produit commun,trop concurrencé,
faible valeur
Produits ni utiles,
ni différents
Produit de niche adapté
distinctifutile
1. OBJECTIFS 2. CIBLE / VALEUR D’USAGE 3. MODES DE TRAITEMENT 4. DIFFÉRENCIATION 5. PLAN / PÉRIODICITÉ 6. SOURCES & RESSOURCES 7. PROMOTION 8. KPI
CAHIER DES CHARGES
“
”Photo CC : ~ReRod~ http://www.flickr.com/photos/joe_dalton/
LES OBJECTIFSn’ont de sens que si l’on peut les mesurer
• Pages vues, Visiteurs uniques • Temps passé, pages vues par visiteur • Abonnements RSS • Inscrits à la Newsletter • Taux de rebond • Vidéos vues…
Mesure Web
• Nombre de citations, Articles • Commentaires, • Mentions par utilisateurs • Nombre de «Envoyer à un ami» • Liens entrants
Buzz
• Mentions médias hors-ligne • Mentions médias en ligne
Médias
• Nombre de résultats par mot-clé • Nombre de liens référencés, PR • Nombre de «mises à jour»
Moteurs
• Retour utilisateurs • Produits cités ou recommandés
Retours
KPI
Sour
ce :
étu
de
IAB
SRI_
15
_10
_20
10
_Web
AFFICHAGE TRANS-FORMATION
TRAFIC
INTER- ACTION
INSCRIP- TION
MEDIAS
DISTRIBU- TION
ROI POST-TESTS
AVANT-PROJET
APRÈS-PROJET
DÉFINITION
FAISABILITÉ
CAHIER DES CHARGES
EXPRESSION DES BESOINS
CHOIX DU PRESTATAIRE
SPÉCIFICATIONS
CHOIX DU CMS
DESIGN GRAPHIQUE
DÉVELOPPEMENT
TESTS
RECETTE
DÉPLOIEMENT
PROJET WEB
1 – Présentation du projet
Contexte - Historique Objet du projet Organisation du projet - Comité de pilotage - Groupe de projet - Maîtrise d’ouvrage - Maîtrise d’œuvre - Prestataire Environnement du projet - Existant fonctionnel - Existant technique
2 - Description du futur site
Périmètre du projet - Positionnement du futur site - Description générale du projet Description des besoins fonctionnels - Besoins fonctionnels en « front office » - Besoins fonctionnels en « back office » - Points clés fonctionnels Description des besoins techniques - Architecture technique - Configuration logicielle - Configuration matérielle - Sécurité Reprise de l’existant
3 - Prestations attendues
Présentation des prestations attendues Cadre de la réponse - Informations générales - Docs à remettre lors de l’appel d’offre - Bordereau de prix - Critères de choix Contraintes - Contraintes techniques - Contraintes ergonomiques et graphiques
4 - Annexes Planning, protocoles de tests, charte graphique
Phase de déploiement
Rédaction appel d’offre
Définition des besoins
Audit des réponses
Choix du prestataire et du framework*
Phase de conception
Phase de développement
Paramétrage et héberg. sur le site de développement
Rédaction du CDCT*
Tests fonctionnels par lot
Ajustements, correctifs, débugg.
Mise en ligne sur le site de production
Période de tests avec le groupe utilisateurs
test et reporting
Analyse du reporting d’évaluation
Ajustements et finalisation avant
version publique
itérations*: Framework : solution modulaire prête à l’emploi. CDCT : cahier des charges technique
Planification Coordination Suivi qualité Tests, validationsPilotage
Phase de déploiement
18 %
18 %
45 %
20 %
22 k€
50 k€
20 k€
20 k€
Phase de conception
Phase de développement
Pilotage
TOTAL 112 k€
Exemple de budget
CROQUISSKETCH
ZONINGBUILDING BLOCKS
FILAIREWIREFRAME
MAQUETTEMOCKUP
PROTOPROTO- TYPE
ÉTAPES DE CONCEPTION
Design @luclegay
LISTER TOUS LES ÉLÉMENTS1
Numéroter les éléments de la liste
http://www.37signals.com/papers/introtopatterns/
interface utilisateur logué
interface visiteur non-logué
interface éditeur
interface administrateur site
interface administration système
interface forum
chatter
commenter
site-map
annoter
slide-show
forum RSSLire un article
envoyer à un ami ajouter à mes bookmarks
rechercher votersondage
dsdsd
4. Réalisation
Production
des contenus
Recette
et tests
fonctionnels
Développement
et tests
unitaires
Documentation
Livraison
(version alpha, beta, définitive)
dsdsd
5. Lancement
Hébergement
Formation
Communication
interne
Communication
externe
(on-line/off-line)
Mise en ligne