• Technique
"php-crashers" : exemples de scripts qui déclenche une segmentation fault en PHP

Erreur de segmentation, qu'est-ce que c'est et dans quels cas sont elles déclenchées en PHP ? Un dépôt Github présente quelques exemples détaillés...

  • Développement
  • Technique
PHP Coding Standard Fixer ou comment nettoyer les namespaces inutiles en PHP ?

Aujourd'hui il existe des outils pour aider à produire un code propre et respectant une mise en forme normée, pourquoi ne pas essayer !

  • Technique
Désactivation de certaines fonctionnalités des navigateurs sur les sites non "sécurisés"

  • Serveur
  • Technique
Let’s Encrypt : une nouvelle autorité de certification libre, automatisée et ouverte

  • Développement
  • Technique
Comment cloner un objet en JavaScript

Toute assignation créé une référence et pas une copie. Ce comportement est standard dans la programmation mais en JavaScript on se perd facilement...

  • Serveur
  • Technique
Comment en finir avec l'édition du fichier hosts ?

Comment configurer un serveur DNS simple dans un environnement de développement ? En utilisant dnsmasq, un outil efficace qui permet de s'affranchir de l'édition du fichier hosts.

  • Développement
  • Technique
PHP 7: Installation sur une distribution Ubuntu Server

Plus d'excuse maintenant pour ne pas installer et utiliser PHP 7 sur votre serveur Ubuntu. Grâce à ce guide, vous pouvez suivre une procédure fiable et officielle sans passer par une compilation personnalisée.

  • Développement
  • Technique
Symfony, Composer et la configuration `platform`

Une erreur du type `overriden by "config.platform.php"` en installant vos dépendances composer ? Venez comprendre la configuration qui en est la cause et comment la dompter !

  • Développement
  • Technique
  • Tests unitaires
Atoum: Comment automatiser l'utilisation du fichier de `bootstrap` ?

J'ai utilisé atoum sur un projet récemment. Il m'a permis de découvrir une autre approche des tests unitaires, plus simple et efficace

  • Technique
On a testé Firefox Developer Edition !

Mozilla vient de présenter sa dernière nouveauté, Firefox Developer Edition. C'est un outil puissant qui intègre les dernières innovations pour aider les développeurs web au quotidien.

  • Technique
Contrôler l'installation des mises à jour de Wordpress

Il est intéressant de pouvoir limiter l'installation des mises à jour à certains utilisateurs pour contrôler les problèmes techniques qui peuvent en découler.

  • Technique
L'Ipad et les problèmes de redimensionnement des images hors viewport

L'Ipad et safari sur iOS n'autorisent pas par défaut l'application d'une image de fond qui dépasse du viewport, voici quelques astuces pour contourner ce problème.

  • Design
Prendre les bonnes décisions pour une interface plus efficace

Vous vous demandez pourquoi certaines interfaces web plaisent aux internautes et d’autres pas ?

  • Stratégie
Comment rédiger un brief efficace pour obtenir ce que vous voulez !

Vous souhaitez que votre projet aboutisse à la réalisation que vous imaginez ?

Mots Clés

  • Design

27 juillet 2012 par

Prendre les bonnes décisions pour une interface plus efficace

Vous vous demandez pourquoi certaines interfaces web plaisent aux internautes et d’autres pas ? Intuitivement, vous vous dites qu’une bonne ergonomie et un design de qualité doivent assurer une bonne appréciation du public. Toutefois, face aux nombreux choix que vous êtes amenés à faire, il n’est pas toujours facile de juger et de décider de la meilleure interface !
En réalité, il existe plusieurs concepts éprouvés permettant de réaliser des interfaces appréciées par une grande majorité des utilisateurs et à moindre coûts. À travers cet article, je vais vous présenter quatre concepts incontournables qui pourront vous aider à prendre les bonnes décisions pour l’interface de votre site web.

Loi de Pareto (règle des 80/20)

Appelée aussi règle des 80/20, la loi de Pareto affirme que seulement un faible pourcentage de variables est à l’origine d’un pourcentage élevé d’effets.
Cette règle est utile pour concentrer les ressources et ainsi concevoir une meilleure efficacité de l’interface.
La règle des 80/20 est observée dans différents domaines comme l’économie, le management, le contrôle de qualité, l’ingénierie, pour n’en nommer que quelques-uns. Les pourcentages spécifiques ne sont pas importants, la proportion de variables varie entre 10 et 30%.
Quelques exemples de la règle des 80/20 :

Dans une interface web, tous les éléments ne sont pas égaux. En utilisant la règle des 80/20 nous pouvons évaluer la valeur des éléments, cibler les zones de refonte et concentrer les ressources de manière efficace. Les fonctionnalités les moins importantes, qui font partie des 80% doivent être minimisée ou supprimée du site web. Quand le temps et les ressources sont limitées, il faut limiter les efforts pour corriger et optimiser l’interface au-delà des 20% de fonctionnalités critiques.

Accessibilité

Les interfaces web devraient être conçues pour être utilisées sans modifications par le plus de monde possible.

Historiquement, le concept d’accessibilité s’adresse aux personnes ayant des handicaps. Maintenant, il est de plus en plus évident que le concept d’accessibilité est bénéfique à tout le monde, notamment avec l’arrivée des smartphones et des tablettes tactiles.
L’accessibilité se caractérise par quatre éléments : la perceptibilité, la maniabilité, la simplicité et la tolérance.

La Perceptibilité est acquise quand tout le monde peut percevoir l’interface quelles que soient ses habilités sensorielles. Voici des lignes directrices pour améliorer la perceptibilité :

