Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien...

57
Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien <[email protected]> Québec, 16 novembre 2000

Transcript of Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien...

Page 1: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

Ergonomie du web(ou la science complexe de ne pas perdre ses utilisateurs)

Alain Robillard-Bastien<[email protected]>

Québec, 16 novembre 2000

Page 2: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Sommaire

ObjectifsL’ergonomieL’expérience utilisateurLe site ergonomiqueOutils ergonomiquesAttitude ergonomique

Page 3: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Faits vécus (attention: troublant)

« Ca me permet de payer mes factures de téléphone » (après une heure d’utilisation d’un site interentreprises d’une compagnie de téléphone)

« Je vais utiliser le site pour passer ma commande d’épicerie » (en utilisant un site de distribution de coupons rabais)

« C’est de ma faute, je ne suis pas assez bon (mais je n’y retournerais jamais…) » (L’utilisateur moyen de bien trop de sites)

Page 4: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Faits vécus (attention: troublant)

« Tout le monde sait ça! » (Ha? Pas eux?)

« Les autres sites sont identiques. »

(Sont-ils tous efficaces?) « C’est flash, c’est cool! »

(Serait-ce aussi peine perdue?)

Page 5: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Objectifs

Compréhension du concept d’ergonomie appliqué au web

Caractérisation d’un site ergonomique basée sur des critères

Connaissance des outils de base de l’ergonomie

Page 6: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

L’ergonomie Ergonomie : Didac. Science de l'adaptation du

travail à l'homme. (Elle porte sur l'amélioration des postes et de l'ambiance de travail, sur la diminution de la fatigue physique et nerveuse, sur l'enrichissement des tâches, etc.)

Utilisabilité : Capacité d'un système donné à être utilisé par un individu. Par extension, l'ensemble des moyens et des ressources permettant d'évaluer et de faciliter l'utilisation d'un système.

Page 7: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

L’ergonomie

Le défi ergonomique web:

Performance

« Branding » Utilisabilité

Page 8: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

L’ergonomie

Le défi ergonomique web:

Performance

« Branding » Utilisabilité

Interface

Page 9: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

L’ergonomie

Interface: Dispositif (matériel et logiciel) grâce auquel s'effectuent les échanges d'informations entre deux systèmes.

Espace de relation, de communication, entre l’utilisateur et le site

Page 10: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

L’expérience utilisateur

Source: axance.fr

Page 11: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

L’expérience utilisateur

Source: axance.fr

Page 12: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

L’expérience utilisateur

Qualité première d’un site web:Assurer la meilleure expérience possible d’un contexte donné ou d’une activité prédéfinie, pour l’utilisateur qui initie ou poursuit une relation dans cet espace communicationnel, transactionnel et dynamique.

Page 13: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

L’expérience utilisateur

« In order to achieve high-quality user experience in a company's offerings there

must be a seamless merging of the services of multiple disciplines, including

engineering, marketing, graphical and industrial design, and interface design. »

-Nielsen Norman Group

Page 14: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

L’expérience utilisateur

Regroupe toutes les dimensions de la relation entre l’utilisateur et le diffuseur

Requiert une forte synergie entre différents services

Critique dans un monde d’affaires et de services électroniques

L’interface est un des canaux privilégiés

Page 15: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique

Page 16: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique

Page 17: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique

Page 18: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique

LA définition du site ergonomique n’existe pas car chaque site s’adresse à un public spécifique, possède ses propres objectifs et doit assumer ses contraintes propres.

Page 19: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique

Des outils pour évaluer et penser l’ergonomie d’un site: l’ergonomie se mesure et n’est pas que le « gros bon sens »!

•Les guides de style et les heuristiques

•Les critères ergonomiques

Page 20: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique

Les guides de style et heuristiques• Heuristiques de Nielsen

– « Visibility of system status »

– « Match between system and the real world »

– « Consistency and standards »

– « Aesthetic and minimalist design »

– Etc.

Page 21: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique

Les guides de style et heuristiques• Heuristiques de Nielsen

– Faciles à assimiler et utiliser

– Imprécises, portent à interprétation

– Difficulté à obtenir un consensus

– Identification partielle des problèmes ergonomiques

– Bon assistant de création

Page 22: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique

Les guides de style et heuristiques• Heuristiques de Nielsen

– Version web commentée par Keith Instone:« Consistency and standards » « Within your site, use wording in your content and buttons consistently. »

Page 23: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique

Les guides de style et heuristiques• « IBM »: Ease of use

– « Planning »

– « Design »

– « Production »

