BREAKING NEWS /// Salariés au chômage partiel : l’État peut financer jusqu’à 100 % les coûts de la formation en ligne !
En savoir plus
Formation Wireframing
Digital

Formation Wireframing

Créer les maquettes d'un site web

Vous souhaitez réaliser un site web entièrement personnalisé ? Pour cela vous avez besoin de vous concentrer sur l’ergonomie et de concevoir la maquette « fonctionnelle » du site, le wireframe. Notre formation « Wireframing » vous permet de construire la mise en page et les modèles d’interaction d’un site grâce à l’utilisation de maquettes fonctionnelles.

INTÉRESSÉ(E) PAR LA FORMATION Wireframing ?

Remplissez le formulaire ci-dessous pour recevoir une documentation détaillée.

ou nous contacter au 01.86.95.27.81

En cliquant ci-dessus sur recevoir une documentation, vous acceptez nos conditions générales d'utilisation et notre politique de confidentialité.

200 formations
200 formations
20 000 participants
20 000 participants
98% de clients satisfaits
98% de clients satisfaits
18 Ans d'expérience
18 ans d'expérience

Présentation de la formation

Incontournable pour la conception de projets digitaux sur mesure, le wireframing est au carrefour du design d'interaction, du design d'information et de l'architecture de l'information. Les wireframes représentent ainsi un livrable important dans la conception d'un dispositif digital, mais n’en reste pas moins facilement appréhendables par tous les acteurs d’un projet de marketing digital.

Vous souhaitez intégrer l’expérience utilisateur au cœur d’interfaces intelligentes pour optimiser un site web ou développer une application mobile attractive ?
Le rôle du wireframe est de préfigurer le fonctionnement de l'interface utilisateur, ce qui en fait un des outils les plus populaires du design d'expérience utilisateur (UX).

Notre formation Wireframing vous permet de découvrir les phases composant cette étape essentielle de la conception d’un projet digital, ainsi qu’une sélection de logiciels nécessaires à la réalisation de différents livrables.
 

Information
Le saviez-vous ?

Vous pouvez créer un wireframe basique pour fournir un aperçu de projet, puis l'enrichir facilement pour produire un modèle interactif complet. Le wireframe possède un contenu modifiable à volonté pouvant ainsi être amélioré à l’infini.  

Pourquoi réaliser une Formation Wireframing ?

L’UX designer arrive aujourd’hui au troisième rang des métiers les plus recherchés par les entreprises digitales. Que vous souhaitiez vous lancer dans la création et la refonte d’interfaces digitales, ou encore créer des designs ergonomiques, sachez que le wireframe est la première étape entre l’idée d’un site et sa concrétisation.

La réalisation de wireframes est conseillée pour éviter tout incident lors de la construction d’une interface web, tout comme l’architecte d’une maison établit des maquettes en amont de la construction. Ces « maquettes » permettent d’éviter des défauts lors de la création et, par la suite, lors du développement de l’interface.

Cette formation vous donnera les clés pour schématiser une page web le plus simplement possible, notamment grâce à l’utilisation d’un logiciel permettant de structurer l’architecture d’une page, tout en vous confrontant à plusieurs supports (desktop, tablette, mobile).  

Objectifs

  • Choisir le livrable adéquat en fonction de l’avancée du projet
  • Sélectionner et nommer tous les éléments composants une interface
  • Concevoir l’arborescence d’un site ou d’une application
  • Réaliser des prototypes interactifs avec Axure et Adobe XD

Pour qui ?

Cette formation est particulièrement intéressante pour toutes les personnes souhaitant concevoir et réaliser des wireframes / mock up / maquettes, en vue de créer ou d’effectuer la refonte d’une interface digitale (site web, application, etc.). Les professionnels suivants doivent maîtriser ce logiciel : Webdesigner, Graphiste web, Directeur Artistique Web, Chefs de projets web, Développeur web, Webmaster...

Programme

    1. Wireframing

    • Introduction
    • Les différentes étapes
    • Les logiciels
    • Les éléments constitutifs d’une interface
    • Rappel d’ergonomie digitale
    • Spécificités du design mobile
    • Guidelines Android et iOS
    • Arborescence d’un site web (Balsamiq)
    • Zoning (Balsamiq)
    • Sketching (interactivité avec Marvel App)
    • Wireframe 
    • Prototypes interactifs
    • Et après ? (Maquette UI, test utilisateur)
       

    2. Adobe XD

    • Présentation de l’interface (menus, artboards, collaboration, calques)
    • Les outils (texte, formes, plume, dégradés…)
    • Kits d’interface utilisateur
    • Grille et plans de travail
    • Les actifs
    • Composants et grille de répétition
    • Redimensionnement réactif
    • Prototypage et interactivité
    • Interactions complexes avec Auto-animate
    • Plug-ins
    • Prévisualisation et partage du projet


    3. Axure RP 

    • Présentation de l’interface (panneaux Pages, Librairies, Masters, Interactions, style et Outline)
    • Les styles de pages
    • Créer et modifier des widgets
    • Utiliser les styles de widgets
    • Réaliser des interactions simples (liens, rollover, états sélectionné/déselectionné…)
    • Utiliser les masters
    • Les panneaux dynamiques et lame toute largeur
    • Mettre des éléments en sticky et pop-in
    • Réaliser des interactions complexes (affichage, masquage, formulaire…)
    • Partager un projet avec Axshare

Format

  • E-learning grâce à notre plateforme 100% en ligne
  • Conférences en présentiel possibles en complément : voir nos événements

Financement

Plusieurs dispositifs de financement sont possibles en fonction de votre statut professionnel et peuvent financer jusqu’à 100% votre formation.

Pour plus de renseignements, nous vous invitons à consulter notre guide du financement et à contacter nos conseillers pour vous accompagner pas à pas dans vos démarches.

Cycle de formations associé

La formation Wireframing fait partie du cycle long de formation Web Designer/UX Designer, qui forme aux métiers de Webdesigner, UX Designer, Directeur artistique, Illustrateur 3D, Ergonome Web.

Ce cycle de formations vous permet de vous former à la conception et à la réalisation d’outils de communication digitaux adaptés à différents supports de publication.
De plus, il vous prépare à la délivrance du Titre Certifié Web Designer / UX Designer, dont les débouchés professionnels sont les suivants : 
 

Ces formations pourraient également vous intéresser

Intéressé(e) par la formation

Wireframing ?

Je suis un particulier

Je souhaite monter en compétences et réaliser une formation (format présentiel ou digital learning)

Je suis une entreprise

Je souhaite former un ou plusieurs de mes collaborateurs (format inter ou intra-entreprise, format présentiel ou digital learning)

Formation Wireframing

Intéressé(e) par la formation Wireframing ?