Quels documents à qu'elle étape d'un projet web orienté UX

Bonjour et désolé si je ne poste pas au meilleure endroit... Dans ce cas supprimez ou déplacez la discussion.

Je viens vers vous pour que vous puissiez m'éclairer. J'ai depuis peu commencé à lire des livres traitant de parcours utilisateurs de design d'expérience utilisateur et d'élément utilisateur dans le cadre de projet web.

celui qui ma le plus accroché étant le livre de Jesses James Garret s'intitulant "les éléments de l'expérience utilisateur" dans lequel il présente 5 plans partant de bas en haut et décrivant les différentes étapes de la conception d’expérience web.

Voici les 5 plans :

/1 La stratégie
Qui décrit l'objectif du site et ce que l'entreprise souhaite en tirer.
Et les besoins des utilisateurs

/2 Le plan envergure
Spécifications fonctionnelles et spécifications des contenus.
Il s’agit de trouver la meilleure manière de répondre à tout les objectif stratégique. Il faut traduire les besoins et les objectif du site en contraintes précises de contenu et de fonctionnalités.

/3 Le plan structure
Design d’interaction et architecture de l'information.
Il s'agit de développer une structure conceptuelle pour le site.
Le disgn d'interaction concerne les options permettant d'effectuer des tâches.
L'architecture de l'information s'occupe de la manière dont l'information est véhiculé jusqu’à l'utilisateur.

/4 Le plan Ossature
Design d'interface, de navigation et d'information.
Détermine la forme que prendra les fonctionnalité détaillé dans le plan struture. Il s'agit de sélectionner les éléments d'interface correspondants à ce que l'utilisateur est entrain de faire et à les organiser.
Placer les liens sur toutes les pages pour que les internautes puissent effectuer leur visite. Le toute en repondant à des objectif. Les éléments de navigations doivent faciliter la vie des utilisateur. communiquer la relation entre les éléments. cpmmuniquer la relation entre le contenu et la navigation. Présenter l'information pour que l'on puisse facilement la comprendre et l'utiliser.

5/ plan surface
Design sensoriel
Aspect du produit



Le problème que je rencontre maintenant c'est d'en déduire tout les éléments de travail qui doivent être réaliser sur chaque plan.

Par exemple sur le plan stratégie, le cahier des charges à sa place. L'étude de la concurrence également. les personas aussi ?

