Moteur et API
Concevoir les templates et l’interface responsive
Créez des interfaces distinctes pour l’administration et le client avec zones, permissions, mobile et thème cohérents.
Vue d’ensemble du guide
Avant de commencer
- Les modules nécessaires sont listés par rôle.
- Les largeurs desktop et mobile cibles sont connues.
- Un thème de base existe.
Résultat attendu
Le même produit utilise un builder efficace en administration et une interface client simple et accessible sur chaque écran.
Séparer les rôles avant le placement
Le template d’administration peut exposer vues, éléments, drawing areas, variations, diagnostics et état. Le template client ne contient que les actions nécessaires à la personnalisation et à l’achat.
Les permissions définissent ce qu’un rôle peut faire ; le placement définit où l’action autorisée apparaît. Configurez les deux.
Lister les actions par rôle.
Régler les permissions.
Activer les modules correspondants.
Sauvegarder deux templates distincts.
Placer les modules selon le parcours
Utilisez des zones stables pour navigation principale, outils contextuels, changement de vue et portails temporaires. Les actions fréquentes doivent rester accessibles sans ouvrir plusieurs panneaux.
Icônes, libellés, pagination et tooltips doivent rester lisibles quand une traduction s’allonge.
Placer navigation et vues.
Configurer les outils contextuels.
Définir libellés et icônes.
Prévisualiser des textes longs.
Valider le responsive
Sur écran étroit, le canvas garde une zone utile tandis que les modules deviennent drawers, bottom sheets ou panneaux scrollables. Le plein écran doit contraindre sa hauteur pour rendre les modules inférieurs accessibles.
Testez tactile, clavier, safe areas, zoom navigateur et changement d’orientation.
Prévisualiser desktop, tablette et téléphone.
Ouvrir chaque module.
Tester plein écran et mode intégré.
Vérifier l’absence de chevauchement.