Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Interface web INTERFACE WEB Principes d ? ergonomie des interfaces WEB INTERNET INTRANET ? CNAM - Interaction Homme-Machine Interface Web Diapositive Jean-Marc PUJOS CPLAN Introduction Les di ?érences de métaphores Les fondamentaux du Web Les changements

INTERFACE WEB Principes d ? ergonomie des interfaces WEB INTERNET INTRANET ? CNAM - Interaction Homme-Machine Interface Web Diapositive Jean-Marc PUJOS CPLAN Introduction Les di ?érences de métaphores Les fondamentaux du Web Les changements de l ? interface Web Conception et ergonomie des sites Web Cinématique de navigation Conception et mise en ?uvre Des conseils Les standards Elaboration de règles ? CNAM - Interaction Homme-Machine Interface Web Diapositive Jean-Marc PUJOS CIntroduction Jusqu ? aux années interfaces de type lignes de commandes systèmes Ms-Dos ou Unix avec des applications alphanumériques ans pour voir s ? imposer les interfaces graphiques Graphical User Interface Le but était de simpli ?er la gestion de quelques Mo de ressources locales C ? est la période client-serveur o? l ? assimilation de l ? ergonomie des applications graphiques ne s ? est pas faite facilement Aujourd ? hui nous sommes entrés dans une nouvelle ère La plupart des utilisateurs sont connectés à un réseau local ou global L'échelle des ressources à représenter a fortement grandi et l ? in uence du Web permet aux utilisateurs d ? exiger plus de simplicité ? CNAM - Interaction Homme-Machine Interface Web Diapositive Jean-Marc PUJOS CIntroduction Le volume d ? informations accessibles est aujourd ? hui quasiillimité il devient indispensable d ? en faciliter l ? accès La dé ?nition d ? une interface utilisateur pour un application Web est tout aussi di ?cile à réaliser que pour une application dans un environnement graphique traditionnel Faire table rase de tous les acquis Il est nécessaire de remettre en cause nos ré exes vis-à-vis de l ? ergonomie des interfaces graphiques ? CNAM - Interaction Homme-Machine Interface Web Diapositive Jean-Marc PUJOS CIntroduction En bref Nous allons progressivement passer de la notion de Graphical User Interface GUI à la notion de Network User Interface NUI ? CNAM - Interaction Homme-Machine Interface Web Diapositive Jean-Marc PUJOS CDu GUI au Web Les interfaces graphiques Les interfaces graphiques reposent sur une gestion événementielle ?ne des actions de l ? utilisateur L ? important n ? est pas ce qui est visible mais la manière et le comportement Cette ?nesse de gestion événementielle fait toute la richesse des applications en environnement graphique Le potentiel de possibilité presque illimité de réalisation des interfaces graphiques peut être un handicap lors de leur conception ? CNAM - Interaction Homme-Machine Interface Web Diapositive Jean-Marc PUJOS CDu GUI au Web Les interfaces Web Le modèle événementiel du Web est plus pauvre même avec l ? association DHTML ?? DOM Dynamic HyperText Markup Language ?? Document Object Model Ceci est lourd de conséquences sur le potentiel des interfaces utilisateur du Web Mais ce handicap peut se révéler un avantage simplicité de conception et d ? utilisation en particulier pour les applications de gestion ? des champs de saisie ? des boutons d ? action pour lancer des opérations ? des liens hypertextes pour naviguer entre les pages ? CNAM - Interaction Homme-Machine Interface Web Diapositive Jean-Marc PUJOS CDu GUI au Web En