Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save dmrty/89dac7efd8ec336fbf3cba6ee426b470 to your computer and use it in GitHub Desktop.
Save dmrty/89dac7efd8ec336fbf3cba6ee426b470 to your computer and use it in GitHub Desktop.
Gist for Bastien & Scapin translation

a raw google translation, do not use as is!

1. Guidance

All the means used to advise, guide, inform and lead the user during his interaction with the computer.

1.1 Incentives

Encourage the user to perform specific actions by providing indices. For example, guide data entries indicating the correct format and acceptable values: Date (dd / mm / yy) _ _ / _ _ / _ _. See this example of incitement ... missed! But as another example, successful.

Can also see this example where the incentive is so bad that we must tell the user where to click!

1.2 Grouping / Distinction between Items

Grouping the various visual elements in a consistent and orderly manner.

1.2.1 Grouping / Distinction by Location

Position the items against each other in order to indicate their affiliation or not to a particular object class. For example, according to group menu options objects on which they apply.

1.2.2 Grouping / Distinction by Format

Give specific elements graphic features to indicate their belonging or not to a particular object class. For example: use a symbol and the red color for alert dialog boxes or error.

1.3 Immediate Feedback

In all cases, the computer must meet the user based on the actions and requests of the latter. For example, in cases where treatment is long, information indicating the user that the operations are in progress should be provided to him.

1.4 Readability

Lexical features of presentation of information on the screen are easier to read the information. For example, it is preferable to present a text with some long lines rather than many short lines.

2. Workload

All the elements of the interface which has a role in reducing the perceptual or mnemic user load, as well as in increasing the efficiency of the dialogue.

2.1 Brevity

Limit the reading work, entry and the steps by which users must pass.

2.1.1 Concision

Reduce workload perceptive and mnemonic level in terms of individual elements of input or output. For example, when measuring unit is associated with a data field, it should be part of the label of the field rather than being entered by the user.

2.1.2 Minimal Actions

Limit the steps by which users must pass. For example, do not require users to enter data that can be deducted by the system.

2.2 Information Density

Reduce the workload of perceptive and mnemonic terms, for sets of items and not for items. For example, limit the informational density of the screen, to display only the necessary information

3. Explicit control

Consideration by the system of explicit user actions and control that users have over the treatment of their actions.

3.1 Actions Explicit

Clarify the relationship between the operation of the application and user actions. For example, entering commands must end with an end indication ("Enter", "OK") to which publishing opportunities should be prerequisites.

3.2 Checking User

The user must be able to control the flow of data processing in progress. For example, allow the user to interrupt any ongoing treatment.

4. Adaptability

Ability to react depending on the context and the needs and user preferences.

4.1 Flexibility

Make available to users the means to customize the interface to reflect their strategies or work habits and requirements of the task. For example, users should be able disable unnecessary displays.

4.2 Taking account of the User Experience

The system must respect the experience level of the user. For example, choice of starters provide step-by-step or multiple according to the user experience.

5. Errors Management

Means firstly to avoid or reduce errors, secondly to correct them when they occur.

5.1 Protection Against Errors

Establish ways to detect and prevent errors. For example, all possible actions on an interface should be considered especially accidental button presses of the keyboard so that non-expected inputs are detected.

See this example of protection against errors.

5.2 Quality of Error Messages

Ensure that the information given to users about the nature of errors (syntax, format, etc.) and the actions to correct them, is relevant, easy to read and accurate. For example, using a neutral vocabulary, non-personal, non-condemnatory in error messages; avoid humor.

Discover an example of the criterion of the quality of error messages.

5.3 Error Correction

Make available to users the means to correct their mistakes. For example, providing the ability to modify orders during capture.

See an example of the criterion of error correction.

6. Consistency / Coherence

The choice of interface design must be retained for identical contexts, and must be different for different contexts. For example, always displayed in the same place the incentive for entering data or commands.

See this example of consistency / coherence.

7. Significance of Codes and Names

There must be balance between the object or the information displayed or entered, and its referent. For example, make the explicit rules of abbreviation.

See this example with a lottery ticket.

8. Compatibility

There must be agreement between the characteristics of users and tasks, on the one hand, and the organization of outputs, inputs and dialogue of a given application, on the other. For example, the language should be familiar to users, and related to the task at hand.

By stretching the definition of this criterion, we can include the concept of internationalization of sites, among other critical business development. This example shows a US site of appliances that will sû not to alienate its retailers while allowing trade with its US and Canadian customers.

1. Guidage

L'ensemble des moyens mis en oeuvre pour conseiller, orienter, informer et conduire l'utilisateur lors de ses interactions avec l'ordinateur.

1.1 Incitation

Inciter l'utilisateur à effectuer des actions spécifiques en lui fournissant des indices. Par exemple, guider les entrées de données en indiquant le format adéquat et les valeurs acceptables: Date (jj/mm/aa) _ _ / _ _ / _ _. Voyez cet exemple d'incitation ... ratée! Mais aussi cet autre exemple, réussi.

Puis voyez aussi cet exemple où l'incitation est si mauvaise que l'on doit dire à l'utilisateur où cliquer!

1.2 Groupement/Distinction entre Items

Groupement des différents éléments visuels de façon cohérente et ordonnée.

1.2.1 Groupement/Distinction par la Localisation

