Maquettage : en résumé
Définition :
Le maquettage a pour objectif de donner à voir ce que vise la réalisation par l'intermédiaire de récits qui la mettent en scène, de schémas qui l'illustrent et de fonctions qu'elle rend.
Rappel :
Le maquettage s'articule avec la définition des produits que le projet vise à réaliser.
Attention :
La phase de maquettage peut conduire à faire évoluer la définition des produits, dans ce cas mettez à jour la présentation du projet.
Exemple : Livrables
Petites histoires
Esquisses
Fonctions
Analyses lowtechisation
Synthèse
Maquettage : en détails
Présentation du projet : produits et utilisateurs
Rappel :
Il s'agit de la première page que liront les visiteurs de votre site, elle doit être simple, claire et soignée.
Rappel : Éléments déjà présents
Titre
Sous-titre
Illustration
Objectifs
Méthode : Produits et utilisateurs
Produits du projet (les éléments concrets que le projet vise à réaliser) :
...
Utilisateurs des produits
...
Petites histoires
Méthode :
Décrire comment on utilise les produits du projet :
petites histoires,
et/ou bandes dessinées.
Attention :
Réaliser des bandes dessinées est plus chronophage...
Méthode :
Mettre en exergue les valeurs de la lowtechisation : convivialité, responsabilité et soutenabilité.
Mettre en exergue les leviers de la lowtechisation : optimisation, imagination, alerte.
Mettre en exergue les tensions internes et externes.
Complément :
Esquisses : Aperçu des produits
Méthode :
Donner à voir le produit lui-même par un schéma, un dessin, une photo :
maquettes d'IHM (logiciel),
schémas (matériel).
Complément :
Expression fonctionnelle
Objectif
Lister les principales fonctions que remplira le produit.
Fondamental :
Le système permet à <acteur> de <action> [sur <objet>]
Méthode : Commentaires
On peut ajouter quelques commentaires à la description formelle des fonctions, pour aider à leur compréhension ou leur délimitation.
Ces commentaires pourront être structurés et approfondis par une phase ultérieur plus formelle de caractérisation des fonctions.
Exemple : Fonctions d'indexation
Le système permet aux auteurs d'ajouter des méta-données documentaires aux items
Typiquement : auteur, description, date de création...
Le système permet aux bibliothécaires d'ajouter des méta-données documentaires complémentaires, ou de modifier les méta-données fournies par l'auteur
après la publication du document (rôle de documentaliste)
sans modifier le contenu du document (accès en écriture aux méta-données seulement, ou à un item de méta-données spécifique)
Le système propose des aides à la saisie des méta-données
profil de remplissage
valeurs par défaut
extraction du système (date, utilisateur qui a édité le document...)
Complément :
Exemple de maquettage
Histoire
La coopérative fabrique et commercialise des chaînes de vélo pour tous types de systèmes mécaniques à effort (machine à laver, home-dynamo...) . Xavier, chargé de communication, pense que modéliser leur produit phare avec EcoCAD permettrait de lui donner plus de visibilité. Il propose à Sabrina, ingénieure, de modéliser et publier leur pièce phare sur EcoCAD. Elle ajoute également un exemple de montage pour une machine à laver à pédales. Cela fait gagner de la visibilité à l'entreprise, en plus de simplifier l'appropriation technique par les citoyens.
Fonctions
Le système permet aux entreprises de partager des modélisations 3D de leurs produits, ce qui leur donne de la visibilité et facilite leur diffusion.
Le système permet aux entreprises de publier des montages de certains produits, afin de montrer comment ils peuvent être mobilisés, notamment dans des projets low-tech.
Valeurs
Soutenabilité / Habitabilité : L'approche favorise les machines mécaniques à énergie musculaire.
Convivialité / Partage : L'approche permet de développer la collaboration entre usagers et entreprises.
Convivialité / Autonomie : L'approche favorise les objets sans électricité (résilience), et le DIY (fabriquer, modifier et réparer soi-même).
Leviers
Imaginer / Communs : L'approche impose de rechercher des modes de fonctionnement économique alternatifs.
Alerter / Préfiguration : L'approche fait la démonstration de la faisabilité de l'appropriation citoyenne de la conception et de la fabrication.
Tensions
Tension interne Convivialité-Soutenabilité-Alerte : Les chaînes fabriquées par les utilisateurs finaux seront moins qualitatives que celles de la coopérative, avec les risques suivants :
gaspillage de matière et d'énergie à la fabrication, rebut... (soutenabilité/soutenabilité) ;
difficulté à l'usage (soutenabilité/convivialité) ;
mauvaise image de la solution (soutenabilité/alerte).
Tension externe Soutenabilité-Croissance : Le financement de la coopérative repose notamment sur la vente de chaînes de vélo ; celle-ci pourrait décroître si les citoyens auto-produisent ou que d'autres structures réutilisent leur modèle.
CC BY-SA Lola Nézot, Amélie Pasztor, Marilou Schwartz, Théo Ferreira, Jean-Baptiste le Floch, Matthieu Bricogne, Stéphane Crozat
Synthèse
Rappel :
À la lumière du maquettage réalisé, les produits du projet (voire les objectifs, le sujet, le titre...) peuvent avoir évolué : les reformuler si besoin.
Compléter les une ou deux idées phares sur la page de présentation de votre projet.
Méthode : Page de synthèse
Maintenez à jour une synthèse de votre maquettage :
3 à 5 extraits d'histoires avec pour chaque une fonction choisie
Une liste de certaines autres fonctions ou un nuage de mots-clés qui renvoient aux autres fonctions
Méthode : Présentation courte
Préparer une courte présentation de 5 minutes :
titre et sujet du projet, produits visés (1 minute)
1 histoire, ses fonctions, valeurs, leviers et tensions (2 minutes)
1 autre histoire et ses fonctions (1 minute)
quelques fonctions en vrac (1 minute)
Complément : Créer un nuage de tags
Maquettage : outils et méthodes
User stories (petites histoires)
Définition : User stories (petites histoires)
Il s'agit de raconter en petites histoires d'une dizaine de lignes environ, les principaux scénarios d'utilisation illustrant l'usage du système visé.
Ces histoires permettent d'avoir un fil conducteur mental pour visualiser les fonctions pertinentes. Elles doivent être rédigées (correctement !) et ne pas se réduire à un simple schéma ou des listes à puce. C'est le fait d'écrire qui permet de penser au scénario dans son déroulement temporel, de penser la cohérence des actions et processus dans leur agencement et succession.
Exemple : Transcription d'une vidéo
Valérie est en charge de la transcription et de la synchronisation de la collection des 8 entretiens de metteurs en scène. Cette opération préalable à la mise en ligne d'un entretien est longue et fastidieuse. Elle compte ainsi profiter des nouveaux outils pour accélérer cette étape de traitement. Elle est averti de la mise à disposition de l'entretien de Roger Planchon pour l'étape de transcription/synchronisation. Elle consulte alors le document et peut commencer à taper au kilomètre le texte brut. Valérie peut ajouter quelques éléments de typage (important) dans le corps de son texte. A chaque frappe, le player vidéo se met en pause et reprend, une fois la frappe terminée, quelques secondes auparavant. Cette méthode de saisie est très appréciée par Valérie qui peut ainsi écouter un fragment puis taper le texte sans avoir à mettre constamment en play/pause le curseur vidéo, ni à revenir avec la barre de navigation.
(par Ludovic Gaillard, INA, projet C2M, http://www.utc.fr/ics/c2m)
Bande-dessinées
gknd generator
Maquettage d'IHM
Définition : Mock-up
En informatique, le terme mock-up désigne un prototype d'interface utilisateur. Un mock-up a ainsi pour rôle de présenter les idées sur l'utilisation d'un logiciel.
Exemple :
Conseil :
Avec un papier et un crayon on s'en sort pas mal...
Méthode :
Inkscape est un outil générique de dessins vectoriel ; c'est un logiciel libre et le format SVG manipulé est standard, facilement modifiable et directement publiable sur le Web.