version complète

Représentation des « couches » d’un projet, d’après Jessie James Garrett [1].

À noter sur cette représentation :

• La dichotomie entre l’approche du web applicatif – le web comme une interface logicielle – et le web comme système hypertexte – le web comme système informationnel.
• la précision apportée sur la partie stratégie : il s’agit non seulement de connaître les objectifs du site, mais aussi les besoins utilisateurs.
• concernant le cadre, la structure et le squelette, il existe des différences notables entre le web applicatif et hypertexte
• le détail des différentes « couches » d’un projet

Note

Si vous éprouvez de la difficulté à différencier web application et web hypertexte, voici quelques exemples :

• lorsque vous utilisez un éditeur de texte en ligne, comme la suite Google Documents, l’interface vous donne accès à des fonctions : mettre le texte en gras, créer un titre, etc.
• lorsque vous utilisez un site comme wikipedia, l’interface vous permet de naviguer au travers d’un système hypertexte : vous consulter de l’information en naviguant de pages en pages.

notes de bas de page

[1]	D’après le diagramme « The Elements of User Experience » de Jessie James Garrett