Le double clic doit-il être évité dans les applications Web?
Je trouve que le double-clic est un excellent geste qui pourrait être utilisé avec succès dans les interfaces graphiques, mais pour une raison quelconque, il a une connotation négative sur le Web. Doit-elle être évitée à tout prix?
Je pense que ce serait correct pour certaines utilisations, en particulier si vous envisagez d'avoir un objet déplaçable ou surlignable en un seul clic, puis sur un double-clic, il pourrait être ouvert. Cependant, j'éviterais fortement de double-cliquer sur les balises d'ancrage, ou n'importe quoi qui ne répond qu'à un double-clic.
Il faut éviter de double-cliquer sur le Web, car cela va à l'encontre de la pratique générale des liens à simple clic et serait probablement déroutant.
Jacob Nielsen le dit le mieux :
... le double-clic doit mourir car il cause de grandes difficultés aux utilisateurs novices et qu'il entre en conflit avec le style d'interaction en un seul clic du Web
Si votre application émule bien un système d'exploitation, un double-clic pourrait être une considération, mais même dans ce cas, je ne pense pas que cela en vaudrait la peine les inconvénients potentiels.
Je pense qu'il s'agit plus de maintenir les conventions et la connaissance générale de l'utilisateur de ces conventions qu'autre chose. L'interaction navigateur/site Web a été fondamentalement différente de l'interaction avec l'interface utilisateur du système d'exploitation depuis essentiellement l'aube du navigateur.
Dans les interfaces utilisateur natives, la convention a consisté à avoir une zone de fenêtre solide et non cliquable avec des éléments d'interface similaires aux boutons physiques, aux cases à cocher et autres. Le survol peut mettre un élément en surbrillance, mais il est principalement utilisé pour les états de survol des boutons et d'autres indices mineurs. La plupart des réactions au survol changent simplement le curseur en quelque chose pour indiquer qu'une action différente peut avoir lieu, comme le curseur texte. Le double clic est synonyme d'ouvrir quelque chose, un fichier, une fenêtre à partir d'un élément de menu et autres.
L'interaction du site Web ressemble plus à une liasse géante de texte. Un double-clic sélectionne généralement un paragraphe ou une ligne de texte et de contenu HTML, semblable à un éditeur de texte. Cliquer signifie généralement une modification de la page Web, soit par le biais d'hyperliens, soit par des boutons d'envoi de formulaire. Le survol a donc été utilisé pour montrer la réactivité au clic de différents éléments à l'écran. Hyperliens, menus déroulants, boutons, etc.
Je pense qu'il serait imprudent du point de vue de l'expérience utilisateur d'essayer de remplacer le comportement de double clic du navigateur, aussi utile que vous puissiez trouver l'idée.
( edit) C'est jusqu'à ce que votre application Web devienne si semblable à une application de bureau qu'elle justifie la nécessité de doubler cliquez pour être utilisé. Les feuilles de calcul Google Docs sont un bon exemple de cas où il est absolument intuitif que le double-clic effectue des interactions basées sur les cellules, tout comme Microsoft Excel et iWork's Numbers. J'ai oublié de les prendre en compte dans ma réponse initiale, mais je crois que si l'interaction utilisateur est telle que l'interface utilisateur ressemble à une application de bureau dans la façon dont l'interface utilisateur répond à la souris, alors absolument.
Il est préférable d'utiliser le double-clic comme une fonctionnalité "agréable à avoir" où les utilisateurs n'ont pas besoin de s'y fier pour utiliser l'application.
Évitement -vs- inapproprié?
Ce n'est pas ça double-click devrait être évité. C'est simplement qu'il a une bande étroite d'utilisation appropriée. Il y a une différence nette entre les deux.
Une interaction qui doit être évitée est une interaction où des alternatives doivent être activement recherchées pour éviter de l'utiliser, comme avec des bannières publicitaires flash et du texte clignotant.
Une interaction qui a une utilisation étroite, est une interaction qui est utile dans des circonstances de niche très spécifiques. Prenez par exemple le souvent désapprouvé popup window. Le cas d'utilisation est celui où un utilisateur souhaite explicitement ouvrir une nouvelle fenêtre de contenu spécifique. Cela se fait souvent sous la forme d'un popout comme dans Gmail.
Alors, où cela nous laisse-t-il avec double-click?
UNE double-click peut être utilisé pour déclencher une action secondaire qui n'entre pas en conflit avec l'action principale provoquée par une seule click.
Je suppose que tout le monde participant à cette question particulière utilise double-click sur des sites Web régulièrement, peut-être même sans s'en rendre compte.
Le premier exemple que je vais vous donner est natif du navigateur:
Sélection de texte : Si vous souhaitez sélectionner un seul mot, vous double-click dessus et il est mis en surbrillance. En ce qui concerne l'implémentation, de nombreux éditeurs Web basés sur wysiwyg remplacent les capacités d'édition de texte par défaut du navigateur et peuvent avoir besoin de réimplémenter cette fonctionnalité particulière pour fonctionner correctement.
Je fais inconsciemment le second:
Plein écran : accédez à n'importe quelle vidéo sur YouTube et double-click au milieu. Ce qui se produit? La vidéo va full-screen. Ce n'est pas seulement YouTube, tout lecteur vidéo digne de ce nom en ligne utilisera un double-clic pour afficher la vidéo en plein écran. Vous remarquerez peut-être même que le premier clic interrompt la vidéo et le deuxième clic annule la vidéo. L'interruption est acceptée car la vidéo change de taille.
Une application où un double-clic aurait du sens serait dans la sélection des éléments groupés. Si vous souhaitez sélectionner un élément, vous pouvez cliquer une fois. Si vous souhaitez sélectionner un groupe d'éléments du même type, vous pouvez double-click.
Je pense qu'un geste de double clic peut être utile en tant qu'expert ou comportement appris dans une application en ligne tant que sa mise en œuvre n'a pas gâché l'expérience des novices en un seul clic ....
Moi aussi, je pense qu'il est imprudent dans tout sauf un système backend personnalisé où vous pouvez réellement "former" les utilisateurs si vous le souhaitez.
Lorsque vous essayez de l'implémenter "dans la nature" (sites Web accessibles au public), vous découvrirez rapidement combien d'utilisateurs d'ordinateurs novices pensent que tous les clics devraient être des doubles-clics. Pour les utilisateurs qui comprennent la différence entre les clics et les clics doubel, vous rencontrerez des problèmes simplement parce que l'idée de double-cliquer pour la fonctionnalité
À mon avis, le double-clic doit être évité partout, pas seulement sur le Web, car les personnes qui commencent tout juste à apprendre à utiliser un ordinateur double-cliquent parfois trop lentement, provoquant le déclenchement de deux clics simples dans le code.
Si vous vraiment devez utiliser le double-clic, essayez de rendre évident que le double-clic peut être utilisé, par exemple, en affichant une fenêtre contextuelle indiquant ce que l'utilisateur peut faire, la première fois qu'il utilise ton application.
Juste mes deux cents. Ad @ m
Eh bien, je ne sais pas si cela vous concerne, mais je pense que le double-clic est un problème pour les utilisateurs de iPhone. Si j'ai raison, les doubles clics ne sont pas pris en charge pour les iPhones.
TiddlyWiki est par exemple une application Web javasript avec édition double-clic et raccourcis clavier. Il est largement accepté. Donc, je ne m'en tiens pas au mantra en un clic ici. Bien sûr, sur les pages Web simples, il faut s'en tenir à cela, mais sur les applications Web, cette règle de base n'a pas beaucoup de sens pour moi.
Cela dépend à peu près du type d'application Web, est-il orienté vers la masse (par exemple, l'application Nytimes) ou un groupe trop petit en raison de son contenu/fonctionnalité (wiki tiddly)
Firefox est mon navigateur standard, car avec les gestes de la souris et la modification de l'action de clic sur l'onglet, je gagne beaucoup de temps. un mantra en un clic me semble une contradiction. Comme l'a dit Einstein "aussi simple que possible, mais pas plus simple"
J'ai vécu une expérience où j'ai instinctivement essayé de double-cliquer sur un lien. Lorsque je lisais les documents pour ( Backbone.js et que je parcourais des exemples. J'ai cliqué sur les liens d'exemple dans le menu à gauche et la page a défilé automatiquement vers l'exemple. Mais quand j'ai voulu visiter le exemple directement j'ai instinctivement double-cliqué sur le lien dans le menu, en attendant d'être transporté du site vers la page d'exemple.
Corrigez-moi si je me trompe, mais la première chose à laquelle j'ai pensé était que si vous utilisez des double-clics, vous devrez probablement laisser le système attendre un tout petit peu après un simple clic en prévision d'un double-clic (en supposant que le simple clic effectue une action, pas seulement un point culminant), ce qui créera une perception générale de la lenteur lors de l'utilisation du système.
Le principal problème avec les doubles clics dans une application Web est que vous devrez créer un code spécial pour gérer cela sur les appareils tactiles.
Vous pouvez lier des touches avec des clics et des mouvements tactiles avec glisser, mais vous aurez du mal à connecter un double tap avec un double clic.
Le glisser-déposer et le clic régulier sont plus faciles à mettre en œuvre - https://mobiforge.com/design-development/touch-friendly-drag-and-drop
Si votre application est basée sur un navigateur, elle sera toujours accessible sur les tablettes et les smartphones. N'oubliez pas non plus que les écrans tactiles pour PC sont en augmentation.
Si vous souhaitez que votre application ait une interface utilisateur conviviale sur tous les appareils, il est préférable de ne pas cliquer deux fois, ou vous devrez créer des fonctionnalités différentes pour les différents appareils.
Le seul problème que je vois avec les doubles clics sur une page Web est que les utilisateurs ne peuvent pas l'essayer.
En raison des conventions, les gens ne s'attendent pas à ce que le double-clic fasse quoi que ce soit.
Cela dit, le double-clic pourrait être un bon outil pour vos utilisateurs experts, mais vous devrez leur faire savoir qu'ils peuvent l'utiliser.
Le double-clic n'est pas très intuitif pour beaucoup d'utilisateurs de nos jours. Sans parler des générations à venir. Dans le monde des appareils tactiles, les tapotements simples sont également plus intuitifs que les tapotements doubles.
Cependant, un double-clic ou un double-tapotement est une fonctionnalité fantastique pour les utilisateurs expérimentés. Imaginez un moment où vous avez un utilisateur qui doit accéder à une action secondaire. Vous pouvez les prendre dans un menu secondaire ou une barre d'outils horrible. Un double clic/tapotement pourrait être une amélioration majeure, en termes d'efficacité, dans le cadre d'une interface.
La question que vous devez vous poser est "Quelle est l'étape la plus intuitive pour l'utilisateur?". Si c'est un double clic/tapotement, alors allez-y!
De mon côté, je recommande parfois de double-cliquer pour certaines actions d'experts dans les applications basées sur un navigateur. (Le flux principal est entièrement visible, sous plusieurs clics) Ce n'est qu'un Nice d'avoir la plupart du temps. Mais parfois, c'est un vrai gain pour les utilisateurs experts.