– « Maintenance »

– Etc.

Page 24: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique

Les critères ergonomiques• Excellents outils pour voir, comprendre et

expliquer des problèmes ergonomiques• Orienter les choix de conception vers des pistes

ergonomiquement solides• Aucune, ou peu d’influence sur la mercatique• Éviter les pièges de la subjectivité et des goûts

personnels en donnant un cadre de travail neutre et efficace

Page 25: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique Les critères ergonomiques

Guidage Charge de travail Contrôle explicite Adaptabilité Gestion des erreurs Homogénéité/Cohérence Signifiance des Codes et Dénominations Compatibilité

Page 26: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Guidage• Moyens mis en oeuvre pour conseiller, orienter,

informer et conduire l'utilisateur lors de ses interactions avec l'ordinateur.

• Sous critères:• Incitation• Groupement – Distinction: format, localisation• Feedback immédiat• Lisibilité

Page 27: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Guidage: exemple d’incitation

Page 28: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Guidage: exemple de groupement

Page 29: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Guidage: exemple de groupement

Page 30: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Guidage: exemple de groupement

Page 31: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Guidage: exemple de feedback immédiat

Page 32: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Guidage: exemple de lisibilité (et autres!)

Page 33: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Guidage: exemple de lisibilité (et autres!)

Page 34: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Charge de travail• Réduction: charge perceptive, mnésique• Augmentation: efficacité du dialogue

• Sous-critères:• Briéveté

• Concision, Actions minimales• Densité informationnelle

Page 35: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Charge de travail: exemple de concision

Page 36: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Charge de travail: exemple de densité

Page 37: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Contrôle explicite• Prise en compte par le système des actions

explicites des utilisateurs et le contrôle qu'ont les utilisateurs sur le traitement de leurs actions.

• Sous critères:• Action explicite• Contrôle utilisateur

Page 38: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Contrôle explicite: exemple, contrôle util.

Page 39: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Contrôle explicite: exemple, contrôle util.

Page 40: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Adaptabilité• Capacité à réagir selon le contexte et

selon les besoins et les préférences des utilisateurs.

• Sous-critères:• Flexibilité• Prise en compte de l’expérience de

l’utilisateur

Page 41: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Adaptabilité: exemple de flexibilité

Page 42: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Adaptabilité: exemple de prise en compte…

Page 43: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Gestion des erreurs• Moyens permettant d'une part d'éviter ou

de réduire les erreurs, d'autre part de les corriger lorsqu'elles surviennent.

• Sous-critères:• Protection contre les erreurs• Qualité des messages d’erreurs• Corrections des erreurs

Page 44: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Gestion des erreurs: exemple de protection

Page 45: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Gestion des erreurs: exemple de message

Page 46: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Homogénéité/Cohérence• Les choix de conception d'interface

doivent être conservés pour des contextes identiques, et doivent être différents pour des contextes différents.

• Notion d’homogénéité corporative et institutionnelle

Page 47: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Homogénéité/Cohérence: exemple

Page 48: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Homogénéité/Cohérence: exemple

Page 49: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Homogénéité/Cohérence: exemple

Page 50: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Homogénéité/Cohérence: exemple

Page 51: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Signifiance des Codes et Dénominations• Adéquation entre l'objet ou l'information

affichée ou entrée, et son référent.

Page 52: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Compatibilité• Accord entre les caractéristiques des

utilisateurs et des tâches, d'une part, et l'organisation des sorties, des entrées et du dialogue d'une application donnée, d'autre part.

Page 53: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Le site ergonomique: critères

• Compatibilité: exemple

Page 54: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Outils ergonomiques

Classement de cartes Évaluation experte (heuristique) basée sur

des critères Tests d’utilisabilité

Page 55: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Attitude ergonomique

Neutralité face aux intervenants Conscience de l’utilisateur Connaissance de la tâche

Page 56: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Références Web Axance

http://www.axance.fr Nielsen Norman Group

http://www.nngroup.com/about/userexperience.html

Heuristiques de Nielsen: http://www.useit.com/papers/heuristic/heuristic_list.html

Commentaires de Keith Instone:http://webreview.com/wr/pub/97/10/10/usability/sidebar.html

Ergonomie du web:http://www.crim.ca/~arbastie/index.html

Page 57: Ergonomie du web (ou la science complexe de ne pas perdre ses utilisateurs) Alain Robillard-Bastien Québec, 16 novembre 2000.

[email protected]

Contact

Alain Robillard-Bastien

[email protected]

www.ideactif.com

Cette présentation:

www.ideactif.com/16nov/