La Maniabilité est acquise quand tout le monde peut utiliser une interface quelles que soient ses habilités physiques. Voici des lignes directrices pour améliorer la maniabilité :

La Simplicité est acquise quand tout le monde peut comprendre l’interface quelles que soient son expérience, son niveau d’étude ou sa concentration. Voici des lignes directrices pour améliorer la simplicité :

La Tolérance est acquise quand l’interface minimise la fréquence et les conséquences d’une erreur. Voici des lignes directrices pour améliorer la tolérance :

  • Utiliser des actions intuitives et de bonnes contraintes pour prévenir les erreurs
  • Utiliser des confirmations et des alertes pour diminuer la fréquence des erreurs
  • Inclure des actions réversibles et des filets de sauvetage pour minimiser les conséquences d’une erreur

Coûts – Bénéfices

La navigation sera poursuivie que si ses bénéfices sont égaux ou supérieurs aux coûts.

Lors de la réalisation d’un site web, le principe du coût-bénéfice est généralement utilisé pour s’assurer de la rentabilité de nouvelles fonctionnalités ou de nouveaux éléments. Le principe du coût-bénéfice peut également être appliquée pour déterminer la qualité de l’interface d’un point de vue utilisateur. Si les coûts associés à la navigation d’un site web l’emportent sur les avantages, la réalisation est médiocre. Si les avantages l’emportent sur les coûts, la réalisation est bonne. Par exemple, marcher une certaine distance pour voir une exposition constitue un coût. Le niveau d’intérêt de l’exposition constitue un avantage. Ainsi, si le niveau d’intérêt l’emporte sur le coût de la promenade, la visite de l’exposition est bonne.

La qualité d’une interface peut être déterminée par ce principe. Quelle est la bonne longueur d’un texte pour faire passer un message ? Quel est le temps maximum qu’une personne est prête à attendre pour voir s’afficher une page web ? La réponse à ces questions dépend du bénéfice que l’utilisateur reçoit. Par exemple, il est souvent cité que le temps de téléchargement maximale acceptable pour les pages Internet est de dix secondes. Cependant, l’acceptabilité du temps de téléchargement dépend des prestations fournies par la page téléchargée. Une page qui a un bénéfice élevé peut plus que compenser le coût d’un téléchargement de plus de dix secondes. Ainsi, pour améliorer la qualité d’une interface, réduisez les coûts d’utilisation. Attention cependant, à ne pas les réduire au point de nuire aux bénéfices que l’utilisateur a de naviguer sur le site web.

Considérez le principe du coût-bénéfice dans tous les aspects de la réalisation. Ne prenez pas de décisions basées seulement sur des critères de coût sans tenir compte des bénéfices obtenus par les utilisateurs lors de la navigation. Vérifiez les coûts-bénéfices perçus auprès d’utilisateurs cibles grâce à des observations minutieuses, des groupes de discussion et des tests d’utilisabilité.

LE COMPROMIS Polyvalence-UTILISABILITÉ

Plus la polyvalence d’un site web augmente, plus la facilité d’utilisation du site web diminue.

Le compromis Polyvalence-Utilisabilité est lié à une maxime bien connue : celui qui sait tout faire, ne sait rien faire. Une interface polyvalente propose plus de fonctionnalités qu’une interface spécialisée, mais elle rend ses fonctions moins efficaces. Une interface polyvalente est par définition plus complexe et le résultat est souvent plus difficile à utiliser. Par exemple, le couteau suisse à de nombreux outils attachés qui augmentent sa polyvalence, mais chaque élément est plus difficile à utiliser que l’outil unique correspondant. Bien sûr, il offre une polyvalence que ne peut atteindre aucun des outils individuels. Le compromis Polyvalence-Utilisabilité existe, car prendre en charge la polyvalence implique de satisfaire un large ensemble de besoins ce qui signifie plus de compromis et de complexité dans l’interface.

En hypothèse un site web devrait toujours être aussi polyvalent que possible. Cependant, la polyvalence à un cout réel en terme de complexité, d’utilisabilité, de temps et de budget. Généralement, elle est uniquement rentable quand les futurs utilisateurs ne peuvent pas anticiper leurs besoins potentiels. Par exemple, les ordinateurs sont des dispositifs polyvalents qui sont difficiles à utiliser, plus difficiles par exemple qu’une console de jeux. Cependant, le principal avantage d’un ordinateur c’est qu’il répond à l’incertitude et permet une grande liberté dans son utilisation. On achète un ordinateur pour répondre à une variété de besoin, la plupart n’étant pas connue au moment de l’achat.

La capacité à anticiper les futurs besoins d’un produit est une des principales indications pour choisir entre la polyvalence et l’utilisabilité. Si vous savez clairement identifier vos besoins, des interfaces spécialisées qui visent particulièrement ces besoins doivent être favorisés. Alors que, si vous ne savez pas définir précisément vos besoins, ce sont des interfaces plus polyvalentes permettant de s’adapter qui doivent être favorisés. La mesure dans laquelle vous pouvez ou ne pouvez pas définir les besoins futurs de votre site web doit correspondre à la mesure de spécialisation ou de polyvalence de celui-ci. Lorsque le niveau de connaissance des besoins augmente, il est possible de spécialiser l’interface. Ce changement de la polyvalence vers la spécialisation est souvent observée et est à prendre en compte dans l’évolution de votre site web.

Partager cet article


Soumettre un commentaire

Vous avez décidé de laiser un commentaire. C'est fantastique !
Votre adresse e-mail ne sera pas publiée, merci d'être passé !

(*) Champs obligatoires Envoyer

Votre commentaire a été soumis à validation