DES RESSOURCES ET DES OUTILS AU SERVICE DES ACTEURS ET DES PROFESSIONNELS.

Design Web : UX - UI

Date de mise à jour : 24/02/2026 | Identifiant OffreInfo : 15_518537

Information fournie par :
Carif-Oref Occitanie

Objectifs, programme, validation de la formation

Objectifs

> Identifier les particularités de l'UX design et de l'UI design

> Acquérir les notions essentielles d'ergonomie et de prototypage

Programme de la formation


Introduction


  • Définition : site Internet, Ergonomie, Navigation

  • Présentation des standards et contraintes : HTML/CSS

  • Contraintes, formats, couleurs et logiciels

  • Périphériques de capture et d'affichage : modes colorimétrique / résolutions et exceptions

  • Le cercle chromatique et les différentes représentations de la couleur.

  • Les types d'images : Bitmap et Vectoriel

  • Photoshop, Illustrator, Bridge et les objets dynamiques

  • Présentation des principaux formats graphiques : PSD, EPS, PDF, JPEG, PNG et GIF.

  • Compression et optimisation.

  • Tendance du web actuel
L'UX design

  • Qu'est-ce que l'UX Design ?

  • Qu'est-ce qu'une expérience ?

  • Fondements de l'UX Design

  • Enjeux et valeur ajoutée de l'UX Design dans le monde digital

  • La gestion de projet intégrant de l'UX Design (vs gestion de projet classique) : acteurs, plannings, budgets, livrables
Paramétrage et création du document de base

  • Définition de la grille

  • Mise en place d'un fond

  • Création de la colonne de contenu

  • Création de l'entête

  • Création de la barre de menu

  • Création du pied de page

  • Mise en place du contenu & partenaires

  • Choix des couleurs de la charte graphique en fonction d'éléments existants
Ergonomie – Les fondamentaux

  • Fondements de l'ergonomie

  • Définitions : utilité, utilisabilité, affordance, efficacité, efficience, etc.

  • Bases du fonctionnement cognitif de l'être humain (vision, mémoire, cognition)

  • Conception centrée utilisateur : bonnes pratiques et recommandations ergonomiques

  • Critères ergonomiques pour la conception et l'évaluation de la qualité ergonomique
Création de design d'applications (wireframes) et prototypage avec Figma

  • Comprendre l'interface du logiciel

  • Comprendre la notion de calques

  • Créer des formes (rectangles, ellipses, …)

  • Utiliser l'outil Texte

  • Exporter vos designs

  • Utiliser la grille de répétition et le Pathfinder

  • Rendre vos design Dynamiques

Validation et sanction

Attestation de formation

Type de formation

Non certificiante

Sortie

Sans niveau spécifique

Métiers visés

Code Rome

Durée, rythme, financement

Modalités pédagogiques
Durée
35 heures en centre

Conventionnement : Non

Financeur(s)

Autre

OPCO

Conditions d'accès

Public(s)
Demandeur d'emploi, Public en emploi, Tout public
Modalités de recrutement et d'admission

Niveau d'entrée : Sans niveau spécifique

Conditions spécifiques et prérequis

Maitrise de l'outil internet\n\nProcédure d'admission: \nEntretien préalable

Modalités d'accès

Lieu de réalisation de l'action

Formation entièrement à distance
Adresse
Responsable :
Téléphone fixe :
Contacter l'organisme

Contacts

Contact sur la formation
9 boulevard sarrail
34000 - Montpellier
Responsable : Madame Isabelle MUSCAT
Téléphone fixe : 0664925573
fax :
Site web :
Contacter l'organisme
Contacter l'organisme formateur
Connexion Graphique
SIRET: 44797577200057
34000 Montpellier
Responsable : MUSCAT
Téléphone fixe : 0664925573
Site web :
Contacter l'organisme

Période prévisibles de déroulement des sessions

du 01/01/2025 au 31/07/2026
débutant le : 01/01/2025
Adresse d'inscription
9 boulevard sarrail
34000 - Montpellier
Etat du recrutement : Ouvert
Modalités : Entrées/sorties permanentes

Organisme responsable

Connexion Graphique
SIRET : 44797577200057

Adresse
9 boulevard sarrail
34000 - Montpellier
Téléphone fixe : 0664925573
Contacter l'organisme