Projet Pédagogique InnoKick

Ce document a été rédigé à l'aide de Gemini pour des corrections, reformulations, synthèses, et inspirations. Google. (2025). Gemini (version gemini-2.5-pro-preview-05-06).

Projet Pédagogique – Module de Différenciation Métier : Conception et Animation d'un Atelier de Wireframing pour l'Innovation

Introduction

Dans le cadre du Module de Différenciation Métier (MDM) du Master Innokick, j'ai conçu et animé un projet pédagogique centré sur l'enseignement du wireframing. Cette compétence, essentielle dans les processus d'innovation pour accélérer le développement de produits et faciliter la communication d'idées, m'apparaissait cruciale à partager. L'objectif de ce projet était double : transmettre des savoir-faire pratiques aux participants et, pour ma part, développer et démontrer des compétences clés du référentiel Innokick, notamment en matière de pédagogie, de communication (A6), d'accompagnement à la génération de solutions créatives (C3), de synthèse d'information et d'adaptation à un public interdisciplinaire (A2). Ce rapport détaille la justification, la conception, le déroulement, les résultats et l'analyse réflexive de cet atelier de wireframing, spécifiquement la version dispensée aux étudiants d'Innokick.

1. Justification et Objectifs du Projet Pédagogique

Le wireframing est une méthode agile permettant de visualiser et tester rapidement des concepts de produits ou services, en se concentrant sur la structure et les parcours utilisateurs avant d'investir dans un design détaillé. Dans un contexte d'innovation et de startup, où les itérations rapides sont clés, maîtriser le wireframing permet d'accélérer les processus de développement, de recueillir des feedbacks pertinents et de réduire les risques. Cette démarche s'inscrit parfaitement dans les phases d'Idéation et de Prototypage du cycle de Design Thinking promu par Innokick.

Fort de mon expérience pratique en wireframing, notamment acquise chez Kiwibot, j'ai identifié un besoin chez les porteurs de projet de disposer d'outils simples et efficaces pour matérialiser leurs idées.

• Objectifs d'apprentissage pour les participants :
  • Comprendre les principes et l'utilité du wireframing.
  • S'initier à un outil de wireframing rapide (Excalidraw).
  • Être capable de créer des premiers wireframes pour leurs propres projets.
  • Développer une approche critique et itérative de leurs concepts.

• Mes objectifs de développement personnel (Innokick) :
  • Mettre en œuvre une démarche pédagogique active et engageante.
  • Démontrer ma capacité à transmettre un savoir technique de manière claire et structurée (Compétence Innokick A6 : Communiquer de manière efficace).
  • Accompagner les étudiants dans la phase créative et la formalisation de leurs idées (Compétence Innokick C3 : Générer des idées et inventer des solutions créatives... en accompagnant les différents acteurs).
  • Adapter mon enseignement aux besoins et retours des participants (Processus réflexif).
  • Développer ma capacité à synthétiser des informations complexes et à les rendre accessibles à un public interdisciplinaire (Compétence Innokick A2 : Anticiper et gérer les divergences [...] en intégrant les préconceptions, les besoins et les enjeux des différents acteurs).
  • Améliorer ma gestion de groupe et ma capacité à animer des sessions interactives avec des profils variés.

2. Conception et Préparation de l'Atelier (Mobilisation des ressources)

Ayant déjà eu l'opportunité de dispenser des formations sur le wireframing, notamment à l'École Hôtelière de Lausanne (EHL) en tant que professeur invité, puis à TeamAcademy, j'ai pu affiner progressivement le contenu et la méthode. Chaque session a été une occasion d'apprentissage, me permettant d'arriver à une version V3, plus structurée et ciblée pour l'atelier Innokick. Ce processus itératif s'est nourri des retours directs des participants et de l'observation de leurs besoins. Par exemple, ayant constaté lors des premiers ateliers une certaine difficulté des étudiants à initier leur premier écran, j'ai adapté la session Innokick en augmentant le nombre de démonstrations en direct (passant d'une à trois démonstrations) pour mieux illustrer les concepts initiaux.

De plus, l'observation des formations dispensées par mes camarades à Innokick, notamment leur approche d'intégrer une introduction théorique plus substantielle en amont de la pratique, m'a incité à enrichir ma propre introduction. Pour l'atelier Innokick, j'ai donc étoffé cette partie en établissant des parallèles entre le wireframing et d'autres disciplines (cinéma, architecture, design industriel), afin de mieux ancrer la méthode dans un contexte plus large.

La structure de l'atelier Innokick (V3) a été pensée pour allier théorie, démonstration et pratique intensive, avec le déroulement suivant :

