Ux & Ui :
L'Art du Prototype

Connaître le workflow, les outils et la méthode pour bien préparer une interface.
Limité à 6 stagiaires - 2 Jours

logo Formation Ux Ui Design

Objectifs :

  • Tester, partager et faire mûrir vos idées avant de passer au design final.
  • Faciliter la réflexion et la communication lors du processus de création.
  • Connaître les outils et le workflow pour créer des interfaces.
  • Créer des prototypes pour le web et les applications mobiles.

Pré requis :

Des connaissances en design et outils graphiques tels que Photoshop / Illustrator sont un plus.
Comprendre (sans forcément coder) les langages Web (HTML-CSS-JS) est un plus.

Public :

Personne souhaitant préparer / encadrer / créer des designs ergonomiques et réfléchis en se confrontant à plusieurs supports (desktop, tablette, mobile..) et problématiques.

Exemple : Vous souhaitez acquérir une méthode de travail et les règles élémentaires pour optimiser la préparation d’un projet responsive et faciliter les échanges avec votre client (ou votre équipe) avant le design final (Photoshop, Sketch, etc..).

PLAN DE FORMATION : 2 JOURS

Journée 1

1. Débuter le projet web

  • Brief ux-ui et cahier des charges
  • Benchmark, veille concurrentielle sur le web
  • Brainstorming avec votre équipe projet

2. Direction artistique du projet

  • Création du Moodboard
  • L’identité visuelle, la charte graphique web
  • Trouver des éléments graphiques, illustration, photographies, ui, sitemap etc...

3. L'expérience utilisateur, introduction

  • UX
  • Proposition de valeur (Value Proposition)
  • Vérification concurrentielle (Competitive Audit)
  • Les personas
  • Storyboard

3. L'expérience utilisateur, suite

  • Feuille de route (features roadmap)
  • Flux utilisateur (User Flow)
  • Cas d'utilisation et Scénarios d’usages ? (Use Cases & User story ? )
  • Interview utilisateur / groupe de discussion
  • Enquête quantitative (Quantitative Survey)
  • Tri des cartes (Card Sorting)
  • Le plan du site, l'arborescence (sitemap)
  • Le wireframe
  • L’ergonomie d’une interface
  • Le prototype fonctionnel ( les outils, invision, adobe XD…)
  • Les test utilisateurs, user test
  • A/B testing

Journée 2

4. Les notions clés de l’UI design

  • Les différents types d’UI aujourd’hui (element, bootstrap, foundation, material design etc…)
  • Interaction UI, animation web
  • La typographie sur le web
  • Le Webdesign : les tendances, exemples des différents styles
  • Le responsive design, les grilles dans le webdesign…
  • Les couleurs et nuances sur les interfaces 2.0
  • Les frameworks… et le design ?
  • Comprendre l’intégration HTML, CSS et la place du design web dans le projet

5. Les livrables en UI & UX

  • Site map
  • Use case
  • Webdesign
  • Prototype

6. Évaluer une interface

  • Évaluation collective
  • Itération sur le design
  • Feedback utilisateur

7. Cas pratique : une plateforme web (leetchi, cagnotte collaborative)

  • Rédaction d’un cahier des charges
  • Conception de l’UX et de l'arborescence
  • Création du zoning, wireframe
  • Conception du design de l’application (webdesign & UI design)
  • Le prototype sur InVision
  • Atelier “User test”
CE QUE VOUS ALLEZ FAIRE / NE PAS FAIRE

Ce que vous ferez :

  • Acquérir une méthode saine et efficace pour la préparation et la réflexion de maquettes graphiques.
  • Solutionner les problématiques majeures liées à une interface responsive.
  • Améliorer les retours et les échanges avec les clients grâce aux Storyboard/WireFrame/Prototype.
  • Tester une interface.

Ce que vous ne ferez pas :

  • Designer une maquette complète tel un graphiste. L’accent est mis sur la préparation et les outils de création de prototypes.
  • Pas de création de maquette sous Photoshop, Sktech ou autres. Seules les parties en amont (wireframe, storyboard, prototype...) sont abordées ou certains éléments précis de design.
  • Pas de code ou d'intégration web.
DURÉE ET LIEU

Horaires :

De 9h30 à 17h30 avec une pause déjeuner de 12h30 à 13h30
soit 7 heures de formation par jour.

Lieu de formation :

Nos formations se déroulent en plein centre historique de la belle ville de Nantes à La Rosière.
la Rosière d'Artois - 35 Rue de la Rosière d'Artois - 44100 Nantes.

Petit déjeuner & Repas gourmand du midi inclus.
6 Stagiaires maximum par session

DATES ET TARIF

Les prochaines dates de formation :

  • 16 et 17 Novembre

Le tarif de la formation :

  • 950€ HT pour 2 jours de formation.

Petit déjeuner & Repas gourmand de midi inclus.
6 Stagiaires maximum par session

Contacter Marine pour toute demande d'inscription ou d'informations complémentaires.

FORMATION INTRA-ENTREPRISE

Nos formateurs peuvent également se déplacer dans vos locaux. En fonction de vos besoins, nous vous accompagnons dans votre démarche.

Consultez Marine pour plus d’informations !

FINANCEMENTS

Vous souhaitez connaitre les possibilités de financement de votre formation ?

Financement Formation Professionelle
Manuel Pinard - Bar à Formations

"Entrepreneur passionné par le monde des startups et de l’innovation, je suis spécialisé en design UI UX. J’accompagne les porteurs de projets dans la conception et la création d’interfaces web ou mobile."

Tristan Fraud, formateur