DESIGN WEB : UX-UI

Les points forts

Une formation :

  • en petits groupes ou en individuel
  • axée sur la pratique
  • visant une opérationnalité rapide
  • dispensée par des intervenants issus du monde professionnel

Durée : 35 heures

Lieu : sur Montpellier ou à distance

Objectif.s :
> Identifier les particularités de l’UX design et de l’UI design
> Acquérir les notions essentielles d’ergonomie et de prototypage

Public :
Etudiant(e), Salarié(e), Demandeur d’emploi, Entrepreneur(se), Grand Public

Modalités d’accès :
Entretien préalable + test (le cas échéant)

Pré requis :
Maitrise de l’outil internet

Evaluation :
> Formation basée sur l’apprentissage pratique (Exercices pratiques – Mise en situation)
> Evaluation tout au long de la formation

Validation :
Attestation de 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

FORMATION EN PRESENTIEL

Nombre de stagiaires : 3 à 8 personnes ou en individuel

Modalités pédagogiques :
Formation intensive basée sur des travaux pratiques et / ou des études de cas permettant l’acquisition d’un logiciel et / ou d’une méthodologie de travail afin de rendre le.la stagiaire rapidement opérationnel.
A l’issue de la formation, envoi d’un support de cours et / ou d’une webographie résumant les notions abordées en formation.

FORMATION A DISTANCE

Nombre de stagiaires : formation en individuel

Modalités pédagogiques :
Formation intensive proposée en distanciel synchrone, sous forme de classes virtuelles avec alternance de sessions en direct et d’exercices pratiques / études de cas avec suivi techniques / pédagogique par tchat et mail en continu + la prise en main, le cas échéant, par le formateur de l’ordinateur du stagiaire à distance.
A l’issue de la formation, envoi d’un support de cours et / ou d’une webographie résumant les notions abordées en formation.

Modalités techniques :
Chaque stagiaire devra disposer d’un ordinateur personnel compatible avec la formation (configuration optimale + logiciel(s) installé(s)).

PLANNING

Formation en groupe :

  • Du 04.03 au 08.03.2024
  • Le 24.05 + du 28 au 31.05.2024
  • Du 29.07 au 02.08.2024
  • Du 07.10 au 11.10.2024

Horaires : 9h30 – 13h / 14h – 17h30

Formation en individuel et / ou à distance :
Planning personnalisé

TARIFS

Formation en groupe :

  • Prise en charge (Pôle emploi, Entreprise, OPCO, AGEFIPH, …) : 700 €
  • Autofinancement : adhésion* + 350 €

Formation en individuel et / ou à distance :

  • Prise en charge (Pôle emploi, Entreprise, OPCO, AGEFIPH, …) : 1050 €
  • Autofinancement : adhésion* + 875 €

* Adhésion annuelle, acquittable une seule fois quelque soit le nombre de formations suivies

Afin d’évaluer au mieux vos besoins en formation et étudier avec vous les possibilités de financement, un entretien diagnostic gratuit sera préalable à toute rédaction d’un devis et à toute inscription.

Dernière mise à jour de la fiche : 13.12.2023