
Dans cet article de blog, nous aimerions vous présenter les nouvelles mises à jour de l'interface utilisateur disponibles dans KBMax version 3.3. Dans les prochains articles de blog, nous couvrirons les autres améliorations : le langage de programmation Snap amélioré et l'infrastructure back-end, ainsi que les nouvelles fonctionnalités de nos scènes 3D.
Alors, quoi de neuf avec notre interface utilisateur ?
Notre nouvelle fonctionnalité de skins
KBMax CPQ Cloud is no stranger to modern web design. Since the beginning, our user interface has been based on Responsive Design, which lets you create one design for both desktop and mobile screens. In this release, we’ve taken our commitment to deliver the best possible user experience even deeper: we’ve implemented Material Design.
Qu'est-ce que la conception matérielle? En un mot, Material Design est un nouveau standard de présentation des données qui en facilite l'utilisation. Des appareils mobiles aux écrans tactiles, Material Design vous fournit les informations dont vous avez besoin, puis s'efface.
A partir de maintenant, nos clients ont le choix de rester dans notre peau "classique", ou de passer au nouveau design des matériaux. Toutes les fonctionnalités répertoriées ici fonctionnent dans les deux skins. Et vous pouvez toujours passer de l'un à l'autre et inversement.
Nos nouveaux contrôles de disposition de l'interface utilisateur
Auparavant, le flux des champs de votre configurateur était simple : les champs étaient toujours lus de haut en bas, un champ à la fois, dans une grande bande. C'est idéal pour les petits écrans et les questions simples, mais vous en avez demandé plus : la possibilité de créer des formulaires complexes. Vous disposez maintenant d'un large éventail d'outils pour créer votre interface utilisateur.
Grâce au nouveau GrilleLigne et Contrôles GridColumn, vous pouvez désormais afficher les champs côte à côte. Prénom et nom? Ville, état et code postal ? Ce que votre utilisateur attend ensemble peut désormais être affiché ensemble, sur la même ligne :
Vous pouvez également organiser de nombreux champs dans une structure visuelle facile à comprendre :
Le nouveau Languette control vous aide à regrouper vos champs afin que vos utilisateurs les voient comme des options égales. Vous pouvez même avoir des onglets imbriqués (comme on le voit dans l'onglet « Windows » dans l'exemple ci-dessous).
Si le nouveau contrôle Onglet développe et réduit les informations horizontalement, le nouveau contrôle Expandeur et Accordéon les commandes font de même verticalement. L'Expander et l'Accordion sont tous deux d'excellents outils pour le public des appareils mobiles, car ils offrent aux visiteurs sur petit écran un contrôle facile avec de grandes cibles tactiles.
le Expandeur peut exprimer des informations hiérarchiques : les utilisateurs peuvent « explorer » dans un groupe spécifique de détails dans un seul expandeur d'un simple clic, puis cliquer à nouveau pour réduire cette section. | Regroupez un certain nombre d'extenseurs dans un Accordéon: un seul expandeur peut être ouvert à la fois dans un groupe d'accordéon, les autres se fermant automatiquement. |
![]() |
![]() |
Exemple d'extenseur | Exemple d'accordéon |
Boutons ont également été améliorés. Notre bouton standard est désormais disponible en 3 saveurs différentes au total :
- Un célibataire ou Individual Bouton, idéal pour une utilisation seule. C'est le même bouton avec lequel vous avez déjà travaillé.
- Un nouveau Bouton déroulant, qui peut offrir de nombreuses options différentes dans un petit espace
- Un nouveau Barre d'outils de boutons, qui peuvent présenter des boutons côte à côte dans un menu.
Quel que soit le type, n'importe lequel de ces boutons peut inclure une icône personnalisée. Vous pouvez également maintenant définir la couleur de n'importe quel bouton, pour guider l'attention de votre utilisateur.
Encore plus d'améliorations de l'interface utilisateur !
Il y a encore plus de composants d'interface utilisateur avec lesquels travailler, y compris le nouveau HTML Element (qui vous permet d'afficher des ressources Web stockées ailleurs sur le Web dans votre configurateur) et Texte élément (qui vous donne un contrôle précis sur la façon dont le texte est affiché). Consultez la liste complète de nos améliorations de l'interface utilisateur ici.
Nous espérons que vous apprécierez ces nouveaux ajouts à nos configurateurs, scènes, logique et infrastructure ! Visitez notre documentation en ligne pour plus de détails sur ces fonctionnalités à tout moment en cliquant sur la bulle d'aide toujours affichée dans le coin inférieur gauche de votre interface d'administration.
On vous verra à Dreamforce ?
Points clés à retenir de l'expo Pack de la semaine dernière