Vous souhaitez suivre cette formation ?

Contactez-nous ! Un expert vous recontactera dans les plus brefs délais.

Les 4 derniers articles du blog

Comment élaborer un plan de formation performant dans une ESN en 2025 ?

Découvrez les étapes essentielles et les bonnes pratiques pour construire un plan de formation efficace et adapté aux enjeux des ESN en 2025.

Allan Busi

30 juin 202413 min

Quel est l’impact du télétravail sur les PME en 2025 ?

Découvrez comment le télétravail transforme les PME en 2025 : performance, organisation, bien-être au travail, cybersécurité et défis RH.

Allan Busi

30 juin 202412 min

Comment référencer ses formations sur le CPF en 2025 : Guide pratique et étapes clés

Ce guide détaille étape par étape la procédure pour référencer ses formations professionnelles sur le Compte Personnel de Formation (CPF) en 2025, avec conseils d’experts, exigences Qualiopi et astuces pratiques.

Allan Busi

2 juil. 202416 min

Guide pratique 2025 : Comment réussir sa formation certifiante RNCP ?

Découvrez toutes les étapes clés, conseils, critères et avantages pour réussir une formation certifiante RNCP en 2025. Ce guide pratique vous accompagne de la sélection à la valorisation de votre certification professionnelle.

Allan Busi

30 juin 202415 min

Voir tous les articles

Objectifs de la formation

Comprendre le rôle et l’importance du wireframe dans la chaîne de conception d’un site web

Identifier les différents types de wireframes (low-fi, high-fi) et leurs usages

Appliquer une méthodologie structurée pour la création de wireframes adaptés aux besoins des utilisateurs

Utiliser des outils professionnels pour réaliser et faire évoluer des wireframes

Collaborer efficacement avec les parties prenantes autour des maquettes filaires

Programme

Jour 1Fondamentaux du wireframing et cadrage du projet digital

• Présentation du wireframe dans la démarche UX
• Types et normes des wireframes : wireframe papier, numériques, low-fi et high-fi
• Étude des objectifs et des périmètres d’application
• Introduction au zoning et structures de pages courantes
• Exercices : analyse de wireframes existants, identification des composants fondamentaux

Jour 2Techniques et outils de création de wireframes

• Présentation des outils (Balsamiq, Figma, Adobe XD, Sketch, etc.)
• Bonnes pratiques pour organiser son travail (grilles, gabarits, éléments réutilisables)
• Création de wireframes low-fi en réponse à un brief client
• Méthodologie collaborative : annotations, commentaires, retours en équipe
• Cas pratique : création d’un wireframe d’une page d’accueil responsive

Jour 3Perfectionnement, tests utilisateurs et communication de wireframes

• Passage du low-fi au high-fi et intégration de l'accessibilité
• Préparer un wireframe pour la validation client
• Simulation de tests utilisateurs : recueillir et exploiter le feedback
• Conduite de réunion de présentation de maquettes filaires avec parties prenantes
• Atelier final : réalisation complète d’un wireframe pour un site multipages, présentation orale

Méthode d'évaluation

Ateliers pratiques avec restitution collective
QCM d’acquisition des notions clés en fin de parcours
Présentation d’un projet fil conducteur

Méthode d'apprentissage

Exposés illustrés d’exemples professionnels
Mises en situation sur cas réels
Échanges collectifs et retours personnalisés
Support complet et modèles fournis

Chargement en cours...

Vous souhaitez suivre cette formation ?

Les 4 derniers articles du blog

Comment élaborer un plan de formation performant dans une ESN en 2025 ?

Quel est l’impact du télétravail sur les PME en 2025 ?

Comment référencer ses formations sur le CPF en 2025 : Guide pratique et étapes clés

Guide pratique 2025 : Comment réussir sa formation certifiante RNCP ?

Maîtriser la conception de Wireframes pour sites web modernes : de l’idée à la maquette

Objectifs de la formation

Programme

Méthode d'évaluation

Méthode d'apprentissage

Ces formations pourraient vous plaire

Maîtriser Framer – Prototypage interactif et design d’interface

Maîtriser la conception de Wireframes pour des interfaces utilisateur efficaces

Test Utilisateur : Optimisation de l’Expérience Utilisateur pour vos Produits Digitaux

Maîtriser la création de maquettes professionnelles avec Figma : De l’initiation à l’autonomie