• Introduction théorique et posture académique (15 min) : La session a commencé par une définition du wireframing et une explication de son importance cruciale. Il s'agissait de faire
  comprendre que cette méthode permet de rapidement communiquer une idée, afin de prendre des retours rapides des partenaires et des clients. L'objectif était de montrer comment cela réduit les barrières à la visualisation de l'idée et permet d'itérer très rapidement. Pour enrichir cette introduction et adopter une posture académique, une
  perspective historique et transdisciplinaire a été présentée. Il était important de montrer que le wireframing, même s'il est moderne, est une technique qui peut être retracée bien longtemps en arrière. Des exemples concrets ont été utilisés : les architectes d'antan utilisaient des croquis pour illustrer leurs idées sans rentrer dans les détails de couleurs ou de mobilier ; les cinéastes s'appuient sur des wireframes pour mettre en place des storyboards et illustrer leurs visions ; et les designers industriels utilisent les croquis pour réaliser une première version de leurs idées, sans chercher une fidélité excessive qui pourrait les perdre dans les détails.
  

• Démonstration pratique (15 min) : Exemple personnel de succès avec le wireframing chez Kiwibot. Wireframing en direct à partir des idées de trois étudiants pour montrer la rapidité et l'accessibilité de la méthode, en se concentrant sur les parcours clés.

• Exercice pratique individuel (30 min) : Utilisation de l'outil Excalidraw. Accompagnement et guidage individualisé.

• Présentations étudiantes et feedback constructif (30-40 min) : Trois étudiants volontaires présentent leurs travaux. Discussion collective et conseils ciblés, par exemple en encourageant une étudiante à repenser l'ergonomie de son écran d'accueil pour éviter la friction. Renforcement positif par des applaudissements et une petite attention (biscuits).

• Étude de cas – Leçon apprise (10 min) : Partage de mon expérience chez Google, illustrant l'importance de la communication avec les parties prenantes au-delà de la perfection technique des wireframes.

• Conclusion et recueil de feedback (5-10 min) : Questions/réponses, partage de contact, QR code pour feedback anonyme.

