Ergonomie web-2-0-101205110427-phpapp02

283
L’ERGONOMIE D’UN SITE WEB Créez des sites web pensés pour les utilisateurs et leur faciliter l’utilisation et l’action La mise à disposition gratuite est un choix, la propriété intellectuelle un droit. En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante : © Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Transcript of Ergonomie web-2-0-101205110427-phpapp02

Page 1: Ergonomie web-2-0-101205110427-phpapp02

L’ERGONOMIE D’UN SITE WEBCréez des sites web pensés pour les utilisateurs

et leur faciliter l’utilisation et l’action

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 2: Ergonomie web-2-0-101205110427-phpapp02

DOUBLE CONSTAT

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 3: Ergonomie web-2-0-101205110427-phpapp02

DOUBLE CONSTAT

« Le constat est édifiant : un site sur deux est mal conçu, mal écrit et mal pensé.

Donc logiquement peu attrayant, peu vendeur et globalement peu efficace. »

Collectif, Ecrire et manager sa communication, EdiPro, 2008, p.78.

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 4: Ergonomie web-2-0-101205110427-phpapp02

DOUBLE CONSTAT

« Le constat est édifiant : un site sur deux est mal conçu, mal écrit et mal pensé.

Donc logiquement peu attrayant, peu vendeur et globalement peu efficace. »

Collectif, Ecrire et manager sa communication, EdiPro, 2008, p.78.

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

« La plupart des sites actuels manquent encore de l’essentiel : un vrai souci des internautes, de qui ils sont et de leurs besoins. »

BOUCHER A., Ergonomie web - Pour des sites web efficaces, Eyrolles, Accès libre, 2009, p.XIV.

Page 5: Ergonomie web-2-0-101205110427-phpapp02

FAIRE UN BON SITE WEB ?

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Seule certitude :

Page 6: Ergonomie web-2-0-101205110427-phpapp02

FAIRE UN BON SITE WEB ?

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Jean-Claude Dusse (Michel Blanc) dans Les Bronzés, réalisé par Patrice Leconte, 1978.

Seule certitude :

« Sur un malentendu, ça peut marcher »

Page 7: Ergonomie web-2-0-101205110427-phpapp02

FAIRE UN BON SITE WEB ?

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Jean-Claude Dusse (Michel Blanc) dans Les Bronzés, réalisé par Patrice Leconte, 1978.

Seule certitude :

« Sur un malentendu, ça peut marcher »

Oubliez !

Page 8: Ergonomie web-2-0-101205110427-phpapp02

1. Ce que vous croyez savoir

2. Ce qu’est l’ergonomie

3. L’internaute, un humain

4. L’ergonomie en pratique

5. Ressources

6. Conclusions

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

PLAN

Page 9: Ergonomie web-2-0-101205110427-phpapp02

1. Ce que vous croyez savoir

2. Ce qu’est l’ergonomie

3. L’internaute, un humain

4. L’ergonomie en pratique

5. Ressources

6. Conclusions

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Idées reçues

PLAN

Page 10: Ergonomie web-2-0-101205110427-phpapp02

1. Ce que vous croyez savoir

2. Ce qu’est l’ergonomie

3. L’internaute, un humain

4. L’ergonomie en pratique

5. Ressources

6. Conclusions

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Idées reçues

Définition

PLAN

Page 11: Ergonomie web-2-0-101205110427-phpapp02

1. Ce que vous croyez savoir

2. Ce qu’est l’ergonomie

3. L’internaute, un humain

4. L’ergonomie en pratique

5. Ressources

6. Conclusions

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Idées reçues

Définition

Règles générales

PLAN

Page 12: Ergonomie web-2-0-101205110427-phpapp02

1. Ce que vous croyez savoir

2. Ce qu’est l’ergonomie

3. L’internaute, un humain

4. L’ergonomie en pratique

5. Ressources

6. Conclusions

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Idées reçues

Définition

Règles générales

Règles pour le web

PLAN

Page 13: Ergonomie web-2-0-101205110427-phpapp02

1. Ce que vous croyez savoir

2. Ce qu’est l’ergonomie

3. L’internaute, un humain

4. L’ergonomie en pratique

5. Ressources

6. Conclusions

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Idées reçues

Définition

Règles générales

Règles pour le web

Documentation

PLAN

Page 14: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. CE QUE VOUS CROYEZ SAVOIR

Page 15: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. CE QUE VOUS CROYEZ SAVOIR

10 idées reçues sur l’ergonomie

Page 16: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 17: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. L’internaute est sot ou, au contraire, il sait tout

Page 18: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. L’internaute est sot ou, au contraire, il sait tout

Un enfant de 10ans sait le faire, l’internaute aussi

L’internaute sait qu’en cliquant sur le logo, il reviendra à la page d’accueil

Page 19: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. L’internaute est sot ou, au contraire, il sait tout

Contre-productivité :

Un enfant de 10ans sait le faire, l’internaute aussi

L’internaute sait qu’en cliquant sur le logo, il reviendra à la page d’accueil

Risques

Page 20: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. L’internaute est sot ou, au contraire, il sait tout

Contre-productivité :

1. Interfaces ultra-guidées ou simplifiées

Un enfant de 10ans sait le faire, l’internaute aussi

L’internaute sait qu’en cliquant sur le logo, il reviendra à la page d’accueil

Risques

Page 21: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. L’internaute est sot ou, au contraire, il sait tout

Contre-productivité :

1. Interfaces ultra-guidées ou simplifiées

2. Interfaces manquant d’intuitivité

Un enfant de 10ans sait le faire, l’internaute aussi

L’internaute sait qu’en cliquant sur le logo, il reviendra à la page d’accueil

Risques

Page 22: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. CE QUE VOUS CROYEZ SAVOIR

1. L’internaute est sot ou, au contraire, il sait tout

Page 23: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

1. L’internaute est sot ou, au contraire, il sait tout

Page 24: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Evitez de penser pour les internautes

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

1. L’internaute est sot ou, au contraire, il sait tout

Page 25: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Evitez de penser pour les internautes

2. Cherchez à connaître les utilisateurs de votre site pour l’adapter à leurs besoinsLe

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

1. L’internaute est sot ou, au contraire, il sait tout

Page 26: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Pens

ez

malin !

1. Evitez de penser pour les internautes

2. Cherchez à connaître les utilisateurs de votre site pour l’adapter à leurs besoinsLe

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

1. L’internaute est sot ou, au contraire, il sait tout

Page 27: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Oubliez le « si ma grand-mère sait le faire »

Pens

ez

malin !

1. Evitez de penser pour les internautes

2. Cherchez à connaître les utilisateurs de votre site pour l’adapter à leurs besoinsLe

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

1. L’internaute est sot ou, au contraire, il sait tout

Page 28: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Oubliez le « si ma grand-mère sait le faire »

2. Individualisez : visez le bien-être de vos internautes

Pens

ez

malin !

1. Evitez de penser pour les internautes

2. Cherchez à connaître les utilisateurs de votre site pour l’adapter à leurs besoinsLe

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

1. L’internaute est sot ou, au contraire, il sait tout

Page 29: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 30: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. Le mythe des 3 clics

Page 31: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. Le mythe des 3 clics

L’information doit être accessible à l’utilisateur en 3 clics maximum

Page 32: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. Le mythe des 3 clics

1. Personne au scénario ≠ utilisateur final

L’information doit être accessible à l’utilisateur en 3 clics maximum

Risques

Page 33: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. Le mythe des 3 clics

1. Personne au scénario ≠ utilisateur final

2. Multiplication des clics en cas d’erreur

L’information doit être accessible à l’utilisateur en 3 clics maximum

Risques

Page 34: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. Le mythe des 3 clics

1. Personne au scénario ≠ utilisateur final

2. Multiplication des clics en cas d’erreur

L’information doit être accessible à l’utilisateur en 3 clics maximum

Risques

Source : BOUCHER A., ergonomie web, Eyrolles, 2009, p.19.

Page 35: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. CE QUE VOUS CROYEZ SAVOIR

2. Le mythe des 3 clics

Page 36: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

2. Le mythe des 3 clics

Page 37: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les 3 clics ont aidé à une époque

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

2. Le mythe des 3 clics

Page 38: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les 3 clics ont aidé à une époque

2. Ils peuvent compliquer la navigationLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

2. Le mythe des 3 clics

Page 39: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Pens

ez

malin !

1. Les 3 clics ont aidé à une époque

2. Ils peuvent compliquer la navigationLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

2. Le mythe des 3 clics

Page 40: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Le clic n’est pas un facteur pour quitter un site

Pens

ez

malin !

1. Les 3 clics ont aidé à une époque

2. Ils peuvent compliquer la navigationLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

2. Le mythe des 3 clics

Page 41: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Le clic n’est pas un facteur pour quitter un site

2. Mieux vaut 2 clics simples qu’un clic compliqué

Pens

ez

malin !

1. Les 3 clics ont aidé à une époque

2. Ils peuvent compliquer la navigationLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

2. Le mythe des 3 clics

Page 42: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Le clic n’est pas un facteur pour quitter un site

2. Mieux vaut 2 clics simples qu’un clic compliqué

3. Chaque clic doit être réfléchi et avoir un intérêtPens

ez

malin !

1. Les 3 clics ont aidé à une époque

2. Ils peuvent compliquer la navigationLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

2. Le mythe des 3 clics

Page 43: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 44: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. Ergonomie et design graphique ne vont pas ensemble

Page 45: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. Ergonomie et design graphique ne vont pas ensemble

L’ergonomie entrave la créativité du graphiste

Page 46: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. Ergonomie et design graphique ne vont pas ensemble

1. Maquette ergonomique ≠ maquette graphique

L’ergonomie entrave la créativité du graphiste

Risques

Page 47: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. Ergonomie et design graphique ne vont pas ensemble

1. Maquette ergonomique ≠ maquette graphique

2. Opposer ergonomie et graphisme

L’ergonomie entrave la créativité du graphiste

Risques

Page 48: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. CE QUE VOUS CROYEZ SAVOIR

3. Ergonomie et design graphique ne vont pas ensemble

Page 49: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

3. Ergonomie et design graphique ne vont pas ensemble

Page 50: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Sans graphisme, l’ergonomie est laide

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

3. Ergonomie et design graphique ne vont pas ensemble

Page 51: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Sans graphisme, l’ergonomie est laide

2. Le graphisme vient renforcer l’ergonomieLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

3. Ergonomie et design graphique ne vont pas ensemble

Page 52: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Pens

ez

malin !

1. Sans graphisme, l’ergonomie est laide

2. Le graphisme vient renforcer l’ergonomieLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

3. Ergonomie et design graphique ne vont pas ensemble

Page 53: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Agencez, séparez les zones, laissez respirer…

Pens

ez

malin !

1. Sans graphisme, l’ergonomie est laide

2. Le graphisme vient renforcer l’ergonomieLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

3. Ergonomie et design graphique ne vont pas ensemble

Page 54: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Agencez, séparez les zones, laissez respirer…

2. Faites des aller-retour graphisme / ergonomie

Pens

ez

malin !

1. Sans graphisme, l’ergonomie est laide

2. Le graphisme vient renforcer l’ergonomieLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

3. Ergonomie et design graphique ne vont pas ensemble

Page 55: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Agencez, séparez les zones, laissez respirer…

2. Faites des aller-retour graphisme / ergonomie

3. Sachez que l’esthétique influence la perceptionPens