Positionner les items les uns par rapport aux autres afin d'indiquer leur appartenance, ou non, à une classe donnée d'objets. Par exemple, grouper les options de menus en fonction des objets sur lesquels elles s'appliquent.

1.2.2 Groupement/Distinction par le Format

Donner aux éléments des caractéristiques graphiques particulières afin d'indiquer leur appartenance, ou non, à une classe donnée d'objets. Par exemple: utiliser un symbole et la couleur rouge pour les boîtes de dialogue d'alerte ou d'erreur.

1.3 Feedback immédiat

Dans tous les cas, l'ordinateur doit répondre à l'utilisateur en fonction des actions et des requêtes de ce dernier. Par exemple, dans les cas où les traitements sont longs, une information indiquant à l'utilisateur que les traitements sont en cours devrait lui être fournie.

1.4 Lisibilité

Les caractéristiques lexicales de présentation des informations sur l'écran doivent faciliter la lecture de ces informations. Par exemple, il est préférable de présenter un texte avec quelques lignes longues plutôt que de nombreuses lignes courtes.

2. Charge de travail

L'ensemble des éléments de l'interface qui a un rôle dans la réduction de la charge perceptive ou mnésique des utilisateurs, de même que dans l'augmentation de l'efficacité du dialogue.

2.1 Brièveté

Limiter le travail de lecture, d'entrée et les étapes par lesquelles doivent passer les usagers.

2.1.1 Concision

Réduire la charge de travail au niveau perceptif et mnésique pour ce qui est des éléments individuels d'entrée ou de sortie. Par exemple, lorsqu'une unité de mesure est associée à un champ de données, celle-ci doit faire partie du label du champ plutôt qu'être saisie par l'utilisateur.

2.1.2 Actions Minimales

Limiter les étapes par lesquelles doivent passer les utilisateurs. Par exemple, ne pas demander aux utilisateurs d'entrer des données qui peuvent être déduites par le système.

2.2 Densité Informationnelle

Réduire la charge de travail du point de vue perceptif et mnésique, pour des ensembles d'éléments et non pour des items. Par exemple, limiter la densité informationnelle de l'écran, en affichant seulement les informations nécessaires

3. 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.

3.1 Actions Explicites

Expliciter la relation entre le fonctionnement de l'application et les actions des utilisateurs. Par exemple, l'entrée de commandes doit se terminer par une indication de fin (« Enter » , « OK ») à laquelle des possibilités d'édition doivent être préalables.

3.2 Contrôle Utilisateur

L'utilisateur doit pouvoir contrôler le déroulement des traitements informatiques en cours. Par exemple, autoriser l'utilisateur à interrompre tout traitement en cours.

4. Adaptabilité

Capacité à réagir selon le contexte et selon les besoins et les préférences des utilisateurs.

4.1 Flexibilité

Mettre à la disposition des utilisateurs des moyens pour personnaliser l'interface afin de rendre compte de leurs stratégies ou habitudes de travail et des exigences de la tâche. Par exemple, les utilisateurs doivent pouvoir désactiver des affichages inutiles.

4.2 Prise en Compte de l'Expérience de l'Utilisateur

Le système doit respecter le niveau d'expérience de l'utilisateur. Par exemple, prévoir des choix d'entrées pas-à-pas ou multiples selon l'expérience des utilisateurs.

5. 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.

5.1 Protection Contre les Erreurs

Mettre en place des moyens pour détecter et prévenir les erreurs. Par exemple, toutes les actions possibles sur une interface doivent être envisagées et plus particulièrement les appuis accidentels des touches du clavier afin que les entrées non-attendues soient détectées.

Consultez cet exemple de protection contre les erreurs.

5.2 Qualité des Messages d'Erreurs

S'assurer que l'information donnée aux utilisateurs sur la nature des erreurs commises (syntaxe, format, etc.) et sur les actions à entreprendre pour les corriger, soit pertinente, facile à lire et exacte. Par exemple, utiliser un vocabulaire neutre, non-personnalisé, non réprobateur dans les messages d'erreurs; éviter l'humour.

Découvrez un exemple du critère de la qualité des messages d'erreurs.

5.3 Correction des Erreurs

Mettre à la disposition des utilisateurs des moyens pour corriger leurs erreurs. Par exemple, fournir la possibilité de modifier les commandes lors de leur saisie.

Consultez un exemple du critère de la correction des erreurs.

6. 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. Par exemple, toujours afficher au même endroit l'incitation pour la saisie des données ou des commandes.

Voyez cet exemple d'homogénéité/cohérence.

7. Signifiance des Codes et Dénominations

Il doit y avoir adéquation entre l'objet ou l'information affichée ou entrée, et son référent. Par exemple, rendre les règles d'abréviation explicites.

Voyez cet exemple, présentant un billet de lotterie.

8. Compatibilité

Il faut qu'il y ait 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. Par exemple, les termes employés doivent être familiers aux utilisateurs, et relatifs à la tâche à réaliser.

En étirant la définition de ce critère, on peut y inclure le concept d'internationalisation des sites, critique entres autres au développement des affaires. Cet exemple montre un site américain d'appareils ménagers qui aura sû ne pas s'aliéner ses revendeurs tout en permettant le commerce avec ses clients américains et canadiens.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment