030 fondamentaux di

Fondamentaux du design d’interaction Antoine Visonneau [email_address]

Pour tordre le cou aux idées reçues

Utilisabilité ? ,[object Object],[object Object],[object Object],[object Object]

Axes d’amélioration de l’interaction Système perceptif Système cognitif Système moteur Clarté visuelle Clarté du mode opératoire Facilité d’utilisation Groupement, association, hiérarchie visuelle etc. Économie d’efforts visuels Fait appel à un système connu ou simple à comprendre Économie de neurones  Ne nécessite pas d’être particulièrement adroit. Économie de mouvements

Principes de conception ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],7 8 6 5 4 3 2 1

‘ Less is more’ Mies van der rohe

Simplicité ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Standardiser ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Standardiser ,[object Object],[object Object],[object Object],[object Object],[object Object]

iPhone Human Interface Guidelines

Standardiser : Icônes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Découverte progressive ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Progressive disclosure Lidwell, Holden, Butler Universal Principles of Design, Rockport press

Loi de Hicks ,[object Object],[object Object],[object Object],[object Object]

Loi des 80/20 (Principe de Pareto) ,[object Object],[object Object],[object Object],[object Object],[object Object]

Loi des 80/20 (Principe de Pareto)

Loi de Fitts ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Affordance et mapping ,[object Object],[object Object],[object Object],[object Object],[object Object],affordance Mapping Universal Principles of Design, Rockport press

Guidage « Don’t make me think » Steve Krugg

Solutions de guidage ,[object Object],[object Object],[object Object],[object Object]

Feedback Action  réaction rollover popup Changement de curseur Message de confirmation L’écran a changé beep sablier Barre de progression

Plaisir et fun ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],  

Erreur technique ,[object Object],[object Object],[object Object]

Google's non-error Messages ,[object Object]

Error no results !!! www.flickr.com

030 fondamentaux di

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (8)

Similar to 030 fondamentaux di

Similar to 030 fondamentaux di (20)

030 fondamentaux di