ez

malin !

1. Sans graphisme, l’ergonomie est laide

2. Le graphisme vient renforcer l’ergonomieLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

3. Ergonomie et design graphique ne vont pas ensemble

Page 56: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 57: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ergonomie peut être gérée par n’importe qui

Page 58: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ergonomie peut être gérée par n’importe qui

Un groupe de travail / quelqu’un en interne s’en occupe déjà

Page 59: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ergonomie peut être gérée par n’importe qui

1. Dissoudre l’ergonomie dans la réflexion générale

Un groupe de travail / quelqu’un en interne s’en occupe déjà

Risques

Page 60: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ergonomie peut être gérée par n’importe qui

1. Dissoudre l’ergonomie dans la réflexion générale

2. Biaiser par une perception subjective

Un groupe de travail / quelqu’un en interne s’en occupe déjà

Risques

Page 61: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. CE QUE VOUS CROYEZ SAVOIR

4. L’ergonomie peut être gérée par n’importe qui

Page 62: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

4. L’ergonomie peut être gérée par n’importe qui

Page 63: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Pensez « réflexion site web » + ergonomie

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

4. L’ergonomie peut être gérée par n’importe qui

Page 64: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Pensez « réflexion site web » + ergonomie

2. Une démarche en interne est utile mais ne remplace pas l’approche extérieure et objectiveLe

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

4. L’ergonomie peut être gérée par n’importe qui

Page 65: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Pens

ez

malin !

1. Pensez « réflexion site web » + ergonomie

2. Une démarche en interne est utile mais ne remplace pas l’approche extérieure et objectiveLe

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

4. L’ergonomie peut être gérée par n’importe qui

Page 66: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Ergonomie = analyse spécifique et autonome

Pens

ez

malin !

1. Pensez « réflexion site web » + ergonomie

2. Une démarche en interne est utile mais ne remplace pas l’approche extérieure et objectiveLe

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

4. L’ergonomie peut être gérée par n’importe qui

Page 67: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Ergonomie = analyse spécifique et autonome

2. Ergonomie = approche objective

Pens

ez

malin !

1. Pensez « réflexion site web » + ergonomie

2. Une démarche en interne est utile mais ne remplace pas l’approche extérieure et objectiveLe

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

4. L’ergonomie peut être gérée par n’importe qui

Page 68: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 69: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

5. Un site ergonomique sinon rien

Page 70: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

5. Un site ergonomique sinon rien

« Faites-moi un site ergonomique »

Page 71: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

5. Un site ergonomique sinon rien

1. Croire que le site ergonomique existe

« Faites-moi un site ergonomique »

Risques

Page 72: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

5. Un site ergonomique sinon rien

1. Croire que le site ergonomique existe

2. Croire qu’il existe une façon de faire

« Faites-moi un site ergonomique »

Risques

Page 73: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. CE QUE VOUS CROYEZ SAVOIR

5. Un site ergonomique sinon rien

Page 74: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

5. Un site ergonomique sinon rien

Page 75: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. L’ergonomie se travaille au cas par cas

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

5. Un site ergonomique sinon rien

Page 76: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. L’ergonomie se travaille au cas par cas

2. L’ergonomie est «objectivement subjective»Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

5. Un site ergonomique sinon rien

Page 77: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Pens

ez

malin !

1. L’ergonomie se travaille au cas par cas

2. L’ergonomie est «objectivement subjective»Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

5. Un site ergonomique sinon rien

Page 78: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Contextualisez : un internaute donné, à un instant donné, dans un contexte donné

Pens

ez

malin !

1. L’ergonomie se travaille au cas par cas

2. L’ergonomie est «objectivement subjective»Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

5. Un site ergonomique sinon rien

Page 79: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Contextualisez : un internaute donné, à un instant donné, dans un contexte donné

2. Ciblez l’internaute dans sa pratique du sitePe

nsez

malin !

1. L’ergonomie se travaille au cas par cas

2. L’ergonomie est «objectivement subjective»Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

5. Un site ergonomique sinon rien

Page 80: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 81: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

6. Les internautes lisent en F (Z ou E)

Page 82: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

6. Les internautes lisent en F (Z ou E)

Le regard de l’internaute suit une trajectoire unique et prédéterminée

Page 83: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

6. Les internautes lisent en F (Z ou E)

1. Croire aux schémas intellectuels de lecture

Le regard de l’internaute suit une trajectoire unique et prédéterminée

Risques

Page 84: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

6. Les internautes lisent en F (Z ou E)

1. Croire aux schémas intellectuels de lecture

2. Se baser sur une règle sans fondement scientifique

Le regard de l’internaute suit une trajectoire unique et prédéterminée

Risques

Page 85: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. CE QUE VOUS CROYEZ SAVOIR

6. Les internautes lisent en F (Z ou E)

Page 86: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

6. Les internautes lisent en F (Z ou E)

Page 87: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les habitudes conditionnent les réflexes

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

6. Les internautes lisent en F (Z ou E)

Page 88: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les habitudes conditionnent les réflexes

2. Les pages produisent les comportements (pas les internautes)Le

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

6. Les internautes lisent en F (Z ou E)

Page 89: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Pens

ez

malin !

1. Les habitudes conditionnent les réflexes

2. Les pages produisent les comportements (pas les internautes)Le

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

6. Les internautes lisent en F (Z ou E)

Page 90: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Apparence + animations –> parcours visuel

Pens

ez

malin !

1. Les habitudes conditionnent les réflexes

2. Les pages produisent les comportements (pas les internautes)Le

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

6. Les internautes lisent en F (Z ou E)

Page 91: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Apparence + animations –> parcours visuel

2. De haut en bas et de gauche à droite…

Pens

ez

malin !

1. Les habitudes conditionnent les réflexes

