Refonte graphique — lot 8

Les fenêtres de saisie

Huit fenêtres existent aujourd'hui, chacune avec sa largeur, son placement de boutons et sa façon d'afficher les erreurs. Voici leur anatomie commune, puis les quatre plus structurantes.

01

Anatomie commune

Le titre dit l'action

Une ligne de contexte quand elle est utile.

Le corps. Un seul objectif.

Ce que l'action va provoquer.

Les trois largeurs

  • 480 px

    confirmation, choix court

  • 640 px

    formulaire

  • 900 px

    tableau, import

Fermer une saisie commencée

Croix, Échap et clic sur le voile ferment toujours — sauf si quelque chose a été saisi. Dans ce cas, une confirmation courte : « Abandonner la saisie ? » Perdre son travail d'un clic à côté est la faute la plus vexante d'une modale.

02 · 640 px

Créer un contact

Le formulaire le plus utilisé. La détection de doublon se fait pendant la frappe, pas au moment de valider — signaler un doublon après que tout a été saisi est une insulte polie.

Créer un contact

Il apparaîtra dans votre portefeuille comme piste.

Type de contact

Un seul champ : les noms collectifs et les raisons sociales ne se découpent pas.

Ce numéro existe déjà

M. et Mme Petit

Prospect · Balma · suivi par Sophie M.

Ouvrir la fiche

Vous pouvez tout de même créer ce contact s'il s'agit d'une personne différente.

Champs de votre organisation

« Créer et enchaîner » garde la fenêtre ouverte pour la saisie suivante.

03 · 480 px

Passage d'étape au kanban

S'ouvre quand on fait glisser une carte vers une étape qui demande une information. Elle capture au moment où l'on sait — le montant à la vente, le motif à la perte — plutôt que de compter sur une saisie ultérieure qui n'arrive jamais.

Marquer ce projet vendu

Toiture photovoltaïque 9 kWc · SCI Roquette

Repris du devis accepté DEV-0149. Corrigez si le montant signé diffère.

Démarrer le suivi de chantier

Facultatif — vous pourrez le faire plus tard depuis la fiche.

Le chantier apparaîtra dans l'espace client.

Marquer ce projet perdu

Menuiseries PVC · Villa Sesquières

Pourquoi ? *

Le motif alimente l'analyse « pourquoi on perd ».

Le bouton d'une clôture sans gain est gris foncé, pas rouge : perdre une affaire est une issue normale du métier, pas une destruction de données. Le rouge reste réservé à ce qui efface.

04 · 900 px

Importer un fichier

La fenêtre la plus complexe, partagée entre le catalogue et les contacts. Trois étapes, et surtout : l'aperçu montre ce qui va se passer ligne par ligne avant de lancer quoi que ce soit.

Importer des contacts

contacts-2026.csv · 248 lignes détectées

Fichier
Colonnes
3
Vérification

À créer

231

Doublons détectés

14

Lignes ignorées

3

Que faire des 14 doublons ?

Ligne Du fichier Existe déjà Action
12

Garage Central 31

05 61 22 40 10

Garage Central 31

même téléphone

Ignorée
47

SCI Roquette

contact@sci-roquette.fr

SCI Roquette

même email

Ignorée

3 lignes seront ignorées

  • Lignes 88, 142 — aucun nom renseigné
  • Ligne 203 — ligne vide

L'import se poursuit en arrière-plan — vous pouvez fermer cette fenêtre.

05 · 480 px

Confirmer une action destructive

Deux niveaux. Le rouge est réservé à ce qui efface — pas à ce qui clôt une affaire.

Archiver ce contact

M. et Mme Petit sortira de votre portefeuille actif. Ses projets et son historique sont conservés, et vous pourrez le réactiver à tout moment depuis le filtre « Archivés ».

Supprimer ce statut

Cette action est définitive.

Le statut « En attente retour » est porté par 9 projets. Ils resteront visibles mais afficheront un statut orphelin en gris, jusqu'à leur réaffectation.

La saisie de confirmation ne se justifie que si l'action est irréversible ET affecte d'autres données. L'exiger partout apprend à la taper sans lire.

Référence de maquette — à ne pas porter

D'où vient chaque bloc

Existe

  • Les 8 fenêtres : champ personnalisé, invitation, statut, produit, issue de devis, import, passage d'étape, tâche
  • Création de contact et de projet en fenêtre
  • Import en 3 étapes : fichier, correspondance des colonnes, aperçu — avec détection de doublon multi-clés et lien vers la fiche existante
  • Capture au drop kanban : montant HT/TTC, échéance, motif, famille de suivi
  • Motifs de clôture configurés (R-23) et d'issue de devis (R-44)
  • Import asynchrone en arrière-plan

Réorganisation

  • Anatomie et trois largeurs communes aux 8 fenêtres
  • Conséquence écrite sous le bouton principal
  • Bouton principal = verbe du titre, jamais « OK »
  • Clôture sans gain en gris foncé ; rouge réservé à ce qui efface
  • Import : « à créer / doublons / ignorées » en trois chiffres avant de lancer

À créer

  • Détection de doublon pendant la frappe à la création d'un contact — elle n'existe qu'à l'import. Signaler après la saisie complète est trop tard.
  • Confirmation avant fermeture d'une saisie commencée — aujourd'hui un clic sur le voile perd tout.
  • « Créer et enchaîner » — saisir dix contacts après un salon demande dix ouvertures de fenêtre.
  • Choix sur les doublons à l'import (ignorer / mettre à jour / créer quand même) — seul « ignorer » existe.
  • Motif des lignes ignorées à l'import.

Lecture rapide — deux ajouts se rentabilisent seuls : la détection de doublon pendant la frappe (l'index existe déjà pour l'import, il suffit de l'interroger au fil de la saisie) et « créer et enchaîner », qui change la vie au retour d'un salon. Le reste est de la mise en cohérence.