IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

La dictature des interfaces graphiques
Ou pourquoi les évolutions dans le domaine des interfaces utilisateur sont limitées

Le , par LittleWhite

96PARTAGES

18  0 
La création et la réalisation d'interfaces utilisateur sont un métier à part entière. En effet, bien qu'il soit relativement simple et aisé d'ajouter une interface graphique à un logiciel, il est extrêmement compliqué d'obtenir un résultat intuitif, ergonomique et joli. De plus, l'utilisation d'un logiciel varie d'un utilisateur à un autre. Cela est d'autant plus vrai qu'un informaticien aura une utilisation particulière et spéciale de manipuler tel ou tel logiciel, alors que le néophyte sera moins aventureux.
Il faut comprendre que l'interface utilisateur comprend tous les composants que l'utilisateur possède pour utiliser un logiciel ou une machine. Et même si les détails les plus simples et les plus évidents nous viennent à l'esprit, il faut se rappeler que tout ce que nous avons entre les mains a été pensé et mûrement réfléchi. En voici deux exemples simples :
  • la position des boutons dans une boîte de dialogue :
  • la couleur verte du bouton A et la couleur rouge du bouton B sur les manettes XBox 360 ou GameCube.

Pour ces deux exemples, tout est planifié. Dans la boîte de dialogue, le bouton "annuler" au milieu des deux choix permet d'éviter à l'utilisateur de perdre son travail s'il clique à côté du bouton. Le bouton A est un bouton permettant de valider le choix de l'utilisateur. Sur les manettes de XBox 360 ou de GameCube, il est vert. Le vert signifie que tout va bien. Au contraire, la couleur rouge signifie le danger (ou plus précisément, le refus). Un principe similaire existe sur les manettes de PlayStation : rond pour valider, croix pour refuser.
Pour ces mêmes raisons, le bouton à droite d'une boîte de dialogue est le bouton "oui" (ou validation). Si vous créez une application où le bouton de validation est à gauche, vous risquez d'augmenter le nombre d'erreurs de la part des utilisateurs. En effet, la position des boutons est devenue innée et l'utilisation des interfaces est devenue automatique pour les utilisateurs.

On remarque que si on trouble les habitudes des utilisateurs, il y a inévitablement une perte d'efficacité et ils risquent d'en être mécontents. Ce fut le cas avec l'arrivée des rubans dans Office 2007. En effet, le logiciel avait depuis sa première version, une interface avec un menu et une barre d'outils. Du jour au lendemain, Microsoft a bouleversé les habitudes en introduisant une nouvelle interface pour utiliser son logiciel. Au premier abord, les réactions des utilisateurs étaient négatives. En effet, il faut prendre du temps pour s'y adapter (similaire à l'apprentissage d'un nouvel outil) et le changement fait irrémédiablement perdre en efficacité (il est au premier abord difficile de retrouver les outils qui ont changé de place). Maintenant, cette interface est acceptée et utilisée dans plusieurs autres logiciels.
L'histoire ne s'arrête pas là, car une fois l'interface en ruban adoptée par les utilisateurs, les utilisateurs se sont plaints des logiciels n'ayant pas implémenté la nouvelle interface. En effet, c'est une critique récurrente faite aux développeurs de LibreOffice (ou encore de OpenOffice). Pire encore, les utilisateurs de ces logiciels comprennent aussi des habitués, qui, eux, ne veulent pas avoir de nouvelle interface (et ne veulent pas se faire imposer une nouvelle interface) comme on peut le constater dans cet article. Heureusement, une solution a été trouvée et est présente dans LibreOffice 5.3 : vous avez accès aux deux interfaces (et même une troisième). Malheureusement pour les développeurs, cela apportera plus de code à maintenir et donc, plus de bogues à résoudre.

Finalement, on remarque deux choses :
  • il est très difficile de contenter tous les utilisateurs ;
  • les habitudes font que les interfaces sont difficiles à mettre à jour.

Ces deux points limitent énormément les possibilités d'évolution. Si un logiciel dépend de sa communauté, le simple mauvais choix de l'interface et cela même si elle est plus moderne pourra faire fuir une grande partie des utilisateurs. Seules les grandes entreprises, en position de force (Microsoft, Google, Facebook...), peuvent modifier l'interface sans craindre un abandon de l'application. Aussi, afin de pousser en avant les utilisateurs, le choix de l'interface ne leur est pas permis. Et encore, même dans ces cas, il y a des échecs (interface Metro, ou le retrait du menu démarrer). Les logiciels moins utilisés doivent suivre les règles imposées par les acteurs dominants. En conclusion, les interfaces que nous voyons dans les films de science-fiction (tant bien même qu'elles soient utilisables), ou encore dans les vidéos d'anticipation ne sont qu'un doux rêve qui n'arrivera peut-être jamais.

Heureusement, rien n'est figé. De nouveaux périphériques arrivent et les développeurs doivent donc trouver de nouvelles solutions pour ceux-ci. Les téléphones portables ont aussi eu leur impact sur les interfaces, toutefois, le résultat semble maintenant connu.

Votre opinion

Quelles sont vos règles pour créer une interface graphique ?
Quelle est votre interface préférée ?

Une erreur dans cette actualité ? Signalez-nous-la !