2. Les pages produisent les comportements (pas les internautes)Le

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

6. Les internautes lisent en F (Z ou E)

Page 92: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 93: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

7. L’ergonomie, c’est le bon sens

Page 94: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

7. L’ergonomie, c’est le bon sens

L’ergonomie, ce n’est jamais que du bon sens

Page 95: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

7. L’ergonomie, c’est le bon sens

1. Penser que tout le monde a une démarche centrée utilisateur

L’ergonomie, ce n’est jamais que du bon sens

Risques

Page 96: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

7. L’ergonomie, c’est le bon sens

1. Penser que tout le monde a une démarche centrée utilisateur

2. Réduire l’ergonomie au sens commun

L’ergonomie, ce n’est jamais que du bon sens

Risques

Page 97: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. CE QUE VOUS CROYEZ SAVOIR

7. L’ergonomie, c’est le bon sens

Page 98: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

7. L’ergonomie, c’est le bon sens

Page 99: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les sites web ne sont pas tous ergonomiques si ?

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

7. L’ergonomie, c’est le bon sens

Page 100: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les sites web ne sont pas tous ergonomiques si ?

2. L’ergonomie est mal connue et mal compriseLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

7. L’ergonomie, c’est le bon sens

Page 101: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Pens

ez

malin !

1. Les sites web ne sont pas tous ergonomiques si ?

2. L’ergonomie est mal connue et mal compriseLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

7. L’ergonomie, c’est le bon sens

Page 102: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Chaque métier du web doit y être sensibilisé

Pens

ez

malin !

1. Les sites web ne sont pas tous ergonomiques si ?

2. L’ergonomie est mal connue et mal compriseLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

7. L’ergonomie, c’est le bon sens

Page 103: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Chaque métier du web doit y être sensibilisé

2. Une charte ergonomique concrétise l’approche

Pens

ez

malin !

1. Les sites web ne sont pas tous ergonomiques si ?

2. L’ergonomie est mal connue et mal compriseLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

7. L’ergonomie, c’est le bon sens

Page 104: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 105: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

8. L’ergonomie sera gérée techniquement

Page 106: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

8. L’ergonomie sera gérée techniquement

L’ergonomie sera gérée par des effets techniques (Flash, Ajax, Web 2.0…)

Page 107: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

8. L’ergonomie sera gérée techniquement

1. Supposer que des technologies remplacent l’ergonomie

L’ergonomie sera gérée par des effets techniques (Flash, Ajax, Web 2.0…)

Risques

Page 108: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

8. L’ergonomie sera gérée techniquement

1. Supposer que des technologies remplacent l’ergonomie

2. Réduire l’ergonomie à des effets techniques

L’ergonomie sera gérée par des effets techniques (Flash, Ajax, Web 2.0…)

Risques

Page 109: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. CE QUE VOUS CROYEZ SAVOIR

8. L’ergonomie sera gérée techniquement

Page 110: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

8. L’ergonomie sera gérée techniquement

Page 111: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. La technique vient soutenir l’ergonomie

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

8. L’ergonomie sera gérée techniquement

Page 112: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. La technique vient soutenir l’ergonomie

2. Les normes et objectifs ergonomiques restent, peu importe la technologieLe

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

8. L’ergonomie sera gérée techniquement

Page 113: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Pens

ez

malin !

1. La technique vient soutenir l’ergonomie

2. Les normes et objectifs ergonomiques restent, peu importe la technologieLe

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

8. L’ergonomie sera gérée techniquement

Page 114: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Réfléchissez d’abord à l’ergonomie

Pens

ez

malin !

1. La technique vient soutenir l’ergonomie

2. Les normes et objectifs ergonomiques restent, peu importe la technologieLe

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

8. L’ergonomie sera gérée techniquement

Page 115: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Réfléchissez d’abord à l’ergonomie

2. Aidez ensuite les internautes à les réaliser

Pens

ez

malin !

1. La technique vient soutenir l’ergonomie

2. Les normes et objectifs ergonomiques restent, peu importe la technologieLe

point

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

8. L’ergonomie sera gérée techniquement

Page 116: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 117: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

9. Les internautes ne scrollent pas

Page 118: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

9. Les internautes ne scrollent pas

Les internautes regardent la fenêtre courante et basta !

Page 119: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

9. Les internautes ne scrollent pas

1. Postuler que les internautes sont paresseux

Les internautes regardent la fenêtre courante et basta !

Risques

Page 120: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

9. Les internautes ne scrollent pas

1. Postuler que les internautes sont paresseux

2. Penser qu’ils sont sots (cf. Point 1)

Les internautes regardent la fenêtre courante et basta !

Risques

Page 121: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

9. Les internautes ne scrollent pas

1. Postuler que les internautes sont paresseux

2. Penser qu’ils sont sots (cf. Point 1)

3. Croire que les écrans ont tous la même taille

Les internautes regardent la fenêtre courante et basta !

Risques

Page 122: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. CE QUE VOUS CROYEZ SAVOIR

9. Les internautes ne scrollent pas

Page 123: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

9. Les internautes ne scrollent pas

Page 124: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Si le site répond aux attentes –> scroll ok !

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

9. Les internautes ne scrollent pas

Page 125: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Si le site répond aux attentes –> scroll ok !

2. Si le contenu est intéressant –> scroll ok ! Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

9. Les internautes ne scrollent pas

Page 126: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Pens

ez

malin !

1. Si le site répond aux attentes –> scroll ok !

2. Si le contenu est intéressant –> scroll ok ! Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

9. Les internautes ne scrollent pas

Page 127: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Ne sacrifiez jamais un contenu intéressant sous prétexte que ça sera «trop long»

Pens

ez

malin !

1. Si le site répond aux attentes –> scroll ok !

2. Si le contenu est intéressant –> scroll ok ! Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

