Partie 1: Interactions: Comprendre Les Entre L'interface Et L'utilisateur
Partie 1: Interactions: Comprendre Les Entre L'interface Et L'utilisateur
Partie 1: Interactions: Comprendre Les Entre L'interface Et L'utilisateur
Comprendre les
interactions entre
l'interface et l'utilisateur
L'interface homme-machine (IHM) est le point de contact entre les utilisateurs et les machines. Elle
inclut tous les éléments visuels, tactiles et auditifs qui permettent à un utilisateur de communiquer
avec un système informatique ou un appareil électronique. Une IHM efficace vise à rendre cette
communication aussi simple, intuitive et efficace que possible.
• I comme INTERFACE
• H comme HUMAIN
• M comme MACHINE
L'interfaçage fait appel aux
3 principales fonctions d'interactions humaines :
Une interface graphique désigne le langage Une interface web est une interface homme-
d’échange entre l’homme et la machine (votre machine constituée de pages web et permettant
ordinateur). L’utilisation la plus commune de dans certains cas d'utiliser des applications web
l’interface graphique est l’interaction à l’aide
Les systèmes d’exploitation de bureau (Desktop Les systèmes d’exploitation mobiles (Mobile Operating
Operating Systems) Systems)
• Linux
Objectifs de l'IHM :
Utilisabilité : Offrir une interface conviviale et intuitive pour que les utilisateurs puissent interagir facilement
avec le système.
Efficacité : Optimiser les performances en minimisant le temps nécessaire pour accomplir une tâche et en
réduisant les erreurs de l'utilisateur.
Satisfaction utilisateur : Fournir une expérience utilisateur agréable et satisfaisante en tenant compte des
besoins et des attentes des utilisateurs.
Accessibilité : Assurer que l'IHM est accessible à tous les utilisateurs, y compris ceux ayant des besoins
spécifiques tels que les personnes handicapées.
Définition d’une interaction Définition d ’un SYSTÈME
d’interaction
Via la souris :
• Le clic, le clic droit
• Le survols
Via le PAD :
• deux doigt, double clics (mac)
• Scroll
• zoom
Via le clavier :
• Clavier
• Racourcis clavier
Via la voie :
• SIRI sur mac
Exemple d’interaction sur écrans tactiles
5D : Comportement
Cela inclut le mécanisme d’un produit et implique deux questions essentielles : « Comment les utilisateurs effectuent-
ils des actions sur le site web ? » Et « Comment les utilisateurs exploitent-ils le produit ? En d’autres termes, cette
dimension concerne la manière dont les dimensions précédentes définissent les interactions qu’un utilisateur doit
avoir avec un produit.
Cela inclut également les réactions — par exemple, les réactions émotionnelles ou les rétroactions — des
utilisateurs et du produit. Alors que les quatre premières dimensions sont vitales en elles-mêmes, la cinquième met
en lumière un aspect plus profond du domaine humain en UX et peut exposer des forces sérieuses ainsi que des
défauts.
voici une vidéo
expliquant ces 5
dimensions à
travers un exemple
https://www.youtube.com/wat
ch?v=V3mF_x2vrmo
https://www.youtube.com/wat
ch?v=U7rS_2ch_Ps
Les designers UX vs UI vs IxD…
Après avoir définis ces notions, il semble important d’évoquer la réalité métier. Les termes UX et UI
designers doivent vous être familiers. Mais peut-être un peu moins des IxD Designer, alors reprenons leurs
définitions :
• La conception de l'interface utilisateur (UI) Les concepteurs d'interaction s'efforcent de créer des
fait généralement référence à l'apparence relations significatives entre les utilisateurs et
visuelle. l'interface numérique. Des sites Web aux applications
Par exemple, l'interface
utilisateur consiste à mobiles, le travail d'IxD consiste à s'attaquer à des
sélectionner les bons éléments d'interface - tâches complexes et à les transformer en conceptions
les bonnes polices, boutons, couleurs, intuitives, faciles à utiliser et accessibles.
champs de texte
2. Différence entre animation et interaction
digitale
Animation et interaction
Un modèle interactif
Un modèle animé
permet de mettre en évidence les existe lorsque les interactions sont possibles, c'est-à-dire que
les liens peuvent être cliquables ou que des actions peuvent
animations présentes sur une être effectuées par l'utilisateur.
interface. Il n'y a pas d'animation (à part les transitions), ce sont
simplement les images qui changent dès que l'on bouge la
L'animation est principalement souris ou que l'on clique sur une zone définie. L'objectif d'une
utilisée pour les transitions, et pour maquette interactive est de pouvoir illustrer les différents
parcours utilisateurs, l'arborescence, et l'interconnexion des
apporter de la fluidité dans la pages entre elles.
navigation de l'utilisateur.
Micro interaction