Page dédiée

Une destination stable pour un travail complexe, multi-étapes, enregistrable ou partageable.

MoyenneComplexe

Définition

Définition

Une page dédiée est une destination complète avec sa propre URL. La tâche devient l’objet principal de l’utilisateur, pas une couche par-dessus autre chose.

Problème résolu

Problème résolu

Une page dédiée laisse une tâche s’étendre : plusieurs étapes, un point de sauvegarde, un lien à partager, un endroit où revenir. Rien n’est superposé à une autre page. La tâche obtient sa propre adresse plutôt que d’être compressée dans une autre.

Quand l’utiliser

Quand l’utiliser

  • Création de projet
  • Checkout multi-étapes
  • Paramètres détaillés et onboarding

Quand ne pas l’utiliser

Quand ne pas l’utiliser

  • L’interaction est un minuscule ajustement local
  • La page actuelle reste essentielle tout au long de la tâche

Exemple

Exemple

  • Configuration de compte
  • Création de projet
  • Parcours de paiement
Voir l’exemple technique
<main>
  <nav aria-label="Breadcrumb">…</nav>
  <h1>Create a project</h1>
  <form>
    {/* multi-step or content-heavy workflow */}
  </form>
</main>

Contre-exemple

Contre-exemple

Envoyer l’utilisateur vers une page entière pour renommer un fichier est une erreur fréquente en sens inverse. La tâche tient dans un champ et un clic. Elle appartient au flux ou à un petit popover, pas derrière un chargement de page et un fil d’Ariane.

Questions à se poser

Questions à se poser

  1. Cette tâche a-t-elle besoin de plusieurs étapes pour être terminée ?
  2. L’utilisateur profiterait-il d’une URL à enregistrer, partager ou retrouver ?
  3. A-t-elle besoin de son propre espace, loin de la page qui l’a déclenchée ?
  4. Un pattern plus léger la ferait-il paraître inachevée plutôt que concentrée ?

Patterns liés