9. Les internautes ne scrollent pas

Page 128: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Ne sacrifiez jamais un contenu intéressant sous prétexte que ça sera «trop long»

2. Rendez l’information primordiale accessible au maximum sans scrollPe

nsez

malin !

1. Si le site répond aux attentes –> scroll ok !

2. Si le contenu est intéressant –> scroll ok ! Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

9. Les internautes ne scrollent pas

Page 129: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 130: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

10. L’ergonomie sera traitée en bout de projet

Page 131: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

10. L’ergonomie sera traitée en bout de projet

« Pour l’ergonomie, on verra à la fin »(en même temps que le référencement… [!])

Page 132: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

10. L’ergonomie sera traitée en bout de projet

1. Postuler que les internautes sont paresseux

« Pour l’ergonomie, on verra à la fin »(en même temps que le référencement… [!])

Risques

Page 133: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

10. L’ergonomie sera traitée en bout de projet

1. Postuler que les internautes sont paresseux

2. Penser qu’ils sont sots (cf. Point 1)

« Pour l’ergonomie, on verra à la fin »(en même temps que le référencement… [!])

Risques

Page 134: Ergonomie web-2-0-101205110427-phpapp02

1. CE QUE VOUS CROYEZ SAVOIR

Enoncé

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

10. L’ergonomie sera traitée en bout de projet

1. Postuler que les internautes sont paresseux

2. Penser qu’ils sont sots (cf. Point 1)

3. Croire que les écrans ont tous la même taille

« Pour l’ergonomie, on verra à la fin »(en même temps que le référencement… [!])

Risques

Page 135: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. CE QUE VOUS CROYEZ SAVOIR

10. L’ergonomie sera traitée en bout de projet

Page 136: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

10. L’ergonomie sera traitée en bout de projet

Page 137: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. L’ergonomie est un processus

Le po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

10. L’ergonomie sera traitée en bout de projet

Page 138: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. L’ergonomie est un processus

2. Mené tôt = intégration facile au projetLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

10. L’ergonomie sera traitée en bout de projet

Page 139: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Pens

ez

malin !

1. L’ergonomie est un processus

2. Mené tôt = intégration facile au projetLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

10. L’ergonomie sera traitée en bout de projet

Page 140: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Approche utilisateurs avant, pendant, et après !

Pens

ez

malin !

1. L’ergonomie est un processus

2. Mené tôt = intégration facile au projetLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

10. L’ergonomie sera traitée en bout de projet

Page 141: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Approche utilisateurs avant, pendant, et après !

2. Gagnez du temps et limitez les erreurs

Pens

ez

malin !

1. L’ergonomie est un processus

2. Mené tôt = intégration facile au projetLe po

int

sur l

a

1. CE QUE VOUS CROYEZ SAVOIR

10. L’ergonomie sera traitée en bout de projet

Page 142: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les différents niveaux de l’ergonomie

2. La «qualité web» ou e-qualité

Page 143: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. Les différents niveaux de l’ergonomie

Page 144: Ergonomie web-2-0-101205110427-phpapp02

Ergonomie générale

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. Les différents niveaux de l’ergonomie

Page 145: Ergonomie web-2-0-101205110427-phpapp02

Ergonomie générale

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. Les différents niveaux de l’ergonomie

Interface homme-machine

Page 146: Ergonomie web-2-0-101205110427-phpapp02

Ergonomie générale

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. Les différents niveaux de l’ergonomie

Interface homme-machine

Informatique

Page 147: Ergonomie web-2-0-101205110427-phpapp02

Ergonomie générale

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. Les différents niveaux de l’ergonomie

Interface homme-machine

Informatique

Web

Page 148: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Source : http://ma-tvideo.france2.fr/video/iLyROoafvC4C.html

2. CE QU’EST L’ERGONOMIE

2. Les différents niveaux de l’ergonomie

Page 149: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

1. Visibilité

2. Perception

3. Technique

4. Contenus

5. Services

Page 150: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

1. Visibilité

2. Perception

3. Technique

4. Contenus

5. Services

Service visible et identifiable ?

Page 151: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

1. Visibilité

2. Perception

3. Technique

4. Contenus

5. Services

Service visible et identifiable ?

Correctement perçu par l’utilisateur ?

Page 152: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

1. Visibilité

2. Perception

3. Technique

4. Contenus

5. Services

Service visible et identifiable ?

Correctement perçu par l’utilisateur ?

Fonctionnement optimal et reproductible ?

Page 153: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

1. Visibilité

2. Perception

3. Technique

4. Contenus

5. Services

Service visible et identifiable ?

Correctement perçu par l’utilisateur ?

Fonctionnement optimal et reproductible ?

Contenus de qualité ?

Page 154: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

1. Visibilité

2. Perception

3. Technique

4. Contenus

5. Services

Service visible et identifiable ?

Correctement perçu par l’utilisateur ?

Fonctionnement optimal et reproductible ?

Contenus de qualité ?

Réalisation de services associés de qualité ?

Page 155: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

1. Visibilité

Page 156: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

1. Visibilité

1. Référencement

Page 157: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

1. Visibilité

1. Référencement

2. Outils de recherche

Page 158: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

1. Visibilité

1. Référencement

2. Outils de recherche

3. Positionnement

Page 159: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

1. Visibilité

1. Référencement

2. Outils de recherche

3. Positionnement

4. Webmarketing

Page 160: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

1. Visibilité

1. Référencement

2. Outils de recherche

3. Positionnement

4. Webmarketing

5. Mesure d’audience

Page 161: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

1. Visibilité

1. Référencement

2. Outils de recherche

3. Positionnement

4. Webmarketing

5. Mesure d’audience

6. Communication

Page 162: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

2. Perception

Page 163: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

2. Perception

1. Utilisabilité ou usability

Page 164: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

