Une présentation pour accompagner la description de l'évolution des mises en "signes" du web

1. Sémiotique du web Vincent Mabillot cc-by-sa

3. Vers le web sémantique

5. DOS= Protestantisme

6. Mac= Catholicisme

7. Windows= Anglicanisme

8. Langage machine=Talmud

9. Linux? (Espresso, 30 Septembre 1994)

11. Douglas Engelbart, l'inventeur de la souris (1970) : Changer la représentation du monde numérique

12. Ted Nelson, projet Xanadu: inventeur de l'hyperlien et de l'écriture collective

14. 1990, Naissance du web au Cern sous l'impulsion de Tim Berners-Lee

16. un univers sans loi

17. un espace sans frontières

18. fin des intermédiaires et décentralisation

19. libéral et libertaire

20. scientifique et citoyen

21. eldorado

22. individu collectif

23. liberté d'expression pour tous

25. Contenu pour communauté de lecteurs (et non pour répondants comme newsgroup)

26. Vulgarisation de la consultation de ressources informatique: pas besoin de connaître un langage ou des modalités de requêtes, il suffit de cliquer

27. Interconnexion facile et gratuite entre les différents « kiosque d'informations »

28. L'internet à un visage

29. Du regard à la caresse Avant d'étudier les « mises en scène » du web actuel, revenons un peu sur la façon dont l'écriture et la lecture de celui-ci ont évolué Du regard à la caresse (en ligne) (article sur l'évolution du design web en relation avec les usages) Source : http://vmabillot.free.fr/publications/regardcaresse/

31. Visibilité de l'opérationnalité

32. Vocation scientifique, peu de serveurs

34. Visibilité de l'opérationnalité

35. Vocation scientifique, peu de serveurs

37. Développement de l'infographie (effet...)

38. Ouverture à un public plus large (geek et tendance)

39. Dérégulation des normes de présentation

40. Apparition d'effet de compensation (relief, ombré)

42. Guerre des navigateurs

43. Langages et plugins augmentant l'interactivité

44. Lecture de la page par palpage=bascule dans le virtuel

46. Séparation des contenus et des contenants (css)

47. Développement des « logiciels » de publication/lecture dynamique (Php, ASP)

48. Découpage des sites en objet et méta-objet (le site, la page, le bloc, l'élément)

49. Convergences des modes de communication vers le navigateur et les sites (du mail au chat)

51. Le site

52. La page

53. Le bloc

54. L'objet

56. Nécessité d'authentification Réponses: les noms de domaine Mais la réponse reste incomplète et floue, impose des connaissances et des compétences techniques pour l'internaute

58. navigation

59. positionnement

60. stylisation visuelles et textuelles Mais subjectivité et contraintes techniques

62. Informationnelle Elle met en scène l'organisation des contenus et les scénarios de parcours

64. Du volumen à la page des écrits livresques et journalistiques

65. L'écran spectaculaire de l'audiovisuel

66. Les topos : surface et profondeur Catégories thématiques ou fonctionnelles Détails, approfondissements

68. technologies d'indexation et d'impression

69. changement des pratiques et de la culture de la lecture à l'écran

71. technologies d'indexation et d'impression

72. changement des pratiques et de la culture de la lecture à l'écran

73. Convergences de lectures médiatiques Confrontation entre visuel et textuel (et pas trop l'audio...) Entre le livre, la presse, la télé, le cinéma, le catalogue et le dialogue

75. Opportunités technologiques (modèles, scripts, interactivité, évolution écran...) Depuis les années 2000, se développe une structure des pages en assemblage de blocs marqués des zones de couleurs, des variations de fonds, des encadrés ou encore des paragraphes avec des changements de typographies

77. Amélioration de la productivité des design

78. Accessibilité

80. La chaine (outils de production et de lecture: serveur, navigateur...)

81. Le destinataire

83. Page

84. Répertoire / Page annotée

85. Menu Horizontal

86. Cinémascope

87. Base 9/mutliblocs

88. Feuille ou volument vertical

89. Exemples

90. Page de cahier

91. Exemples de format « pages »

92. Répertoire Pages annotées

93. Exemples Répertoires/ pages annotées

94. Menu horizontal (type GEM)

95. Exemples

96. Cinémascope

98. Base 9/Multiblocs

99. Exemples

100. Le 2-1-1

101. Rolling list

103. le navigateur

106. Hiérarchiser l'accès aux contenus

109. L'image (les visuels) : info-décoration, symbolisation fonctionnelle et identité

110. La vidéo et les animations : stimulation, tendances et convergences

111. L'audio un cheminement difficile dans un dispositif pas toujours assez individualisé (pour son l'usage du son)

114. diffusion simple à co-écriture

117. fonctionnelles (permettent d'accéder aux infos)

118. identitaires (tendent authentifier l'unicité du site et sa reconnaissance)

119. participatives (interactives)

120. syndication (partenariat, liens réseaux, contenus externes)

122. http://www.ergolab.net/articles/tri-de-cartes-ergonomie-web.html

123. http://www.redaction.be/exemples/canevaslogiques_nov_03.htm

124. http://www.csszengarden.com/tr/francais/

126. Le sens est fortement ancré dans les usages

127. Les contenus sont des signes et des objets

128. Ainsi l'organisation des sites et de leurs contenus doit mettre en scène l'usage