Objectifs du module E-Learning

Appréhender les concepts d'ergonomie et d'UX/UI Design
Evaluer la qualité ergonomique d'un site web
Scénariser l'expérience utilisateur

DURÉE

1.57 jours
soit 11 heures

PUBLIC

Graphistes, maquettistes, webmasters.

PRÉ-REQUIS

Il est nécessaire de maîtriser l'environnement Mac OS X ou Windows.

Satisfaction Clients

Enquetes satisfaction enregistrées au 26/10/2020 :
  • Compétences formateur (5993 réponses clients)
    94%
  • Organisation globale (7624 réponses clients)
    90%
  • Proximité (4118 réponses clients)
    89%
  • Utilité (7623 réponses clients)
    89%

Recommanderiez vous Lexom ? (7533 clients)
OUI à 98% !

Programme de la formation

A l'issue de la formation, les participants seront préparés à :
Ergo Web, introduction
  • Définition
  • Top10 des idées reçues
Les tendances
  • Le Webdesign
  • Les méthodes de l'ergo web
Ergo Web : Le processus
  • Les fondements de l'ergo web
  • L'utilisateur au centre du projet
  • Comprendre l'internaute
  • UX Design : Principes et étapes
UX Design
  • Outils et méthode
  • Définition des contenus
  • Définition de la stratégie
Les différentes étapes
  • Architecture de l'information
  • Définir un zoning
  • Le wireframe
  • Réaliser un prototypage
  • Tests et évaluations
Design graphique pour écrans
  • Circonscrire le cadre d'un projet
  • Comprendre la production finale
L'interface
  • Savoir esquisser un projet
  • Appréhender les polices web
  • Savoir utiliser une grille
  • Jouer avec les contrastes
  • L'unité et variété dans l'interface
  • La balise div
  • Placer une balise div
Nouvelles balises
  • DOCTYPE HTML5
  • Nouvelles balises HTML5
  • Mise en page
  • CSS3
Structure d'un formulaire
  • Créer un formulaire
  • Ajouter un ensemble de champs
  • Ajouter un bouton de sélection
Champs
  • Champs de formulaire
  • Mise en forme tableau
  • Mise en forme DIV
  • Nouveaux champs HTML5
Créer un tableau
  • Créer un tableau
  • Fraction, fusion, ajout et ajustement
  • Suppressions
  • Tableaux imbriqués
Les bases de l'Emailing
  • Spécificités techniques
  • Le style
  • Insérer un tableau
  • Modifier un tableau
  • Créer un tableau imbriqué
  • Couleur du tableau et des cellules
Emailing tout images
  • Import d'une image dans une cellule
  • L'attribut Border
  • Gestion du style dans un emailing
  • Les liens
Emailing texte et images
  • Comportement du texte
  • La balise Font
  • L'attribut size et style font-size
  • L'attribut color
  • Les liens sur les textes
Ateliers
  • Créer un site
  • Préparer la page d'accueil
  • Utiliser le langage CSS pour enrichir vos documents
  • Mise en page CSS
  • Ajouter une page
  • Formulaire
  • Flash et tableaux
  • Mailing 1
  • Mailing 2
Dernière date de modification : 2024-01-15