Avatar de sevyc64
Modérateur https://www.developpez.com
Le 24/02/2017 à 22:32
Citation Envoyé par LittleWhite Voir le message
Pour ces mêmes raisons, le bouton à droite d'une boîte de dialogue est le bouton "oui" (ou validation). Si vous créez une application où le bouton de validation est à gauche, vous risquez d'augmenter le nombre d'erreurs de la part des utilisateurs. En effet, la position des boutons est devenue innée et l'utilisation des interfaces est devenue automatique pour les utilisateurs.
Non !
Ce cas est vrai sur Linux, vrai en partie sur Mac (ou tout du moins pas toujours respecté), mais sur Windows le bouton Valider est historiquement à gauche et le bouton Annuler à droite.
C'est aussi ça qui fait que ce n'est pas si simple de passer d'un environnement à l'autre
7  0 
Avatar de zobal
Membre confirmé https://www.developpez.com
Le 25/02/2017 à 18:31
Citation Envoyé par LittleWhite Voir le message
Quelle est votre interface préférée ?
Une console bash en gris clair sur fond noir.
Et en plus, ça évite de perdre son temps à philosopher sur la position du bouton annuler.
5  1 
Avatar de Zefling
Expert confirmé https://www.developpez.com
Le 26/02/2017 à 23:57
Un principe similaire existe sur les manettes de PlayStation : rond pour valider, croix pour refuser.
Petite précision :

× pour valider en occident / pour annuler au Japon (× = batsu = incorrect)
○ pour annuler en occident / pour valider au Japon (○ = maru = correct)

En occident, j'ai jamais compris pourquoi on fait l'inverse... et c'est très pénible pour les jeux japonais qui tourne sur une console occidentale : navigation système occidentale, navigation jeu japonaise.
3  0 
Avatar de
https://www.developpez.com
Le 25/02/2017 à 13:34
"Un principe similaire existe sur les manettes de PlayStation : rond pour valider, croix pour refuser."

Au japon oui, en EUR et au US c'est l'inverse à l'exception de quelques titres.
2  0 
Avatar de imikado
Rédacteur https://www.developpez.com
Le 25/02/2017 à 13:37
Citation Envoyé par sevyc64 Voir le message
Non !
Ce cas est vrai sur Linux, vrai en partie sur Mac (ou tout du moins pas toujours respecté), mais sur Windows le bouton Valider est historiquement à gauche et le bouton Annuler à droite.
C'est aussi ça qui fait que ce n'est pas si simple de passer d'un environnement à l'autre


En effet..

En même temps Microsoft est à "contre courant sur plusieurs points" :
  • Antislash vs slash comme séparateur de répertoire
  • retour chariot
  • repespect de la casse dans le nom des fichiers
  • ...


En regardant sur kde: c'est la même chose...



Sauf pour valider/appliquer qui reste du meme coté contrairement à Windows

2  0 
Avatar de LittleWhite
Responsable 2D/3D/Jeux https://www.developpez.com
Le 25/02/2017 à 19:51
@zobal : on pourrait philosopher sur les différentes options de chaque programme, leur ordre, s'il faut des '-' ou non et plein de choses encore
Et puis, il y a ncurses pour ravoir des "boutons" dans le terminal.

Le bouton "annuler" en focus par défaut est intéressant, car si vous appuyez sur "entrée" (ou espace) par mégarde vous ne cassez rien à votre configuration.
2  0 
Avatar de adrien239
Membre averti https://www.developpez.com
Le 27/02/2017 à 1:33
Simple utilisateur la bonne interface est celle qui réduit au minimum le nombre de clics....

Exemple simple : la multirow bookmark toolbar de Firefox opposé à la barre personnelle de Chrome sur une seule ligne....

La disparition de la quick launch aberration d'ergonomie

L'ouverture par survol : le top (ok sur Fox inexistante sur Chrome (par exemple)
On rêve d'une ouverture des applis de la quick launch par simple survol....

Bref moins je clique mieux mes mains se portent...

Mais bon la tendance actuelle serait plus à multiplier le nombre de clics que leur diminution.... dommage
2  0 
Avatar de LittleWhite
Responsable 2D/3D/Jeux https://www.developpez.com
Le 25/02/2017 à 10:15
Arf .
Toujours est t-il que vous indiquez la difficulté de passer d'un environnement à l'autre pour cette raison. Le pire cas serait d'avoir une application qui n'est pas consistante (une fois à gauche, une fois à droite).
1  0 
Avatar de Iradrille
Expert confirmé https://www.developpez.com
Le 25/02/2017 à 14:15
Il est un peu partout ce bouton annuler.
(Et pire, des fois il a le focus par défaut, et des fois non.)



Il y a des libs qui gèrent l'emplacement des boutons standards automatiquement ? De la même façon que l'écriture du texte de gauche à droite ou de droite à gauche.
1  0 
Avatar de sevyc64
Modérateur https://www.developpez.com
Le 25/02/2017 à 20:03
Citation Envoyé par LittleWhite Voir le message
Le pire cas serait d'avoir une application qui n'est pas consistante (une fois à gauche, une fois à droite).
Mon quotidien depuis 3 ans !

Et bientôt plus dans 3 mois
1  0