Formation Design Des Interfaces Web : 5 Jour(s)

Description

Introduction

• L’évolution des interfaces Web (flux d’interactions, interopérabilité, participativité, GUI, Web mobile, etc.)
• Qu’est-ce que le design d’interface ?
• Outils, étapes de construction et de mise en oeuvre
• Interface, interactions et interactivité
• Interfaces Web vs pages Web
• Une expérience orientée utilisateurs
• Communiquer par l’outil : vers une logique fonctionnelle

Concevoir des interfaces visuelles efficaces

• Anatomie fonctionnelle d’une interaction
• Lecture et interprétation des schémas fonctionnels
• La notion de comportement dans une interaction
• L’utilisation des grilles de mise en page
• Typologie des différents modèles de mise en page
• Le zoning et la création de storyboard visuels
• Règles visuelles d’habillage
• La conception typographique des contenus éditoriaux
• Typologie visuelle des éléments d’interaction
• L’apport HTML5, CSS 3, SVG et JavaScript
• Utilisation graphiques d’Ajax
• Les technologies Adobe Flash Plateform (Flash, Catalyst, Flex, etc.)

Prendre en compte l’expérience utilisateur

• Les contraintes techniques de la page-écran (tailles, définition, lisibilité, etc.)
• Théories cognitives et phénomènes de perception (Gestalt, loi de Fitt, etc.)
• Prendre en compte l’expérience utilisateur (méthodes, moyens, tests)
• La lecture visuelle de la page-écran
• Les règles de l’accessibilité Web
• Le concept d’affordance
• Règles de composition de la page-écran
• Particularismes des interfaces tactiles et haptiques

Optimiser et adapter des interfaces dédiées

• L’optimisation des pages dans l’intégration de microcontenus éditoriaux
• La conception visuelle des formulaires
• La gestion de l’affichage des contenus dynamiques
• La gestion de l’affichage des fl ux entrants et sortants (liens sociaux, RSS, etc.)
• La conception visuelle des espaces sociaux et participatifs
• L’utilisation des interfaces de type Dashboard
• La conception visuelle de Widgets
• Principe et enjeux des interfaces dédiées et multisupports
• L’utilisation des GUI et d’API externes
• Étude des principaux GUI : Facebook, iPhone, iPad, Androïd, Palm
• Étude des différentes API dans le développement d’application dédiées : Facebook, iPhone, iPad, Androïd, Palm
• Utilisation des principaux kits de conception

Étude de cas et exercices de mise en oeuvre avec Photoshop

www.jlgestion.be

www.rhbusiness.be

www.formation-webdesign.be

www.msoffice.be