ATTENTION /// Fin du FNE le 31/10 : Plus que quelques jours pour faire financer à 100% votre formation par l’Etat !
En savoir plus

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

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.

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

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 formation 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 : 
 

Les avantages VISIPLUS academy

Une plateforme digital learning dédiée

Une plateforme digital learning dédiée

Fidèles à notre conviction que la transformations digitale est aujourd’hui incontournable, vous pouvez suivre l’intégralité de nos formation et cycles diplômants au format e-learning. Grâce à notre plateforme dédiée, vous suivez vos modules de formation depuis un appareil connecté où que vous soyez et à votre propre rythme, tout en bénéficiant du suivi individualisé de nos équipe.

Un suivi personnalisé

Un suivi personnalisé

Conseillers formation, coordinateurs pédagogiques, formateurs, mentors individuels, responsable de programme… nous mettons à votre disposition tous nos experts afin de vous accompagner dans votre projet de formation ! De l’élaboration de votre dossier de financement à la remise de votre certificat, en passant par le suivi de votre formation, l’équipe VISIPLUS academy est là pour vous à chaque étape de votre parcours.

Le soutien de toute une communauté

Le soutien de toute une communauté

Se former à distance oui, mais auprès de toute une communauté ! Echangez au quotidien avec vos pairs, mais aussi avec vos formateurs et toute notre équipe pédagogique. Questions, partage de connaissances, tips à échanger…la communauté VISIPLUS academy n’est toujours qu’à un clic pour partager !

Votre employabilité renforcée

Votre employabilité renforcée

L’ensemble de nos formations sont conçues spécifiquement pour des professionnels, par des professionnels experts dans leur domaine. Notre objectif, vous proposer des formations en phase avec le monde du travail d’aujourd’hui et de demain, afin de vous faire monter en compétences sur des sujets porteurs qui feront de vous un profil recherché sur le marché de l’emploi.

Un réseau d’Alumni pour échanger

Un réseau d’Alumni pour échanger

Notre cercle Alumni de plus de 20 000 diplômés vous permettra d’élargir votre réseau professionnel, de networker, d’échanger avec d’anciens diplômés mais aussi avec des participants qui suivent la même formation que vous. Rejoignez la communauté d’Alumni VISIPLUS academy, et développez votre réseau professionnel !

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 ?