Formation sur le maquettage d'application
📢 Bonjour à tous et à toutes ❗
- 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*
🎓 Afin de débuter la Formation sur le maquettage d’application ensemble, vous aurez besoin de suivre les instructions du 📚support et/ou de récupérer les éléments de la apsule donnés par le formateur le jour de la formation ❗
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 😌