Maquettage

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.

ExempleLivrables

  • 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

MéthodeProduits 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.

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éthodeCommentaires

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.

ExempleFonctions d'indexation

  1. Le système permet aux auteurs d'ajouter des méta-données documentaires aux items

    • Typiquement : auteur, description, date de création...

  2. 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)

  3. 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...)

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éthodePage de synthèse

Maintenez à jour une synthèse de votre maquettage :

  1. 3 à 5 extraits d'histoires avec pour chaque une fonction choisie

  2. Une liste de certaines autres fonctions ou un nuage de mots-clés qui renvoient aux autres fonctions

MéthodePrésentation courte

Préparer une courte présentation de 5 minutes :

  1. titre et sujet du projet, produits visés (1 minute)

  2. 1 histoire, ses fonctions, valeurs, leviers et tensions (2 minutes)

  3. 1 autre histoire et ses fonctions (1 minute)

  4. quelques fonctions en vrac (1 minute)

ComplémentCréer un nuage de tags

Maquettage : outils et méthodes

User stories (petites histoires)

DéfinitionUser 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.

ExempleTranscription 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

Maquettage d'IHM

DéfinitionMock-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.

fr.wikipedia.org/wiki/Mock-up

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.

inkscape.org

Présentation du projet : objectifs

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
MéthodeObjectifs du projet (les sous-objectifs que le projet vise à atteindre)
  • VERBE à l'infinitif + objectif

  • VERBE à l'infinitif + objectif

  • ...

User stories (petites histoires)

DéfinitionUser 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.

ExempleTranscription 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

Maquettage d'IHM

DéfinitionMock-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.

fr.wikipedia.org/wiki/Mock-up

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.

inkscape.org

Caractérisation des fonctions

Objectif

La caractérisation d’une fonction consiste à définir tous les termes qui la composent, en qualité et quantité, afin de la préciser, de la dimensionner, de déterminer ses valeurs de service, voire d’élaborer un cahier des charges à transmettre à un concepteur technique.

ConseilQuand l’utiliser ?

C’est nécessaire dès lors qu’on veut élaborer un cahier des charges fonctionnel à partir de notre liste de fonctions (voir commentaire). On réalise alors la caractérisation complète.

Mais, en dehors de la rédaction d’un tel document, une caractérisation simplifiée accompagne utilement la recherche des fonctions. Ainsi, lorsque l’on ressent un certain flou ou un ça dépend lors de la rédaction d’une fonction, sa caractérisation nous aide à y voir clair.

Fondamental

L'objet doit permettre à [bénéficiaire] de [verbe] [environnant 1] [conjonction] [environnant 2]

Pour chaque terme on propose une définition, des quantités, des qualités, toutes autres informations utiles :

  • [Bénéficiaire] : ...

  • [Verbe] : ...

  • [Environnant 1] : ...

  • ...

MéthodeMode d’emploi

Pour la version simplifiée, on passe en revue chaque terme de la fonction à caractériser, à la fois positivement (toutes les précisions utiles, tout ce que l’on sait sur les valeurs de service, toutes les informations objectives ou subjectives servant à définir la performance à atteindre) et négativement (toutes les mauvaises interprétations possibles, qu’elles soient de bonne ou de mauvaise foi). La version simplifiée (suffisante pour accompagner la rédaction des fonctions) se contente de définir chaque terme, de le commenter pour préciser ce qu’on a en tête.

Liste des raccourcis clavier

Liste des fonctions de navigation et leurs raccourcis clavier correspondant :

  • Bloc Suivant : flèche droite, flèche bas, barre espace, page suivante, touche N
  • Bloc Précédent : flèche gauche, flèche haut, retour arrière, page précédente, touche P
  • Diapositive Suivante : touche T
  • Diapositive Précédente : touche S
  • Retour accueil : touche Début
  • Menu : touche M
  • Revenir à l'accueil : touche H
  • Fermer zoom : touche Échap.