2. Perception

1. Utilisabilité ou usability

2. Ergonomie

Page 165: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

2. Perception

1. Utilisabilité ou usability

2. Ergonomie

3. Design

Page 166: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

2. Perception

1. Utilisabilité ou usability

2. Ergonomie

3. Design

4. Webdesign

Page 167: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

2. Perception

1. Utilisabilité ou usability

2. Ergonomie

3. Design

4. Webdesign

5. Accessibilité

Page 168: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

2. Perception

1. Utilisabilité ou usability

2. Ergonomie

3. Design

4. Webdesign

5. Accessibilité

6. Navigation

Page 169: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

3. Technique

Page 170: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

3. Technique

1. Sécurité

Page 171: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

3. Technique

1. Sécurité

2. Hardware (matériel)

Page 172: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

3. Technique

1. Sécurité

2. Hardware (matériel)

3. Hébergement

Page 173: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

3. Technique

1. Sécurité

2. Hardware (matériel)

3. Hébergement

4. Qualité logicielle

Page 174: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

3. Technique

1. Sécurité

2. Hardware (matériel)

3. Hébergement

4. Qualité logicielle

5. Qualité du réseau

Page 175: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

3. Technique

1. Sécurité

2. Hardware (matériel)

3. Hébergement

4. Qualité logicielle

5. Qualité du réseau

6. Conformité technique

Page 176: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

4. Contenu

Page 177: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

4. Contenu

1. Ligne éditoriale

Page 178: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

4. Contenu

1. Ligne éditoriale

2. Rédaction

Page 179: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

4. Contenu

1. Ligne éditoriale

2. Rédaction

3. Traduction, localisation

Page 180: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

4. Contenu

1. Ligne éditoriale

2. Rédaction

3. Traduction, localisation

4. Syndication

Page 181: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

4. Contenu

1. Ligne éditoriale

2. Rédaction

3. Traduction, localisation

4. Syndication

5. Fraîcheur

Page 182: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

4. Contenu

1. Ligne éditoriale

2. Rédaction

3. Traduction, localisation

4. Syndication

5. Fraîcheur

6. Nétiquette

Page 183: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

5. E-services

Page 184: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

5. E-services

1. Réponse aux e-mails

Page 185: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

5. E-services

1. Réponse aux e-mails

2. E-commerce

Page 186: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

5. E-services

1. Réponse aux e-mails

2. E-commerce

3. Services et e-services

Page 187: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

5. E-services

1. Réponse aux e-mails

2. E-commerce

3. Services et e-services

4. E-logistique

Page 188: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

5. E-services

1. Réponse aux e-mails

2. E-commerce

3. Services et e-services

4. E-logistique

5. Support, SAV, garantie

Page 189: Ergonomie web-2-0-101205110427-phpapp02

2. CE QU’EST L’ERGONOMIE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. La qualité web ou e-qualité

5. E-services

1. Réponse aux e-mails

2. E-commerce

3. Services et e-services

4. E-logistique

5. Support, SAV, garantie

6. Relation client/usager

Page 190: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

2. La loi de Fitts

3. L’affordance

4. Le nombre magique de Miller et la loi de Hick

Page 191: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

Page 192: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

1. Loi de similarité

Page 193: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

1. Loi de similarité

Si deux éléments sont similaires en taille et en forme (*), alors le cerveau les associera

(*) couleur et orientation comptent moins

Page 194: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

Page 195: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

Page 196: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

Page 197: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

2. Loi de proximité

Page 198: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

2. Loi de proximité

Le cerveau associe des éléments visuels lorsqu’ils sont proches les uns des autres ou si les espaces entre eux sont équivalents.

Page 199: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

Page 200: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

Page 201: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

Page 202: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

3. Loi de bonne continuité

Page 203: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

3. Loi de bonne continuité

Nous préférons percevoir des formes continues en termes de formes, tailles et espacement formant un pattern plutôt que des changements abrupts.

Page 204: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

Page 205: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

Page 206: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

Page 207: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

4. Loi de clôture

Page 208: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

4. Loi de clôture

Une forme fermée est plus facilement identifiée comme une figure (ou comme une forme) qu’une forme ouverte.

Page 209: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

4. Loi de clôture

Page 210: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

4. Loi de clôture

Page 211: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

Page 212: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

5. Loi de symétrie

Page 213: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

5. Loi de symétrie

Un ensemble de formes sera mieux perçu si les formes composant l’ensemble sont symétriques entre elles.

Page 214: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

4. Loi de clôture

Page 215: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Les principes de la Gestalt

4. Loi de clôture

Page 216: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. La loi de Fitts

Page 217: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. La loi de Fitts

1. Les éléments clicables doivent être gros

Page 218: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. La loi de Fitts

1. Les éléments clicables doivent être gros

2. Les éléments clicables doivent être proches

Page 219: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. La loi de Fitts

1. Les éléments clicables doivent être gros

2. Les éléments clicables doivent être proches

Le temps mis pour atteindre une cible est proportionnel à sa distance et inversement proportionnel à  sa taille

Page 220: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. La loi de Fitts

Page 221: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. La loi de Fitts

Page 222: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. La loi de Fitts

Page 223: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. La loi de Fitts

Page 224: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. La loi de Fitts

Page 225: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

2. La loi de Fitts

Page 226: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. L’affordance

1. Définition

Page 227: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. L’affordance

1. Définition Possibilités d’action suggérées par les caractéristiques d’un objet

Page 228: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. L’affordance

1. Définition Possibilités d’action suggérées par les caractéristiques d’un objet

Page 229: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. L’affordance

Page 230: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. L’affordance

2. Affordance web

Page 231: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

3. L’affordance

2. Affordance web1. Cliquez-moi

2. Interagissez avec moi

Page 232: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. Le nombre magique de Miller et la loi de Hick

