Qu'est-ce qu'une interface utilisateur graphique (GUI) ?

Read in English (Lire en Anglais). 

Une interface utilisateur graphique (GUI ou « graphical user interface ») est une interface entre un utilisateur et un ordinateur ou un site web où l'utilisateur interagit avec une série d'éléments visuels tels que des fenêtres, icônes, menus, curseurs, et boutons pour effectuer des commandes informatiques. Les interface utilisateur graphiques sont intuitives et permettent aux utilisateurs de naviguer dans un système d'exploitation (OS) ou un logiciel sans connaissances techniques approfondies. 

Les GUI diffèrent des interfaces de ligne de commande (CLI), qui exigent des utilisateurs qu'ils tapent des commandes. Une interface graphique aux utilisateurs d'interagir avec un ordinateur sans les connaissances en programmation que requiert une interface de ligne de commande. Les GUI sont donc accessibles à un large éventail d'utilisateurs, ce qui permet aux utilisateurs de naviguer facilement dans un programme ou un site web et de personnaliser certains éléments tels que la taille et la couleur de la police. MS-DOS est un exemple de CLI et Microsoft Windows est un exemple d'interface utilisateur graphique. Examinons de plus près ce qui constitue une GUI.

Éléments constitutifs d'une GUI

Lorsqu'ils utilisent une interface utilisateur graphique pour effectuer des commandes, les utilisateurs s'appuient sur les fenêtres, icônes, menus, pointeurs et barres de défilement. Il s'agit de la boîte à outils de l'interface utilisateur qui permet de créer l'interface graphique. Les interface utilisateur graphiques comportent divers éléments, notamment des contrôles d'entrée, des composants de navigation, des composants d'information et des conteneurs. Voici une liste de quelques éléments qui composent une interface utilisateur graphique :

• Bouton : Un bouton indique une action qui peut se produire lorsqu'on appuie dessus au moyen d'une icône ou d'un texte.

• Liste déroulante : Elle offre à l'utilisateur une série d'options mutuellement exclusives qui se déroulent à partir d'un bouton.

• Fenêtre : Une fenêtre est un écran rectangulaire du programme en cours d'utilisation.

• Icône : une icône est un symbole intuitif relié par un lien hypertexte qui permet à l'utilisateur de naviguer facilement dans les programmes, les vidéos, les fichiers, etc.

• Champ de recherche : Un champ de recherche permet aux utilisateurs de taper un mot ou une phrase qui leur donnera des résultats utiles.

• Barre d'outils : Une barre d'outils contient des boutons, des widgets, des icônes, des champs de recherche, etc. dans une rangée, souvent située en bas ou en haut d'une GUI.

• Sélecteurs de date et d'heure : Ces contrôles de saisie offrent aux utilisateurs un menu déroulant ou pop-up pour sélectionner une date et une heure spécifiques et les saisir dans le programme ou le logiciel qu'ils utilisent.

• Les fils d'Ariane : Ils indiquent à l'utilisateur où il se trouve dans le système en affichant une série de dossiers ou de pages dans lesquels il a navigué en haut de la page. 

• Fenêtre contextuelle : Une fenêtre contextuelle ou modale oblige l'utilisateur à saisir des informations dans la zone de texte de la fenêtre avant de pouvoir accéder au reste de la GUI.

• Accordéon : Un accordéon est un conteneur qui empile verticalement des éléments de manière à ce que, lorsque l'on clique dessus, ils affichent plus d'informations en dessous. Les éléments deviennent visibles ou cachés lorsque l'utilisateur clique sur l'étiquette de la pile. 

Termes connexes

• Conception de l'interface utilisateur

• Interface de ligne de commande

• Facilité d'utilisation

• UI vs. UX

En savoir plus sur l’expérience utilisateur (UX) avec Coursera

Sur Coursera, vous pouvez continuer à explorer le monde de l'UX avec le Certificat Professionnel Conception d'expérience utilisateur Google. Ce cours vous fournit les outils nécessaires pour comprendre la recherche UX, appliquer les concepts fondamentaux et créer des prototypes à tester et à améliorer.