KBMax - nouvelles fonctionnalités

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 n'est pas étranger à la conception Web moderne. Depuis le début, notre interface utilisateur est basée sur le Responsive Design, qui vous permet de créer un design pour les écrans de bureau et mobiles. Dans cette version, nous avons poussé encore plus loin notre engagement à offrir la meilleure expérience utilisateur possible : nous avons implémenté 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 :

1. 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é.
2. Un nouveau Bouton déroulant, qui peut offrir de nombreuses options différentes dans un petit espace
3. 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.