2. La page comme espace d’information

3. 1. Périmètres de l’affichage par défaut 640 pixels 1000 pixels

5. 2.1 Objectif premier: Trouver de l’information Comment chercher?

6. 2.2 Où sommes-nous? En-tête

7. 2.3 Entrée directe, visite libre Menu principal

8. 2.4 Piquer la curiosité de l’utilisateur Il y a une profondeur à l’information

9. Dissection de l’information selon un type de gabarit pour une page d’accueil

10. 1. Structures de base Navigation principale Navigation de bas de page

13. 5. Les sections d’information Section de services et offres à mettre de l’avant Section de droite de promotion Section de nouvelles

14. 5.1. Favoriser le contenu principal Colonne de droite: auto-promotion et information secondaire Texte Images Liens utiles

15. 5.2. Favoriser le contenu médiatique Section de visionnement Informations par rapport au contenu visionné Contenu 1 Contenu 2 Contenu 3 Mots clés et liens utiles

16. Structure et architecture

17. 1. L’arborescence d’un site web Web site : Accueil Groupe d’information A Groupe d’information B Groupe d’information C Groupe d’information D Sous-groupe A1 Sous-groupe A2 Section A2 Section B1 Section C1 Section B2 Section C2 Sous-groupe D1 Sous-groupe D2 Section D1 Section D1’ Section C3 Recherche Thèmes communs Thèmes 1 Thèmes 2 Thèmes 3 Thèmes 4 Communauté Forum de conversation UGC

18. 1.2. Comment les pages sont-elles connectées? Section de services et offres à mettre de l’avant Section de droite de promotion Section de nouvelles Colonne de droite: auto-promotion et information secondaire Texte Images Liens utiles Section de visionnement Informations par rapport au contenu visionné Contenu 1 Contenu 2 Contenu 3 Mots clés et liens utiles

20. La forme: le contenant

21. 1. La largeur souhaitée d’un texte 640 pixels 1000 pixels ˜600 pixels

22. 2. S’adapter au contenant variable +1000 pixels le text doit s’adapter aux différentes échelles

24. 4. Pourquoi seulement 45 à 70 caractères? v 30 cm de l’écran

25. 4.1 La résolution de l’écran n’est pas le même que celui du papier v Écran lumineux et résolution basse

26. 4.2 Une composition trop large est décorative

27. La forme: le contenu

29. 2. Les points de références Titre Notes Image Liens Sous-titre >> Page suivante

30. 2.1 Les points de références Résumé explicatif >>

32. 2.3 Un exemple concret : 90% Texte Titre de ce document Maecenas rutrum arcu facilisis metus tincidunt feugiat. Donec sollicitudin ultrices elit quis aliquam. Curabitur id eros quam. “ Aliquam ut nunc vitae magna porta volutpat. In hac habitasse platea dictums t”. Sed vel mi ipsum, non tristique erat. Curabitur pharetra vulputate eros sit amet dapibus. Aenean ornare tempus vulputate. Suspendisse id eros in dui lobortis bibendum vel eget urna. Duis vestibulum tempor iaculis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam hendrerit fermentum mi lacinia vehicula. Ut scelerisque metus vel nisi facilisis malesuada. In gravida dui quis nisl laoreet viverra. Phasellus non quam tortor, in dictum lorem. Sed pharetra mollis nisi, sed venenatis sem tristique sed. Aenean ornare tempus vulputate. Suspendisse id eros in dui lobortis bibendum vel eget urna. Duis vestibulum tempor iaculis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam hendrerit fermentum mi lacinia vehicula. Ut scelerisque metus vel nisi facilisis malesuada. In gravida dui quis nisl laoreet viverra. Phasellus non quam tortor , in dictum lorem. Sed pharetra mollis nisi, sed venenatis sem tristique sed. Aenean ornare tempus vulputate. Suspendisse id eros in dui lobortis bibendum vel eget urna. Duis vestibulum tempor iaculis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam hendrerit fermentum mi lacinia vehicula. Ut scelerisque metus vel nisi facilisis malesuada. In gravida dui quis nisl laoreet viverra. Phasellus non quam tortor, in dictum lorem. Sed pharetra mollis nisi, sed venenatis sem tristique sed. Maecenas rutrum arcu facilisis metus tincidunt feugiat. Donec sollicitudin ultrices elit quis aliquam. Curabitur id eros quam. Aliquam ut nunc vitae magna porta volutpat. In hac habitasse platea dictumst. Sed vel mi ipsum, non tristique erat. Curabitur pharetra vulputate eros sit amet dapibus. 1.1. Sous-titre de ce document

36. Avoir à coeur l’utilisateur