Ressources mobilisées : L'outil en ligne Excalidraw a été choisi pour sa simplicité et son accessibilité. Mes expériences professionnelles chez Kiwibot (où la rapidité d'exécution primait) et Google (où la définition initiale d'une fonctionnalité commençait par un simple croquis) ont constitué des ressources pédagogiques clés. La méthode pédagogique s'est appuyée sur l'alternance théorie/pratique, la démonstration live, l'apprentissage par l'action, et le feedback individualisé.

3. Mise en Place et Déroulement de l'Action (Atelier Innokick)

L'atelier Innokick présentait des enjeux spécifiques liés à la taille plus réduite du groupe (5 étudiants contre une vingtaine lors des sessions précédentes). Cela a permis une interaction plus personnalisée et un accompagnement individualisé plus poussé.

Le cours à Innokick a débuté par une introduction visant à établir une posture académique tout en restant accessible. Pour créer une atmosphère détendue dès le départ, j'ai pris le temps de discuter avec les étudiants à mesure qu'ils arrivaient. La phase de démonstration en direct, en utilisant les idées des étudiants, a suscité un vif intérêt et a permis de dédramatiser l'exercice. Durant la phase de pratique individuelle, j'ai circulé activement pour répondre aux questions et guider chaque participant.

Un défi notable a été l'hétérogénéité des profils au sein du groupe (designers vs. économistes). Par exemple, un étudiant en économie a eu initialement des difficultés à se concentrer sur les flux utilisateurs principaux. Fort d'une expérience similaire à l'EHL, où un retour critique soulignait un manque d'attention envers les étudiants en difficulté, j'ai consciemment alloué plus de temps et d'accompagnement individualisé à cet étudiant, ainsi qu'à d'autres qui en manifestaient le besoin, afin de s'assurer que personne ne soit laissé pour compte et que chacun puisse progresser. Les présentations finales ont été un moment d'échange constructif, où les étudiants ont pu recevoir des retours valorisants et des pistes d'amélioration.

4. Résultats Attendus et Réalisés

L'atelier visait à ce que les étudiants comprennent l'intérêt du wireframing, s'approprient un outil simple et produisent une première ébauche pour leurs projets. Les résultats observés ont été très positifs :

• Engagement et Participation : Les étudiants se sont montrés actifs, tant durant la phase pratique que lors des présentations et des discussions.

• Production : Tous les étudiants ont pu repartir avec au moins 2-3 écrans clés de leur application wireframée, démontrant une compréhension rapide de la méthode et de l'outil.

• Feedback des participants : Le retour a été unanimement positif. Afin d'améliorer continuellement mes interventions, j'ai sollicité un retour anonyme des étudiants à la fin du cours, via un QR code affiché à l'écran. 100% des étudiants se sont déclarés satisfaits. Les commentaires qualitatifs soulignent la clarté, l'aspect pratique, l'utilité des conseils et l'ambiance motivante :
  • "Le cours était fluide, bien structuré et une belle partie de "practice" ce qui est très cool."
  • "Cours très instructif et les éléments amenés seront très utiles par la suite !"
  • "Explication très claire, on a appris à wireframer en à peine 10 minutes, avec des consignes claires et un but précis. Merci beaucoup !!"
  • "Très bon retour des exercices, conseil pertinent"
  • "J'ai trouvé top! Je trouve que tu es un très bon prof! Tu donnes envie d'écouter ton cours et d'essayer de faire ce que tu nous proposes. Le site est top et hyper intuitif, ça donne envie d'avoir une suite à ce qu'on doit faire après le Wireframing."

• Ces résultats indiquent que les objectifs d'apprentissage pour les participants ont été largement atteints. J'ai également constaté avec satisfaction que le wireframing, une compétence acquise par la pratique dans des environnements tech dynamiques comme la Silicon Valley, est moins répandue chez les étudiants en Suisse. Ce projet a donc permis de partager un savoir-faire unique et pertinent.

Un point d'ajustement concerne la gestion du temps : ayant planifié l'atelier sur 2 heures en me basant sur des groupes plus larges, la session avec 5 étudiants s'est conclue en 1h40. C'est un apprentissage pour les futures itérations.

5. Processus Réflexif et Apprentissages

Cette expérience pédagogique a été riche en enseignements :

• Sur le plan technique du contenu : Le choix d'Excalidraw s'est avéré judicieux. Mon intention était que l'outil et ses fonctionnalités restent en arrière-plan, afin de laisser toute la place à l'exécution rapide de l'idée. L'introduction historique et les parallèles avec d'autres disciplines ont bien fonctionné pour contextualiser la démarche.

• Sur le plan pédagogique/didactique : La structure "introduction -> démonstration live -> pratique accompagnée -> présentations/feedback -> étude de cas" a été particulièrement efficace. L'étude de cas de mon expérience chez Google a marqué les esprits. L'évolution du cours sur plusieurs itérations et l'adaptation de mon approche pour accorder plus d'attention aux étudiants en difficulté, suite à un feedback antérieur, sont des manifestations concrètes de cet apprentissage continu.

• Sur le plan relationnel : Créer une atmosphère bienveillante et participative était un de mes objectifs. La prise de contact informelle avant le début du cours a contribué à cette dynamique positive.

• Lien avec mes compétences Innokick : Ma progression dans la capacité à synthétiser l'information et à l'adapter à un groupe interdisciplinaire s'est confirmée au fil de ces trois ateliers. Ce projet m'a permis de travailler les compétences Innokick A6 (Communiquer de manière efficace), C3 (Générer des idées et inventer des solutions créatives... en accompagnant les différents acteurs), et A2 (Anticiper et gérer les divergences [...] en intégrant les préconceptions, les besoins et les enjeux des différents acteurs).

Pistes d'amélioration et perspectives futures :

Cette expérience, bien que très positive, ouvre des pistes pour de futures améliorations :

• Pertinence des exemples : Bien que mes expériences chez Kiwibot et Google soient formatrices, elles peuvent paraître éloignées des réalités de certains étudiants. À l'avenir, intégrer des exemples plus "humbles" et directement applicables à des projets de type PME ou entrepreneuriaux pourrait améliorer la résonance du contenu. Par exemple, montrer comment un wireframe peut aider un étudiant avec un projet de PME de vêtements à créer un croquis pour qu'une IA code ensuite son application.

• Capitalisation des apprentissages : Pour aider les étudiants à mieux retenir et réutiliser les acquis, je pourrais développer un "playbook" des erreurs ou des patterns typiques observés, ou encore synthétiser les points clés du cours dans un support post-atelier (article de blog, PDF court).

• Gestion du temps pour petits groupes : Ajuster la durée prévue pour les ateliers avec des effectifs réduits.

6. Conclusion

L'organisation de cet atelier de wireframing dans le cadre du MDM Innokick a été une expérience très positive et formatrice, tant pour les participants que pour moi-même. Elle a permis aux étudiants d'acquérir rapidement une compétence pratique directement applicable à leurs projets d'innovation. Pour ma part, ce projet pédagogique m'a offert l'opportunité de structurer et de partager mon savoir, d'affiner mes techniques d'animation et de communication, et de mettre en pratique une démarche réflexive continue. Les retours unanimes des étudiants confirment la pertinence et la qualité de l'intervention. Ce projet contribue significativement à mon portfolio de compétences Innokick, en particulier dans la démonstration de capacités de transmission, d'accompagnement, d'adaptation et de réflexion critique continue.

Voici le PDF du cours :