background preloader

Les boutons de validation en voie de disparition ?!

Les boutons de validation en voie de disparition ?!
Sur l'impulsion du Web riche et du mobile (téléphones et tablettes) on voit disparaître des boutons permettant de confirmer une action…. Quel sont les avantages de cette disparition ? Alléger l’interface ? Diminuer le nombre de clics ? Pour comprendre l’enjeu de la disparition des boutons de validation, voici quelques règles d’usage extraites de notre livre Ergonomie des interfaces : Employer les boutons pour les commandes fréquemment utilisées.Préciser l'intitulé de la commande en toutes lettres dans l'étiquette du bouton. La disparition de ce petit composant est donc une problématique intéressante puisqu’elle touche à différents aspects ergonomiques. Valider un champ de saisie. Saisir du texte est une des actions les plus courantes dans la pratique du web. Saisir du texte et le valider par la touche “Entrée” est une pratique standard dans les logiciels de discussion comme Skype. Google propose alors une aide à la saisie qui permet de palier l’absence de ce libellé. Recommandations Note

L’aide en ligne sur le Web L’aide en ligne est une composante essentielle pour beaucoup de sites Web. Son objectif est d'expliquer à l'internaute le contenu d'un service et comment manipuler l'interface, elle peut prendre différentes formes d’un site à un autre. L’aide en ligne est utilisée diversement en fonction de l'attente de l'internaute. Première utilisationUtilisation quotidienneUtilisation ponctuelle Pour chacun de ces contextes, nous vous donnons les clefs pour réussir votre aide en ligne. Sachez par ailleurs que l’aide en ligne, entre autres, est abordée dans la formation Ergonomie des sites Web – e-commerce, idéale pour apprendre à concevoir des sites Web faciles à utiliser et attractifs. Première utilisation Sur certains sites Web, la phase d’inscription est suivie ou précédée d’un « tutoriel » qui explique brièvement les différentes fonctionnalités de l’interface. Ces explications ont pour but de présenter l’interface web ou logicielle et de guider l’utilisateur durant sa première utilisation. 1. 2.

Sites web mobiles : 30 Exemples d'interfaces L’explosion du mobile exige de la part des développeurs web d’élargir leurs connaissances et de s’adapter aux différents standards web des plateformes mobiles distinctes : téléphones intelligents et tablettes mobiles. Bien que les buts premiers d’un site web resteront les mêmes d’une plateforme à une autre, l’expérience usager, elle, sera bien différente. Sur un appareil mobile, il existe quelques différences majeures telles que le principe de navigation, la résolution d’écran et l’ergonomie du site web. Vous trouverez dans cet article quelques exemples de sites mobiles très efficaces, plaisants à naviguer et très ergonomiques ayant trouvé la recette parfaite pour s’adapter aux différentes plateformes disponibles. La liste suivante de sites web mobiles a été rédigée par Jake Rocheleau et est parue initialement sur Spyrestudios.com.

Ergonomie web & interface tactile Mobile Input Methods By Steven Hoober Published: November 1, 2012 “There’s still an unstated assumption that all desktop Web input widgets will work.” I often say that desktop computing—and especially the desktop Web—made the practice of interaction design lazy, by promulgating assumptions that are not always true outside of this narrow domain. One key area that surprises a lot of designers and developers that I have worked with is input methods. I’m referring to the presumption that everyone has a touch-screen smartphone. [1] On development discussion forums, some developers say they’ve “never owned anything other than a touch-screen phone”—and of course, all of their friends have touch-screen smartphones, too. Bad Experiences “Almost every mobile app that I use—and this applies to a lesser degree to the mobile Web—fails me in a few common, often-repeated ways.” Almost every mobile app that I use—and this applies to a lesser degree to the mobile Web—fails me in a few common, often-repeated ways. Notes

Related: