Design d’interface : le nombre d’écrans et qui intègre, décidés avant de dessiner

Écrans et parcours à couvrir, appareils visés, charte existante ou à créer, qui reprend les fichiers ensuite.
Maquetter une application peut être six écrans ou soixante, et la différence ne s’entend pas dans la phrase. Se cachent derrière : les états vides, les erreurs, le chargement, le responsive, et la question de qui intègre après vous. Un développeur qui reprend vos fichiers n’attend pas la même livraison qu’un client qui les regarde, et cela se décide avant, pas à la remise.

C’est une proposition, pas une référence. Nous ne faisons pas votre métier : cette liste est un point de départ, à compléter, à raccourcir et à reformuler selon votre façon de travailler.

Les questions

15 questions. Maquettes, parcours, design system. Comptez 5 minutes de brief.

Le produit

Ce qu’on dessine, et jusqu’où.

  1. Qu’est-ce qu’on dessine ?

    Liste déroulante · Obligatoire

    Les réponses proposées :

    • Un site internet
    • Une application mobile
    • Une application web
    • Un logiciel métier
    • Un tableau de bord
  2. Que faut-il livrer ?

    Choix multiples · Obligatoire

    Les réponses proposées :

    • Arborescence
    • Wireframes
    • Maquettes finalisées
    • Prototype cliquable
    • Design system
    • Recherche utilisateur
  3. Combien d’écrans, à peu près ?

    Nombre · Facultatif

    Une estimation suffit. Une page qui change selon l’utilisateur compte pour un écran.

Ce qui existe déjà

Un existant à reprendre, ou une page blanche.

  1. Création ou refonte ?

    Choix unique · Obligatoire

    Les réponses proposées :

    • Création
    • Refonte d’un existant
  2. L’adresse ou le nom de l’existant

    Texte court · Facultatif

  3. Avez-vous une charte graphique ?

    Choix unique · Obligatoire

    Les réponses proposées :

    • Oui, complète
    • Un logo et des couleurs
    • Rien, elle est à créer
  4. Charte, logo, écrans actuels

    Fichier · Facultatif

    Des captures de l’existant sont utiles, même si elles ne vous plaisent plus.

Les utilisateurs

Pour qui c’est dessiné. La réponse change tout le reste.

  1. Qui s’en sert, et dans quel contexte ?

    Texte long · Obligatoire

  2. Les deux ou trois choses les plus importantes qu’on vient y faire

    Texte long · Obligatoire

    Tout le reste de l’écran est soit sur le chemin, soit en travers.

  3. Sur quels appareils ?

    Choix multiples · Facultatif

    Les réponses proposées :

    • Téléphone
    • Tablette
    • Ordinateur

Après les maquettes

Ce qui se passe une fois les écrans validés.

  1. Qui intègre ensuite ?

    Choix unique · Facultatif

    La réponse décide de ce que je vous remets à la fin.

    Les réponses proposées :

    • Un développeur de votre côté
    • Vous, si vous le proposez
    • Personne encore, c’est à voir
  2. Des interfaces que vous trouvez réussies

    Texte long · Facultatif

Pour finir

Votre délai, et tout ce qui n’entrait pas dans les questions précédentes.

  1. Délai souhaité

    Liste déroulante · Obligatoire

    Les réponses proposées :

    • Dès que possible
    • Sous 2 semaines
    • Sous 1 mois
    • Pas de contrainte
  2. Un commentaire à ajouter ?

    Texte long · Facultatif

    Une contrainte, une question, un détail auquel je dois penser.

  3. Autres fichiers à joindre

    Fichier · Facultatif

    En plus de ce qui est demandé plus haut : captures d’écran, croquis, documents. Depuis un iPhone, le format HEIC est accepté.

Les couleurs à proposer

Un client qui écrit « bleu » et un studio qui lit « bleu » ne parlent pas de la même couleur. Une liste de teintes tranche la question tout de suite.
  • Noir doux
  • Blanc
  • Gris interface
  • Indigo
  • Bleu ciel
  • Sarcelle
  • Rose
  • Jaune

Comment ça marche

  1. 1

    Vous choisissez votre métier

    À l’inscription, et les questions de cette page sont déjà dans votre compte. Vous les raccourcissez, vous les complétez, vous les reformulez : rien n’est figé.

  2. 2

    Vous envoyez un lien

    Votre client répond depuis son téléphone, quand il peut, et dépose ses fichiers. Il n’installe rien, ne crée aucun compte et ne choisit aucun mot de passe.

  3. 3

    La suite reste au même endroit

    La discussion, les relances, les tours de questions suivants, l’acompte et le solde, et la livraison des fichiers, qui peut s’ouvrir toute seule une fois le paiement encaissé.

Ce que ça coûte

Gratuit jusqu’à cinq commandes par mois, sans carte bancaire et sans limite de durée. Au-delà, une formule payante prend le relais et vous ne changez rien à votre façon de travailler.

Questions fréquentes

Que demander avant de maquetter une interface ?
La liste des écrans ou des parcours à couvrir, les appareils visés, s’il existe une charte ou un design system à respecter, qui intègre ensuite, et si les états vides, les erreurs et le chargement font partie de la commande.
Faut-il compter les états vides et les erreurs ?
Oui, et il faut le dire. Un écran de liste, c’est trois écrans : plein, vide, en erreur. Les oublier au devis puis les livrer quand même est la façon la plus courante de travailler une semaine gratuitement.

Vous pensez qu’il y a une erreur ?

Une question qui manque, une qui ne veut rien dire dans votre métier, un mot qui n’est pas le bon : écrivez-nous, on corrige.

Nous écrire à [email protected]

Ces questions vous attendent déjà

Créez votre studio, choisissez votre métier, et ce brief est là. Vous envoyez un lien, votre client répond une bonne fois, et vous suivez la suite au même endroit.

Les autres métiers