1. Définition

Page 233: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. Le nombre magique de Miller et la loi de Hick

1. Définition Au-delà de 7 objets, notre cerveau s’embrouille !

Page 234: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. Le nombre magique de Miller et la loi de Hick

1. Définition

Au-delà de 7 objets, notre cerveau s’embrouille !

Page 235: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. Le nombre magique de Miller et la loi de Hick

2. Middle-point De 5 à 9 éléments !

Page 236: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. Le nombre magique de Miller et la loi de Hick

2. Middle-point

De 5 à 9 éléments !

Page 237: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. Le nombre magique de Miller et la loi de Hick

Page 238: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. Le nombre magique de Miller et la loi de Hick

3. Loi de Hick

Page 239: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. Le nombre magique de Miller et la loi de Hick

3. Loi de HickIl est plus facile de décider parmi un nombre réduit d’éléments

Page 240: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

5. Exercice

Page 241: Ergonomie web-2-0-101205110427-phpapp02

3. L’INTERNAUTE, UN HUMAIN

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

5. Exercice

Analyse ergonomique de sites web

Page 242: Ergonomie web-2-0-101205110427-phpapp02

4. L’ERGONOMIE WEBEN PRATIQUE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 243: Ergonomie web-2-0-101205110427-phpapp02

4. L’ERGONOMIE WEBEN PRATIQUE

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Le cahier des charges

2. Un site lisible

3. Un site compréhensible

4. Un site rapide

5. Un site accessible

6. Les 10 ingrédients d’une page web ergonomique

Page 244: Ergonomie web-2-0-101205110427-phpapp02

1. Le cahier des charges

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

C’est la feuille de route de votre site web !

1. Généralités : nom du site, URL, cible, langues…

2. Equipe mobilisée : fonction, rôle, identité…

3. Fonctionnalités : ce que doit précisément faire le site + description des interactions avec l’internaute…

4. Graphisme : charte graphique, webdesign…

5. Technique : sécurité, fréquentation estimée…

6. Rétro-planning & budget

4. L’ERGONOMIE WEB EN PRATIQUE

Page 245: Ergonomie web-2-0-101205110427-phpapp02

2. Un site lisible

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

1. Ecrivez en minuscules

2. Utilisez des polices standard

3. Exploitez une taille de caractère 12 à 14px

4. Gérez les couleurs et la signalétique

5. Facilitez l’accès aux rubriques d’aide

4. L’ERGONOMIE WEB EN PRATIQUE

Page 246: Ergonomie web-2-0-101205110427-phpapp02

3. Un site compréhensible

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Cf. Ma présentation «communiquez pour le web» !

+ /!\ au son

+ Facilité à prendre contact

4. L’ERGONOMIE WEB EN PRATIQUE

Page 247: Ergonomie web-2-0-101205110427-phpapp02

4. Un site rapide

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

1. Les éléments et contenus se chargent rapidement

2. L’internaute trouve rapidement ce qu’il cherche

3. Le moteur de recherche du site donne des résultats pertinents

Page 248: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 249: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 250: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

1. L’accessibilité technologique

2. L’accessibilité aux seniors et personnes moins valides

Page 251: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 1. L’accessibilité technologique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

Elle prend en compte :

1. Le système d’exploitation

2. Le navigateur

3. La résolution d’écran

4. Les logiciels et plug-in installés

Page 252: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 1. L’accessibilité technologique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

Elle prend en compte :

1. Le système d’exploitation

2. Le navigateur

3. La résolution d’écran

4. Les logiciels et plug-in installés

Page 253: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 1. L’accessibilité technologique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

Elle prend en compte :

1. Le système d’exploitation

2. Le navigateur

3. La résolution d’écran

4. Les logiciels et plug-in installés

Page 254: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 1. L’accessibilité technologique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

Elle prend en compte :

1. Le système d’exploitation

2. Le navigateur

3. La résolution d’écran

4. Les logiciels et plug-in installés

Page 255: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 1. L’accessibilité technologique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

Qualité ergonomique d’une interface (norme ISO 9241)

1. Choix technologique à effectuer selon la cible visée

2. Notion de « dégradabilité » du site

Page 256: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 2. L’accessibilité aux seniors et personnes moins valides

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

•US : 1999, Section 508 du Rehabilitation Act

•Europe : plans 2002 et 2005 confirment la priorité des actions à mener pour « lever toute forme de discrimination par Internet »

•UK : un utilisateur peut attaquer un site non accessible

Page 257: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 2. L’accessibilité aux seniors et personnes moins valides

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

Source : http://www.dailymotion.com/video/xb3kxy_maria-breffy-standard-et-secretaria_news

Page 258: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 2. L’accessibilité aux seniors et personnes moins valides

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

Différents handicaps à considérer :

• Visuels : daltonisme, cécité

• Auditifs : surdité

• Moteurs et psychologiques

Page 259: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 2. L’accessibilité aux seniors et personnes moins valides

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

Outils exploités pour répondre à ces handicaps :

• Toucher : afficheur braille, clavier virtuel

• Ouïe : synthèse vocale

Page 260: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 2. L’accessibilité aux seniors et personnes moins valides

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

Source : http://www.youtube.com/watch?v=SZ0bgMjYG_E&feature=related

Page 261: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 2. L’accessibilité aux seniors et personnes moins valides

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

La WAI (Web Accessibility Initiative) :

• Créée en 1997 par le W3C

• +500 membres

• A l’origine des WCAG (Web Content Accessibility Guidelines)

Page 262: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 2. L’accessibilité aux seniors et personnes moins valides

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

Les WCAG = 4 principes pour les contenus web accessibles :

• Perceptibles

• Utilisables

• Compréhensibles

• Robustes

Page 263: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 2. L’accessibilité aux seniors et personnes moins valides

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

