Design Web Théorie 2020 - Cours 04

Transcript

1. LOI DE SIMILARITÉ
2. LOI DE SIMILARITÉ Des éléments qui se ressemblent visuellement (taille, forme, couleur, contenu, comportement, …) sont perçus comme étant proches conceptuellement.
3. LOI DE SIMILARITÉ Des éléments qui se ressemblent visuellement (taille, forme, couleur, contenu, comportement, …) sont perçus comme étant proches conceptuellement.
9. LOI DE FITTS Le temps requis pour atteindre une cible est proportionnel à la distance entre le point de départ et la cible, et inversement proportionnel à la taille de la zone de destination. https://fr.wikipedia.org/wiki/Loi_de_Fitts
10. LOI DE FITTS • Plus la cible est proche et grosse, moins l’utilisateur met de temps à l’atteindre ; • plus la cible est éloignée et petite, plus l’utilisateur met de temps à l’atteindre.
14. Comment ?
16. Comment ?
17. L’AFFORDANCE
18. L’AFFORDANCE Les affordances sont les possibilités d’action suggérées par les caractéristiques d’un objet. Le terme dérive du verbe to afford qui a un double sens : « être en mesure de faire quelque chose » et « offrir ».
19. AFFORDANCE IMPLICITE
20. L’AFFORDANCE EXPLICITE
21. L’AFFORDANCE Dans le Web, les affordances implicites sont liées aux conventions (forme des boutons de formulaires, style des hyperliens, positionnement conventionnel, libellés des liens, …)
22. L’AFFORDANCE On parlera de contre-affordance quand un élément dans une interface donne l’impression de remplir une autre fonction que celle qu’il remplit en réalité
36. L’AFFORDANCE Donner du feedback est un moyen d’améliorer l’affordance de manière temporaire
38. Comment ?
41. LOI DE HICK
42. LOI DE HICK Il est plus rapide de décider parmi un nombre limité d’éléments (ce qui peut être utile pour concevoir un menu de navigation par exemple) https://fr.wikipedia.org/wiki/Loi_de_Hick
45. LOI DE HICK Prendre une décision
47. LOI DE HICK Trop d’utilité tue l’utilité
48. LOI DE HICK Aider la décision
49. PRINCIPE DE PARETO • 80 % d’accomplissement d’une mise au point nécessite 20 % de l'effort ;
50. PRINCIPE DE PARETO • 80 % des réclamations proviennent de 20 % des clients ;
51. PRINCIPE DE PARETO • 80% des ventes est réalisé grâce à 20% des références présentées ;
52. PRINCIPE DE PARETO • 80% des utilisateurs ne réaliseront que 20% des actions possibles.
53. 12 RÈGLES D’ERGONOMIE (CHAPITRE 5 DU LIVRE)