Please enable JavaScript.
Coggle requires JavaScript to display documents.
IHM - Ergonomie des interfaces (Organiser et présenter l'information…
IHM - Ergonomie des interfaces
Organiser et présenter l'information
Selon la tâche/l'usage
Apprentissage plus rapide du système
Une page = une sous-tâche de l'utilisateur
Hierarchisation de l'interface
Exemple : e-commerce
Selon le contenu
Pour l'arborescence des sites web
Demander aux utilisateurs de regrouper les informations eux-même (tri par cartes)
8 sous-rubriques max sur 3-4 niveaux max
Agencement
Agencement selon les gabarits
Renforce la reconnaissance de l'interface et la fidélité des utilisateurs
Modèles précisant l'agencement des contenus pour faciliter la lecture et la mémorisation
Zones de manipulation
Suivre le sens de lecture - du plus fréquent au moins fréquent
Construire la navigation
Navigation adaptée au support
Navigation persistante et contextuelle
Persistante
Accès à toutes les fonctionnalités
Menu au même endroit, identique
Point de repère stable
Contextuelle
Spécifique à la page et au profil utilisateur
Recommandations d'agencement différentes pour les smartphones
Recherche et navigation
Barre de navigation = recherche guidée
Moteur de recherche = recherche libre (pour info précise)
Donner l'apparence d'un champ de saisie
Proposer un mode de recherche simple et familier
Permettre des filtres
Eléments de navigation
Fil d'ariane
Montrer le parcours effectué / le positionnement par rapport à l'accueil
Entre la barre de navigation & le titre
Mettre en évidence la page courante
Onglets
Métaphore des intercalaires
Doivent être indépendants
2 niveaux de profondeur max
Mégas-menus
Grande partie de l'écran
Regroupement en sous-rubriques avec titre & pictogramme
Liens
Reconnaissables
Fin d'une phrase ou d'un paragraphe
A limiter sur tactile
Textes explicites
Construire l'interaction
Modes d'interaction
Saisie de données
Majoritairement clavier
Contraignante
Nécessite de l'aide à la saisie
Manipulation d'informations affichées
Via la souris ou tactile
Facile à mémoriser ou apprendre
Moins d'erreurs
Meilleure visibilité du fonctionnement
Utilisation de métaphores (panier) - guidage de l'utilisateur
Interaction tactile
Limiter la durée de la tâche
Dimensionner correctement des objets
Utiliser les gestes standards
Eléments d'interaction
Eléments de commande
Bouton
Tactile
Actions fréquentes
Menus
Menus contextuels
Clic droit
Minimiser les actions utilisateurs
Au dessus du point d'appui dans un tactile
Pas pour novices
Eléments de sélection
Boutons radio
Cases à cocher
Listes déroulantes
Eléments de saisie
Etape délicate
Nécessite guidage
Prévenir au plus les erreurs de saisie
Communiquer avec l'utilisateur
Métaphores
Analogie réel/informatique