• Home
• Formations
• Web
• Formation Design Des Interfaces Web

Formation Formation Design Des Interfaces Web - 5 jours

Description :

Objectifs du cours :

Acquérir les bases de la conception d’interfaces pour le Web. Créer des gabarits visuels riches et efficaces en tenant compte des dernières évolutions du Web : applications mobiles, bannières interactives, mini-sites, réseaux sociaux, espaces participatifs, diffusion multi-supports, etc.

Formations relatives :

• PHOTOSHOP POUR LES PHOTOGRAPHES (0)
• Formation Photoshop orienté web (0)
• WORDPRESS, L’INDISPENSABLE (0)
• PHP (0)
• Photoshop pour tous (0)

Contenu du cours :

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

Formations relatives :

• PHOTOSHOP POUR LES PHOTOGRAPHES (0)
• Formation Photoshop orienté web (0)
• WORDPRESS, L’INDISPENSABLE (0)
• PHP (0)
• Photoshop pour tous (0)

Formations relatives :