Mais après je mis perds un peu (d'ou votre aide) a quelle moment, sur quelle plan les documents suivant sont réaisé ou plus généralement qu'elle sont les documents réalisé pour chaque plan ?

Le cahier des spécifications techniques et dans le plan 2/ Envergure ?
les zoning dans quelle plan viennent-ils ? le plan Ossature ?
Les wifeframes ? dans quel plan interviennent-ils ?
Le plan du site ? les diagramme d'informations ? Les test utilisateurs arrive en dernier ou avant ? La charte graphique ? le personas design ? Brainstorming ? l'arborescence ?les diagrammes de flux, les parcours linéaire...

Pourriez-vous m'aidez à définir quels documents correspond à quels plan ?
je trouve tout ça ineressant, cependant je n'arrive pas forcement à voir clair dans les étape de création lors d'un process UX.

Merci à toutes les personnes qui souhaiterons m'aider, je me doute bien que ma tartine de texte ne va pas faire que des heureux....

Cordialement.

Une personne souhaitant apprendre.

Bonsoir lolo (ça me fait bizarre, c'est comme me répondre a moi même ),

Je ne suis pas très familier avec ces 5 plans. Je vais tenter de remettre tes "points" dans l'ordre selon mon propre avis et mes expériences (et peut être en rajouter !) :

a écrit :

/1 La stratégie
- test utilisateurs / interview utilisateur : un test utilisateur en début de projet pourquoi pas mais il entre dans une cadre de refonte (il y a deja une interface que l'on veux refaire); il sera alors très rapide, et mettra en évidence des points sensibles de l'application actuelle. L'interview est l'étape cruciale ou l'on rencontre l'utilisateur pour recueillir ses besoins : Apprendre a connaitre son activité, son matériel, ses besoins idéaux (c'est a dire avec le logiciel de ses rêves pour son activité) puis ce qu'il a à redire sur l'appli actuelle etc.

/2 Le plan envergure / la j'ai hésité entre le 1 et le 2 car ils m'ont l'air tres liés. j'ai donc pris le 2 comme l'analyse des informations recueillies dans le 1
- Brainstorming
- l'arborescence
- diagramme d'informations
- personas design / utilisé surtout quand ont a pas d'utilisateur a se mettre sous la dent au 1
- diagrammes de flux

/3 Le plan structure
- plan du site

/4 Le plan Ossature
- parcours linéaire
- zoning
- wifeframes
- test utilisateur / il est bien d'avoir l'avis des utilisateurs pour valider les choix fait.

5/ plan surface
- charte graphique

En plus grossier, dans une étude ergonomique les étapes viennent dans cet ordre :

- Définition du projet, de la stratégie, recueil du besoin, interview utilisateur...
- Architecture du site (plan du site)
- Design fonctionnel : définir les taches, puis passer au maquettage (d'abords maquette papier en concertation avec les acteurs, puis les maquettes fil de fer pour le placement et les interaction), rédaction d'une charte ergonomique.
- Et enfin le design graphique : la touche de couleur quand tout est bien décidé et placé.

Si il est possible de présenter régulièrement les avancées aux utilisateurs pour recueillir en cours de routes leurs idées, remarques etc c'est pas plus mal !


Côté spec dans ma boite par exemple on fonctionne avec la méthode agile (je ne vais pas l'expliquer ici ça serait bcp trop long et fastidieux !) mais le principe est que les spécifications et la réalisation avance en même temps, cela permet de s'adapter (presque) en temps réel au imprévus, aux fonctionnalités oubliées etc etc. (Pas toutes les spec non plus hein il y a un très gros noyau fait avant le début mais l’expérience m'a montré qu'au fur et a mesure de la réalisation il y a des fonctionnalités oubliées qui ressurgissent de nulle part...)


Je sais pas si j'ai vraiment répondu et si c'était clair... on est dimanche soir après tout

En tout cas ce genre d'étude nécessite un projet assez imposant

Bonne soirée
Modifié par _laurent (26 Aug 2012 - 20:39)

Non je ne m'amuse pas à faire une discussion en rédigant les questions/réponses...

Merci pour ta réponse _laurent.

J'ai repris la terminologie de Jesses James Garret, tu connais peut-être ces plan sous une autre appellation.

Le 1 et le 2 sont effectivement très proche, mais dans l'ensemble tout les plans sont dépendant et par conséquent proche du précédent. le précédent influençant beaucoup le suivant et vice versa. C'est pour ça qu'il est intéressante de commencer un plan avant même de finir le précédent, il sont ainsi flexible au risque de devenir rapidement le bordel (c'est peut-être en ça que ça se rapproche de la méthode agile que tu site ? )

Le plan structure et la pour hiérarchiser l'information contenu dans le site. il donne plusieurs niveau d'importance à notre contenu. il est assez proche de l'arborescence, quelles sont les réels différences ?

Dans l'étape un tu mets l'abo (réalisé grâce notamment au tri de carte.) à quoi correspond selon toi le plan de la structure ? comment se construit l'architecture de l'information (si c'est bien dans ce plan quelle se retrouve)
le fichier qui en découle est un diagramme indiquant le parcours d'un utilisateur, c'est possibilités. Comment arrive-t-on avec ce document ? en uniquement avec celui de l'arbo ?

Question annexe
je vois à ton pseudo UX donc j'en déduis que tu t'y intéresses, sais-tu si il y a des sites / forum spécialisé dans cette démarche en français ?

Merci de m'aider dans tout les cas.

Bonne soirée.

lolo. a écrit :
Le plan structure et la pour hiérarchiser l'information contenu dans le site. il donne plusieurs niveau d'importance à notre contenu. il est assez proche de l'arborescence, quelles sont les réels différences ?

A la relecture de ce que j'ai répondu il est vrai que l'architecture se placerai dans le plan structure :

lolo. a écrit :
/3 Le plan structure
Design d’interaction et architecture de l'information.
Il s'agit de développer une structure conceptuelle pour le site.
Le disgn d'interaction concerne les options permettant d'effectuer des tâches.
L'architecture de l'information s'occupe de la manière dont l'information est véhiculé jusqu’à l'utilisateur.

Pour moi le "plan du site" et "l’arborescence" sont un peu la même chose (j'ai du recoller l'arbo avec ce qui était autour dans ta liste de mot et le zapper).
Le plan structure et aussi la pour donner les interactions entre les pages, pas seulement l'architecture.

lolo. a écrit :
Dans l'étape un tu mets l'abo (réalisé grâce notamment au tri de carte.) à quoi correspond selon toi le plan de la structure ? comment se construit l'architecture de l'information (si c'est bien dans ce plan quelle se retrouve)
le fichier qui en découle est un diagramme indiquant le parcours d'un utilisateur, c'est possibilités. Comment arrive-t-on avec ce document ? en uniquement avec celui de l'arbo ?

J'ai déjà du apporter plus de précision avec la question précédente

Le plan structure est bien la pour définir l'architecture de ton logiciel (en gros, toutes les pages) ainsi que les interaction entre les pages.

lolo. a écrit :
je vois à ton pseudo UX donc j'en déduis que tu t'y intéresses, sais-tu si il y a des sites / forum spécialisé dans cette démarche en français ?

Je m'y intéresse oui J'ai fait une école d'ingénieur en cognitique (IHM : IA, gestion des connaissance, ergonomie, etc...) et suis maintenant salarié en tant que "ergonome" (je préfère Designer d'interface et je m'occupe aussi du design graphique).

Pour les sites je vadrouille entre plusieurs, principalement Usaddict qui est très bien mais il y en a plein d'autres : UXfr, Ergolab, le rayon UX etc... en fait il y en a beaucoup.
Je ne connais pas de communauté avec forum aussi forte qu'ici par exemple. Ça doit exister.. Je suis abonné a une liste de diffusion ergo mais la plupart du temps ce sont des offres/recherches d'emploi/thèse qui circulent (cependant il arrive que des gens se posent des questions d'ergo et la communauté est là pour l'aider !).

Je bosse aussi avec des bouquins comme "Ergonomie du logiciel et design Web" de Jean-Francois Nogier (mais la c'est pareil des livres il y en a plein, tu en as un entre les mains !).

En tout cas ce que j'ai pu remarquer c'est qu'il y a des ressemblance mais ce n'est jamais la même chose. Il y a toujours un cas particulier dans une interface. Donc je parcours le web a la recherche d'un article qui aurait déjà traité le sujet et sinon sur des article qui s'en rapproche pour fonder mes propres décisions.


Bonne journée

Bonjour et _laurent,

Merci pour tes explications est tes liens. Une fois que j'aurai finis, je te soumettrai mon document si cela ne te dérange pas.

Enfaite je fais ça, car je suis webDesigner et je m'intéresse beaucoup à l'ergonomie, aux parcours utilisateurs...

Et dans ma boite actuel, pour les prjet de refonte ou création de site web, c'est le BORDEL, personne ne sait ou commencer, ou finir ... pourquoi comment... Bref

Sachant que j' m'intéresse à ça, il m'ont demandé si je pouvais finaliser un document dans le qu'elle je listerai les différent étapes / plan et les documents qu'il en résulte. LE tout le plus vulgarisé possible.

Je me dis que c'est l'occasion d'introduire la notion d'utilisateur, de faire en sorte que dans notre process l'utilisateur ne soit plus une vache à lait, mais un élément central autour d'un qu'elle nous construisons notre site.

Tout ne sera pas pris, mais c'est un bon début et cela me permet de mettre mes lectures diverses sur le sujet à plat !

Merci de ton aide et pour les liens. Je suis également ouvert à tout documents ou idée susceptible de m'aider

Bonne après-midi.