Gérez votre Design System en toute autonomie avec le mode low code dans Drupal

- Publié 15/02/2022 - 09:56, mis à jour à 16/03/2022 - 16:22 CMS

Jusqu’à présent, le pilotage d’un site par un non-développeur consistait seulement à la publication de nouveaux contenus, sans main sur le design system. Actency vous explique comment les nouveaux modules de l’UI Suite initiative peuvent vous offrir l’autonomie nécessaire pour modifier l’expérience du visiteur en low-code dans Drupal.

DESIGN-SYSTEM-DXP-DRUPAL-chaine-de-valeur-classique

Vers un design system dynamique

Un design system classique est créé par une équipe de consultants UX et de webdesigners, avant d’être figé par un développeur à travers le développement des gabarits et formulaires dans un CMS. La mission du webmaster est ensuite d’insérer du contenu. Aujourd’hui, la tendance est à offrir plus d’autonomie aux webmasters, en leur donnant la main sur l’expérience utilisateur. Avec la suite UI dans Drupal, il est ainsi possible de modifier les gabarits afin d’optimiser ou de personnaliser l’expérience des visiteurs. Le développeur n’a plus pour mission de figer un design system, mais d’intégrer un système de gestion du design system. Le webmaster, quant à lui, ne se contente plus de remplir, mais peut faire évoluer son interface, toujours dans le respect de la ligne graphique définie par son organisation.

DESIGN-SYSTEM-DXP-DRUPAL-La-nouvelle-chaine-de-valeur

Faire évoluer son design system en mode low-code avec l’initiative UI Suite

Le CMS Drupal offre une grande souplesse de développement, et facilite tout particulièrement la connexion de DXP donnant aux organisations la main sur l’UX. L’UI Suite est composée d’un ensemble de modules Drupal, qui permettent de réduire l’écart entre les concepteurs du site et les constructeurs en standardisant l’intégration des design systems. Son objectif est d’améliorer l’expérience de construction de site en utilisant le CMS Drupal comme une solution low-code. Les modules de l’UI Suite permettent ainsi de :

  • Diminuer la production de code par les développeurs
  • Bénéficier d’une grande liberté de site building en créant toute sorte de templates
  • Réaliser des sites web plus qualitatifs
  • Produire des sites web plus rapidement
  • Réduire le délai de mise sur le marché

DESIGN-SYSTEM-DXP-DRUPAL-architecture-global-initiative-ui-suite

Architecture de l’UI Suite Initiative

L’architecture de l’UI Suite repose sur le travail collaboratif de 4 modules, qui forment le cœur de la solution :

  • UI Patterns : permet de définir et d’exposer les modèles d’interface utilisateur autonomes comme plugins Drupal, pour faciliter la construction du site.
  • Layout Options : permet d’ajouter facilement des options de configuration aux mises en page à l’aide de fichiers YAML et de plugins LayoutOption.
  • UI Styles : permet de définir des styles à disposition des sites builders, qui peuvent les utiliser à partir de l’interface layout builder
  • UI Examples : permet de fournir des pages d’exemples à partir de modules ou de thèmes.

D’autres modules enrichissent la solution, comme UI Patterns Setting qui permet de définir les paramètres de votre fichier ui_pattrens.yml pour rendre votre modèle configurable. Parmi les modules complémentaires de l’écosystème UI Patterns figurent également :

  • Component Blocks qui permet d’exposer les patterns comme des blocs de plugins
  • UI Patterns Field Formater, le module formateur de champs de modèles d’interface utilisateurs
  • ou UI Patterns Entity Links, qui permet d’exposer les liens d’entités (canonical, edit, etc.) comme des blocs de plugins

DESIGN-SYSTEM-DXP-DRUPAL-architecture-detaillee-initiative-ui-suite

Vous souhaitez en savoir plus sur nos solutions DXP pour gagner en autonomie dans la gestion de l’expérience utilisateur sur vos sites dans Drupal ? Contactez une agence du groupe Actency, membre fondateur de l’Alliance of Digital Builders spécialisé dans le CMS Drupal, les solutions d’agilité et la digital factory.

Partagez toute l'actualité

Partagez sur Facebook Partagez sur Twitter Copier le lien

Populaires

À la une

Découvrir plus de workshop technologiques

Image
Actency - Réassurance  - 7 Agences et Bureaux en France
7 Agences & Bureaux
en France
150 Experts
Image
Actency - Réassurance  - 150 experts
+1 200 Projets
Image
Actency - Réassurance - Contributeur et conférencier Drupal en Europe
Contributeur Et conférencier Drupal en Europe
11 500 Jours/hommes par an
Image
Actency - Réassurance - 11500 jours hommes par an
Nous contribuons aux évolutions et aux conférences Drupal en Europe
Image
Actency - Drupal - DrupalCon
Image
Actency - Événements - Paris OpenSource Summit
Image
Actency - Événements - IT & IT Security Meetings
Image
Actency - Événements - DrupalCamp 2020