Ziggourat FORMATION

05. Formation Ergonomie des interfaces tactiles

Objectifs

Comprendre les enjeux et les contraintes ergonomiques de la création d’interfaces tactiles dans la création de d’applications web mobiles. Avoir une connaissance étendue de l’interactivité des différentes plateformes et systèmes mobiles du marché (type iPhone, iPad, Android, etc). Savoir créer des interfaces visuelles fonctionnelles et innovantes.

Participants

Directeurs artistiques, webdesigner, graphistes ou toute personne souhaitant créer des interfaces tactiles dans une conception orientée utilisateur.

Prérequis

Avoir une bonne connaissance du web. Une connaissance dans l’utilisation du logiciel Photoshop est un plus.

Programme

 Notions générales

• Le toucher, le tactile et l’haptique
• Enjeux stratégiques généraux
• Le tactile et la notion d’interface
• Des outils connectés, multi-capteurs, mobiles et sociaux

Approche techniques et technologique

• Les différents types de matériel disponible (Smartphones, tablettes, etc.)
• Panorama des différents types de capteurs
• Les principes de la géolocalisation et la réalité augmentée
• Les APIs sociales du Web (Facebook, Twitter, Foursquare, etc.)
• Panorama des différentes OS (Android, iOS Apple, etc.)
• Flash et la conception d’applications dédiées
• HTML5 et la conception de sites riches et multiplateformes

Approche ergonomique

• Anatomie cinétique de la main
• Approche cognitive du geste (simulation, représentation, signes et  symboles)
• Appréhension de l’outil et prise en main
• Les spécificités des écrans à bascule d’affichage (type iPhone/iPad)
• Comportement utilisateur et immersion (vs ordinateur standard)
• Typologie générale  des différents modèles d’interactions
• Interagir via le mouvement
• Interagir via l’environnement sonore
• Interagir via l’environnement lumineux
• Interagir via l’environnement visuel
• Interagir via la géolocalisation
• Concevoir un modèle d’interactions global

Conception d’interfaces

• Typologie des différents types écrans
• L’affichage du texte et la gestion de la lisibilité
• Les formats de diffusion vidéo et les plugins
• La récupération de flux et l’utilisation des réseaux sociaux
• Typologie générale des éléments d’interface des principales OS
• L’utilisation de bibliothèques jQuery (jQtouch, jQuery Mobile, etc.)
• Le drag&drop, l’utilisation d’interface tactiles
• Scroll vs « mode pages Â»
• L’utilisation de scroll partiel dans la page
• L’utilisation des GUI (iPhone, iPad, Android, WebOS, etc.)
• InDesign et le Digital Publishing

Etude de cas sur un panel de sites et d’applications choisies