Formation Wireframing
Digital

Formation Wireframing

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

Contenu 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.

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.  

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).

Vous voulez définir la structure d’un projet digital à travers une arborescence, ou encore appliquer les bonnes pratiques dans la création d’une interface intelligente ?
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.

Pourquoi réaliser une Formation Wireframing avec VISIPLUS academy ?

L’UX designer arrive aujourd’hui au troisième rang des métiers les plus recherchés par les entreprises digitales. Les webdesigners ont pour mission de concevoir les écrans clés d'un projet digital dans une approche de design d'expérience utilisateur.

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 ?

A qui s’adresse cette formation ?

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

    PARTIE 1 : LE WIREFRAMING 
    1. Introduction
    2. Les différentes étapes
    3. Les logiciels
    4. Les éléments constitutifs d’une interface
    5. Rappel d’ergonomie digitale
    6. Spécificités du design mobile
    7. Guidelines Android et iOS
    8. Arborescence d’un site web (Balsamiq)
    9. Zoning (Balsamiq)
    10. Sketching (interactivité avec Marvel App)
    11. Wireframe 
    12. Prototypes interactifs
    13. Et après ? (Maquette UI, test utilisateur)

    PARTIE 2 : ADOBE XD 
    14. Présentation de l’interface (menus, artboards, collaboration, calques)
    15. Les outils (texte, formes, plume, dégradés…)
    16. Kits d’interface utilisateur
    17. Grille et plans de travail
    18. Les actifs
    19. Composants et grille de répétition
    20. Redimensionnement réactif
    21. Prototypage et interactivité
    22. Interactions complexes avec Auto-animate
    23. Plug-ins
    24. Prévisualisation et partage du projet

    PARTIE 3 : AXURE RP 
    25.Présentation de l’interface (panneaux Pages, Librairies, Masters, Interactions, style et Outline)
    26.Les styles de pages
    27.Créer et modifier des widgets
    28.Utiliser les styles de widgets
    29.Réaliser des interactions simples (liens, rollover, états sélectionné/déselectionné…)
    30.Utiliser les masters
    31.Les panneaux dynamiques et lame toute largeur
    32.Mettre des éléments en sticky et pop-in
    33.Réaliser des interactions complexes (affichage, masquage, formulaire…)
    34.Partager un projet avec Axshare

Formats

Notre formation Wireframing est dispensée en digital learning. Il s'agit d'un format d'apprentissage à distance, appelé également e-learning, réalisé depuis notre plateforme digitale grâce à des outils numériques comme la vidéo et les tests de connaissance en ligne.

Nous vous proposons deux autres formats de formation : 

  • Le présentiel : formation effectuée à 100% dans nos centres de formation.
  • Le blended learning : mix de sessions effectuées soit en présentiel, soit en digital learning.

Financement

Nos conseillers vous accompagnent dans le choix de la solution de financement qui est le plus en adéquation avec votre situation et vos besoins.
Selon la formation choisie et votre statut (salarié, demandeur d’emploi, alternant), plusieurs dispositifs de financement sont possibles, dont le plus connu le CPF, votre Compte Professionnel de Formation.

Contactez-nous pour plus d’informations sur les différents dispositifs que vous pouvez activer et pour vous accompagner dans l’élaboration de votre dossier !

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 : 
 

Formations courtes associées

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 ?