Planifier et réaliser des sites web dans
     le domaine de l’enseignement des langues


Planning and building websites fo...
Des projets complexes et des compétences multiples




                     Séminaire SAEL- SAEL Seminar
Des outils :

• pour représenter des institutions :
   – 5 W (et 2 H)
   – Crédibilité (cf http://credibility.stanford.edu...
Un cadre théorique conscient ou inconscient




                      Séminaire SAEL- SAEL Seminar
Design centré utilisateur
                            User-centered Design




Un cadre théorique conscient ou inconscient...
Design centré designer
                                    Designer-centered Design




Un cadre théorique conscient ou in...
Design centré institution
                   Institution-centered Design




Un cadre théorique conscient ou inconscient

...
Design centré contenu
                                     Content-centered Design




Un cadre théorique conscient ou inc...
Design centré technologie
                         Technology-centered Design




Un cadre théorique conscient ou inconsci...
Éviter les écueils classiques

•   Les nouvelles technologies
•   Objectifs ≠ tâches
•   Planifier
•   Tester et tester en...
Une méthodologie pour la conduite de projets web

• Déterminer les objectifs et les priorités
• Connaître les utilisateurs...
Déterminer les objectifs et les priorités de l’institution

• Le designer devient expert du domaine :
   – Contenu existan...
Connaître les utilisateurs
• Recherche
   – Quantitative
   – Qualitative :
        •   Entretiens semi-directifs
        ...
L’architecture de l’information
•   Le bibliothécaire de l’ère numérique
•   Livrables :
     – Plan du site (macrostructu...
Graphisme et identité

• La forme au service de la fonction
   – Utilisabilité
   – accessibilité
• Identité de marque
   ...
Le code source

•   Les standards du W3C (w3.org)
•   Un code “sémantique”
•   La primauté du texte
•   L’accessibilité
• ...
Maîtriser la gestion du contenu et des utilisateurs

• Un logiciel libre pour la gestion du contenu : Drupal
   – Communau...
Maîtriser la gestion du contenu et des utilisateurs :
créer et éditer des contenus
• Le rédacteur-éditeur
• Les bonnes pra...
Maîtriser la gestion du contenu et des utilisateurs :
diffuser et attirer

•   Entrer dans la danse : le web est une conve...
Tester
•   Refontes : tester avant et après
•   Panels d’utilisateurs et protocoles de tests
•   Ce que les gens font ≠ ce...
Accompagner les enseignants de langues

• Qui sont ces personae ?
• Exemples de besoins informationnels :
   – Entretenir ...
Bibliographie indicative
Design centré utilisateur :
D. Norman The Design of Everyday Things, Basic Books 1998. Le grand c...
Annexe : questionnaire pour l’élaboration de personae
•   Décrivez le ou les différents utilisateurs typiques de votre sit...
Cette communication a eu lieu le 6 novembre2009
 lors du séminaire SAEL – un projet soutenu par la
             Commission...
Upcoming SlideShare
Loading in...5
×

Sael Planifier et réaliser des sites Web

432

Published on

Sébastien Fauveau, webdesigner, présente une vue d'ensemble de la mise en oeuvre d'un projet web. À la manière d'un guide raisonné pour la gestion de projet, il détaille l'ordre et la nature de chaque phase de travail, en insistant particulièrement sur l'étape de la planification. Pour en savoir plus : www.eurosael.eu

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
432
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Sael Planifier et réaliser des sites Web

  1. 1. Planifier et réaliser des sites web dans le domaine de l’enseignement des langues Planning and building websites for language teaching and learning Intervenant Sébastien Fauveau http://artiscode.net sebastien@artiscode.net Séminaire SAEL- SAEL Seminar
  2. 2. Des projets complexes et des compétences multiples Séminaire SAEL- SAEL Seminar
  3. 3. Des outils : • pour représenter des institutions : – 5 W (et 2 H) – Crédibilité (cf http://credibility.stanford.edu/) – Identité de marque ( = relation durable) • pour proposer des contenus, des services et des relations • à s’approprier tout de suite Séminaire SAEL- SAEL Seminar
  4. 4. Un cadre théorique conscient ou inconscient Séminaire SAEL- SAEL Seminar
  5. 5. Design centré utilisateur User-centered Design Un cadre théorique conscient ou inconscient Séminaire SAEL- SAEL Seminar
  6. 6. Design centré designer Designer-centered Design Un cadre théorique conscient ou inconscient Séminaire SAEL- SAEL Seminar
  7. 7. Design centré institution Institution-centered Design Un cadre théorique conscient ou inconscient Séminaire SAEL- SAEL Seminar
  8. 8. Design centré contenu Content-centered Design Un cadre théorique conscient ou inconscient Séminaire SAEL- SAEL Seminar
  9. 9. Design centré technologie Technology-centered Design Un cadre théorique conscient ou inconscient Séminaire SAEL- SAEL Seminar
  10. 10. Éviter les écueils classiques • Les nouvelles technologies • Objectifs ≠ tâches • Planifier • Tester et tester encore Séminaire SAEL- SAEL Seminar
  11. 11. Une méthodologie pour la conduite de projets web • Déterminer les objectifs et les priorités • Connaître les utilisateurs • Définir l’architecture de l’information et modéliser les interactions • Créer ou exploiter l’identité visuelle • Maîtriser la gestion du contenu et des utilisateurs • Produire : – Coder l’interface – Développer le système d’information • Tester Séminaire SAEL- SAEL Seminar
  12. 12. Déterminer les objectifs et les priorités de l’institution • Le designer devient expert du domaine : – Contenu existant – Contexte • Objectifs à atteindre : – Hiérarchie des objectifs – Objectifs mesurables – Stratégie envisagée / mise en place • Impliquer toutes les parties prenantes dès le début Séminaire SAEL- SAEL Seminar
  13. 13. Connaître les utilisateurs • Recherche – Quantitative – Qualitative : • Entretiens semi-directifs • Observations in situ • Avis d’experts • Littérature • Comparaison de sites analogues • Personae – Biographies – Équipement technologique et usages de l’internet – Aspirations, objectifs à plus ou moins long terme – Besoins informationnels – Représentations de l’outil – Pourquoi votre site et pas un autre ? • Un processus itératif Séminaire SAEL- SAEL Seminar
  14. 14. L’architecture de l’information • Le bibliothécaire de l’ère numérique • Livrables : – Plan du site (macrostructure) – Canevas fonctionnels (microstructures) Scénarii d’utilisation / modélisation des interactions • Systèmes de navigation et de recherche : – Où suis-je ? Où puis-je aller ? Où étais-je ? – Conventions – Modèles conceptuels • Organiser la complexité dans le temps – Taxonomies / vocabulaires contrôlés / thesauri – Métadonnées – Classifications définies par l’utilisateur (ex : flickr.com) Séminaire SAEL- SAEL Seminar
  15. 15. Graphisme et identité • La forme au service de la fonction – Utilisabilité – accessibilité • Identité de marque – relation entre l’institution et ses utilisateurs – programme global – storytelling • Qualité – Le designer web est son propre imprimeur – Web vs print Séminaire SAEL- SAEL Seminar
  16. 16. Le code source • Les standards du W3C (w3.org) • Un code “sémantique” • La primauté du texte • L’accessibilité • L’interopérabilité • L’optimisation du référencement dans les moteurs de recherche Séminaire SAEL- SAEL Seminar
  17. 17. Maîtriser la gestion du contenu et des utilisateurs • Un logiciel libre pour la gestion du contenu : Drupal – Communauté de pratiques et standards de conception – Modularité et réduction des coûts – Les usages > la technologie • Drupal et la participation des utilisateurs Séminaire SAEL- SAEL Seminar
  18. 18. Maîtriser la gestion du contenu et des utilisateurs : créer et éditer des contenus • Le rédacteur-éditeur • Les bonnes pratiques éditoriales sur le web : – On ne lit pas – Êtres humains et moteurs de recherche – Le modèle du service : • Tout et tout de suite • Pyramides inversées • Iconographie – Des pages précises, autosuffisantes et hiérarchisées – Un “propos vrai, expressif et humanisé” (F. Hubert) Séminaire SAEL- SAEL Seminar
  19. 19. Maîtriser la gestion du contenu et des utilisateurs : diffuser et attirer • Entrer dans la danse : le web est une conversation • Réseaux sociaux et plateformes : suivre les usages • Des liens entrants de qualité • La blogosphère • Le bouche à oreille et les médias traditionnels Séminaire SAEL- SAEL Seminar
  20. 20. Tester • Refontes : tester avant et après • Panels d’utilisateurs et protocoles de tests • Ce que les gens font ≠ ce qu’ils pensent qu’ils feraient • 5 personnes suffisent (cf Nielsen www.useit.com/alertbox/20000319.html) Séminaire SAEL- SAEL Seminar
  21. 21. Accompagner les enseignants de langues • Qui sont ces personae ? • Exemples de besoins informationnels : – Entretenir le contact avec la langue – Alimenter ses pratiques, ses connaissances – Exploiter en cours : • imprimer • TICE : tâches – Retrouver et classer Séminaire SAEL- SAEL Seminar
  22. 22. Bibliographie indicative Design centré utilisateur : D. Norman The Design of Everyday Things, Basic Books 1998. Le grand classique de l’ergonomie. Une lecture très plaisante. J. J. Garrett, The Elements of User Experience, User-centered Design for the Web, Aiga/New Riders, 2002 J. Kalbach, Designing Web Navigation, O’Reilly, 2007 A. Cooper et al. About Face 3, the Essentials of Interaction Design, Wiley, 2007. Détaille en particulier la méthodologie de création des personae. Architecture de l’information : P. Morville & L. Rosenfeld, Information Architecture for the World Wide Web, O’Reilly 2006, 3e édition Utilisabilité : J. Nielsen, Designing web usability, New Riders/Aiga, 1999. Ce livre, bien qu’ancien, reste d’actualité sur les erreurs à ne pas faire. Le site de Nielsen http://www.useit.com, est la référence ultime depuis 1996 Création et édition de contenus pour le web : Le site de J. Nielsen encore : http://www.useit.com J. Ronez, L’écrit web. Traitement de l’information sur Internet, CFPJ, 2007 Séminaire SAEL- SAEL Seminar
  23. 23. Annexe : questionnaire pour l’élaboration de personae • Décrivez le ou les différents utilisateurs typiques de votre site. Précisez pour chacun un maximum d'informations quantitatives (socioéconomiques) et qualitatives : aspirations à plus ou moins long terme, attentes, désirs et représentations... Les deux questions qui suivent aident à détailler ces profils. Donnez des noms aux personnages si cela vous paraît aider à les décrire. • Quelle est leur utilisation d'internet ? Quel est leur équipement et quelles sont leurs conditions d'accès au web ? Quelles tâches effectuent-ils sur internet ? Faites la liste de leurs sites et services web préférés, ou qu'ils consultent le plus souvent. • Pourquoi s'intéressent-ils à votre site ? Quels sont leurs besoins informationnels ? Quels sont leurs points d'entrée dans le contenu et les services du site ? • Quelle devrait être la première "action" de vos visiteurs en arrivant sur le site ? Distinguez par type d'utilisateur si nécessaire. Séminaire SAEL- SAEL Seminar
  24. 24. Cette communication a eu lieu le 6 novembre2009 lors du séminaire SAEL – un projet soutenu par la Commission européenne Ce projet est financé avec le soutien de la Commission européenne. Cette communication n'engage que son auteur et la Commission n'est pas responsable de l'usage qui pourrait être fait des informations qui y sont contenues. Séminaire SAEL- SAEL Seminar
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×