Les contenus doivent être perceptibles :

• Tout contenu multimédia doit proposer une alternative textuelle

• Exemple :

• <img src=“fichier.jpg” alt=“” />

Page 264: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 2. L’accessibilité aux seniors et personnes moins valides

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

Les contenus doivent être utilisables :

• Tout contenu multimédia doit être accessible par l’utilisation du clavier ou d’un autre dispositif adapté

• Exemple :

• <a href=“lien.html” tabindex=“n“>

• n = ordre de la tabulation

Page 265: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 2. L’accessibilité aux seniors et personnes moins valides

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

Les contenus doivent être compréhensibles :

• Tout contenu doit être compréhensible par tous

• Exemple :

• Aides pour guider la navigation

• Explications des erreurs de navigation

Page 266: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 267: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 268: Ergonomie web-2-0-101205110427-phpapp02

5. Un site accessible> 2. L’accessibilité aux seniors et personnes moins valides

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

Les contenus doivent être « robustes » :

• Le contenu ne doit pas être altéré par un tiers

Page 269: Ergonomie web-2-0-101205110427-phpapp02

6. Les 10 ingrédients d’une page web ergonomique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

Page 270: Ergonomie web-2-0-101205110427-phpapp02

6. Les 10 ingrédients d’une page web ergonomique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

1. Charte graphique: logo, baseline, slogan, design en grille

Page 271: Ergonomie web-2-0-101205110427-phpapp02

6. Les 10 ingrédients d’une page web ergonomique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

1. Charte graphique: logo, baseline, slogan, design en grille2. Langues

Page 272: Ergonomie web-2-0-101205110427-phpapp02

6. Les 10 ingrédients d’une page web ergonomique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

1. Charte graphique: logo, baseline, slogan, design en grille2. Langues3. Cibles

Page 273: Ergonomie web-2-0-101205110427-phpapp02

6. Les 10 ingrédients d’une page web ergonomique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

1. Charte graphique: logo, baseline, slogan, design en grille2. Langues3. Cibles4. Navigation

Page 274: Ergonomie web-2-0-101205110427-phpapp02

6. Les 10 ingrédients d’une page web ergonomique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

1. Charte graphique: logo, baseline, slogan, design en grille2. Langues3. Cibles4. Navigation5. Moteur de recherche interne

Page 275: Ergonomie web-2-0-101205110427-phpapp02

6. Les 10 ingrédients d’une page web ergonomique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

1. Charte graphique: logo, baseline, slogan, design en grille2. Langues3. Cibles4. Navigation5. Moteur de recherche interne6. Fil d’Ariane

Page 276: Ergonomie web-2-0-101205110427-phpapp02

6. Les 10 ingrédients d’une page web ergonomique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

1. Charte graphique: logo, baseline, slogan, design en grille2. Langues3. Cibles4. Navigation5. Moteur de recherche interne6. Fil d’Ariane7. Mise en évidence de la page en cours

Page 277: Ergonomie web-2-0-101205110427-phpapp02

6. Les 10 ingrédients d’une page web ergonomique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

1. Charte graphique: logo, baseline, slogan, design en grille2. Langues3. Cibles4. Navigation5. Moteur de recherche interne6. Fil d’Ariane7. Mise en évidence de la page en cours8. Facilite de retour la page d'accueil

Page 278: Ergonomie web-2-0-101205110427-phpapp02

6. Les 10 ingrédients d’une page web ergonomique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

1. Charte graphique: logo, baseline, slogan, design en grille2. Langues3. Cibles4. Navigation5. Moteur de recherche interne6. Fil d’Ariane7. Mise en évidence de la page en cours8. Facilite de retour la page d'accueil9. Facilite d'accès aux rubriques d’aide

Page 279: Ergonomie web-2-0-101205110427-phpapp02

6. Les 10 ingrédients d’une page web ergonomique

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

4. L’ERGONOMIE WEB EN PRATIQUE

1. Charte graphique: logo, baseline, slogan, design en grille2. Langues3. Cibles4. Navigation5. Moteur de recherche interne6. Fil d’Ariane7. Mise en évidence de la page en cours8. Facilite de retour la page d'accueil9. Facilite d'accès aux rubriques d’aide10. Coordonnées de contact ou lien visible vers la rubrique

Page 280: Ergonomie web-2-0-101205110427-phpapp02

5. RESSOURCES

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

www.ergolab.net • www.ergologique.com • www.ergonomie-web.com • blog.webatou.info • blog-ergonomieweb.com

Page 281: Ergonomie web-2-0-101205110427-phpapp02

6. CONCLUSIONSMERCI ET VOS QUESTIONS

1. En guise de conclusion

2. Merci et vos questions

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

Page 282: Ergonomie web-2-0-101205110427-phpapp02

1. L’ergonomie ne s’improvise pas

2. L’ergonomie excède le web et nous concerne au quotidien

3. L’ergonomie concerne bien plus que le layout du site

4. Un site ergonomique tient compte des attentes des internautes

5. Un site ergonomique impose le moins possible de contraintes à l’utilisateur

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

6. CONCLUSIONS, MERCI ET VOS QUESTIONS

1. En guise de conclusion

Page 283: Ergonomie web-2-0-101205110427-phpapp02

La mise à disposition gratuite est un choix, la propriété intellectuelle un droit.En cas d’utilisation des informations de cette présentation, merci d’en citer la source de la façon suivante :

© Fred Colantonio, tous droits réservés | www.fredcolantonio.be | [email protected]

6. CONCLUSIONS, MERCI ET VOS QUESTIONS

2. Merci et vos questions

Crédit images : www.sxc.hu

Merci de votre attention !Je réponds avec plaisir à vos questions.

Fred Colantonio+32 486 99 58 [email protected]

: : FredColantonio