📢 Bonjour à tous et à toutes ❗

Au programme de cette formation sur le maquettage d'application :
  • Définitions
  • Dans quel cadre
  • Quand procéder au maquettage d’une application
  • Enchainement des écrans
  • Les étapes clefs pour un maquettage d’une app réussi
  • Le Maquettage Numérique
  • Les différents logiciels pour réaliser des maquettes numériques

Maquettage papier

En interface homme-machine et en ergonomie informatique, le maquettage papier (ou prototypage) est une technique encore très utilisée dans la conception centrée sur l’utilisateur. Cette technique aide les parties prenantes d’un projet (concepteurs, développeurs, commerciaux, etc.) à concevoir un logiciel ou un site web qui répondent aux attentes et besoins des utilisateurs finaux. Il s’agit le plus souvent des premières idées brutes jetées sur le papier, faites d’esquisses et de dessins, représentant l’agencement et les zones de contenus (ou zoning). On parlera également de maquette fil de fer ou wireframe.

Maquette numérique

Une maquette numérique est une représentation géométrique d’un objet ou ensemble d’objets (véhicule, bâtiment…), généralement en 3D, réalisée sur ordinateur de façon à l’analyser, le contrôler et en simuler certains comportements. Elle sert à concevoir et/ou représenter (en image de synthèse fixe ou en simulation dynamique) un projet ou un objet. Celui-ci peut être à construire ou déjà construit.

Prototypage logiciel

Le prototypage logiciel (ou « software prototyping » en anglais) désigne l’ensemble des activités de création de prototypes pour les logiciels, c’est-à-dire des versions incomplètes du programme en cours de développement. Cette activité est donc assez proche de la création et la validation de prototypes, telle qu’on la pratique dans l’industrie.

Wireframe (design)

Le wireframe ou maquette fonctionnelle est un schéma utilisé lors de la conception d’une interface utilisateur pour définir les zones et composants qu’elle doit contenir. À partir d’un wireframe peut être réalisée l’interface proprement dite par un graphiste. La démarche de recourir à des wireframes s’inscrit dans une recherche d’ergonomie. Elle est surtout utilisée dans le cadre du développement logiciel et des sites et applications Web. Le wireframe consiste concrètement en un croquis, un collage papier ou un schéma numérique. Wikipedia

Paramétrons notre environnement de développement afin de pouvoir démarrer la formation :

TODO 🎢:

  • 👉 Venir avec *papiers* et *crayons*

Merci de garder pour vous les ressources que vous y trouverez et de ne pas les diffuser 😏
Merci de m’avertir de toute erreur ou coquille qui m’auraient échapées 😍

©️ 🚫 Do not distribute 😌