Passer au contenu principal

Comment Atlas UI permet une utilisation cohérente des meilleures pratiques de conception d'interface utilisateur

Comment Atlas UI permet une utilisation cohérente des meilleures pratiques de conception d'interface utilisateur

Adoption de plateformes de développement low-code Le développement d’applications personnalisées est en plein essor, car les entreprises cherchent à combler l’écart entre la demande commerciale en matière d’applications personnalisées et la capacité informatique à les fournir. Ces plateformes permettent à un large éventail d’utilisateurs, des développeurs professionnels aux développeurs individuels, de créer des applications Web et mobiles 10 fois plus rapidement que les approches de développement traditionnelles, tout en favorisant une approche itérative et centrée sur l’utilisateur qui contribue à garantir les résultats commerciaux.

Un autre aspect essentiel pour garantir que les applications offrent les avantages escomptés est de concevoir une expérience utilisateur adaptée. Le problème ici est que la plupart des entreprises manquent de ressources UX suffisantes. Une enquête Gartner révèle qu'en moyenne, les entreprises n'ont qu'un seul concepteur UX pour 17 développeurs, tandis que 35 % des organisations n'ont aucune compétence en conception UX. Cela signifie qu'il n'y a tout simplement pas assez de concepteurs pour soutenir les équipes de développement existantes ; le problème est aggravé par la transition vers plusieurs équipes autonomes développant des applications en parallèle.

Ratio des concepteurs UX sur un organigramme d'équipe

Si vous ne disposez pas de ressources UX en interne et que vos développeurs ne possèdent pas eux-mêmes les compétences UI/UX, comment pouvez-vous permettre à vos équipes de développement de créer des expériences utilisateur attrayantes à grande échelle ? La clé est de mettre à la disposition de chaque développeur de votre organisation des composants d'interface utilisateur prêts à l'emploi, faciles à exploiter et conformes aux meilleures pratiques.

C'est exactement la philosophie qui sous-tend Atlas UI, notre infrastructure d'interface utilisateur en couches et en composants qui permet aux personnes ayant peu ou pas de compétences en conception d'interface utilisateur de créer rapidement des expériences utilisateur riches. Nous avons conçu Atlas pour capturer et exploiter les meilleures pratiques de conception d'interface utilisateur, qu'elles soient les nôtres ou les vôtres, garantissant une expérience utilisateur cohérente et attrayante sur un portefeuille d'applications. Laissez-moi vous expliquer plus en détail.

Concevez de superbes interfaces utilisateur en exploitant systématiquement le langage de conception prêt à l'emploi d'Atlas

Plus qu'un simple framework d'interface utilisateur, Atlas UI est livré avec son propre langage de conception basé sur des modèles d'interface utilisateur courants et des meilleures pratiques que nous observons au sein de notre base de clients. Le langage de conception Atlas comprend une bibliothèque de modèles d'éléments d'interface utilisateur prêts à l'emploi conçus par des professionnels, notamment des mises en page de navigation, des modèles de page, des blocs de construction (assemblages préconfigurés de composants d'interface utilisateur) et des widgets. En outre, un guide de style décrit les principes de conception fondamentaux d'Atlas UI et fournit des recommandations sur le moment d'utiliser des composants individuels.

Graphique UX

La bibliothèque de modèles et le guide de style sont immédiatement utilisables par les développeurs car ils sont parfaitement intégrés au modélisateur Web WYSIWYG. Par exemple, une variété de modèles de page, regroupés par type, sont présentés dans le flux Créer une nouvelle page. En outre, des blocs de construction et des widgets sont disponibles directement dans la boîte à outils, afin que vos développeurs puissent les glisser-déposer sur le canevas pour créer rapidement des pages. Les blocs de construction sont particulièrement utiles pour les développeurs sans compétences en conception d'interface utilisateur, car ils assemblent plusieurs widgets dans des mises en page préconfigurées (avec des proportions, un espacement et des propriétés de conception individuels optimaux) pour implémenter des modèles d'interface utilisateur courants tels que des en-têtes, des listes, des chronologies et des assistants.

Capture d'écran de création d'applications

Mieux encore, comme le guide de style est également intégré au modeleur, les composants de l'interface utilisateur sont non seulement très esthétiques dès leur sortie de la boîte, mais ils incluent également des conseils pour garantir que les développeurs les utilisent dans les bons scénarios et offrent ainsi la bonne expérience utilisateur. Les développeurs peuvent simplement cliquer sur l'icône « i » pour un bloc de construction ou un modèle de page spécifique et ils seront directement dirigés vers la page du site Web d'Atlas illustrant les scénarios courants dans lesquels ce composant doit être utilisé. Voir l'exemple ci-dessous.

Capture d'écran de l'assistant de progression

Pour les organisations qui ne disposent pas de ressources internes en matière d'interface utilisateur/expérience utilisateur, le langage de conception prêt à l'emploi d'Atlas UI est un excellent moyen de commencer à exploiter les meilleures pratiques d'interface utilisateur de manière cohérente au sein de votre équipe de développeurs. Les développeurs et même les analystes commerciaux peuvent exploiter ces composants d'interface utilisateur pour créer facilement de superbes expériences utilisateur, sans avoir besoin de compétences en développement front-end ou en conception d'interface utilisateur. Et avec le personnalisateur de thème, ils peuvent facilement personnaliser l'application avec le logo, la palette de couleurs et la typographie de votre marque.

Tirez parti des meilleures pratiques d'interface utilisateur de votre organisation avec une bibliothèque de modèles spécifique à l'entreprise

Au fur et à mesure que l'équipe grandit et acquiert de l'expérience en se développant avec Mendix, ils voudront peut-être intégrer leurs propres meilleures pratiques d'interface utilisateur dans le développement de Mendix applications. Pour de nombreux clients, cela marquera leurs premiers pas vers la création d'un langage de conception d'entreprise qui définit un ensemble unifié de règles de conception UI/UX qui favorisent la cohérence et l'harmonie entre plusieurs applications.

Capture d'écran de conception réactive

Pour ce faire, Atlas UI vous permet de personnaliser ou de remplacer la bibliothèque de modèles prête à l'emploi par votre propre version spécifique à l'entreprise. Comme l'illustre mon collègue Arjan Hendriksen dans cet article pratique, ce processus commence par l'extraction de pages et de modèles d'interface utilisateur courants à partir de modèles existants. Mendix des applications et les promouvoir comme modèles de pages réutilisables et blocs de construction. Bien entendu, ces applications peuvent également être créées à partir de zéro.

Par exemple, une banque de détail peut concevoir un module de carte standard pour ses services bancaires en ligne et son application mobile, qui offre aux clients un aperçu visuellement attrayant de leurs comptes. Ou une compagnie d'assurance peut créer son propre assistant de progression pour guider les clients potentiels tout au long du processus de devis et d'achat de manière cohérente pour l'ensemble de sa gamme de produits d'assurance.

Une fois que vous avez convergé vers un ensemble de base d'éléments d'interface utilisateur spécifiques à l'entreprise, vous pouvez créer une version personnalisée du module Ressources d'interface utilisateur Atlas (contenant la bibliothèque de modèles) et l'expédier dans votre App Store privé. Vous pouvez ensuite rendre le module Ressources d'interface utilisateur disponible en tant qu'application de démarrage spécifique à l'entreprise, directement disponible dans le flux Créer une application pour que les développeurs puissent la choisir par défaut. Les organisations ayant des exigences différentes en matière d'interface utilisateur et de marque pour des publics spécifiques (par exemple, des applications destinées aux employés et aux clients) peuvent même publier plusieurs applications de démarrage.

Ces fonctionnalités, ainsi qu'un guide de style (vivant) qui décrit les principes de conception de votre organisation et fournit des cas d'utilisation recommandés pour les composants d'interface utilisateur spécifiques à votre entreprise, garantissent que tous les développeurs travaillant dans Mendix Accédez aux meilleures pratiques d'interface utilisateur de votre organisation directement dans votre boîte à outils. Toutes les nouvelles applications sont automatiquement thématiques comme point de départ. Ensuite, les développeurs peuvent s'appuyer sur un éventail de modèles de pages et de blocs de construction approuvés par l'entreprise pour accélérer la conception de l'interface utilisateur tout en garantissant la cohérence avec le paysage applicatif plus large.

Offrez une expérience utilisateur exceptionnelle de manière cohérente et à grande échelle sans ressources UX supplémentaires

Offrir une expérience utilisateur exceptionnelle ne nécessite pas nécessairement l'embauche d'une armée de ressources UI/UX. Pour la plupart des services informatiques d'entreprise, ce n'est tout simplement pas une option. La clé, au contraire, est de mettre les meilleures pratiques de conception d'interface utilisateur entre les mains de chaque développeur, afin qu'ils puissent créer des interfaces utilisateur attrayantes sans avoir besoin de l'aide de concepteurs. C'est exactement ce que fait Atlas UI, à la fois grâce au langage de conception prêt à l'emploi qui comprend des composants d'interface utilisateur prêts à l'emploi et à la possibilité de créer votre propre bibliothèque de modèles spécifique à l'entreprise et de vous lancer dans la définition du langage de conception de votre entreprise.

Il n’y a peut-être pas de fin en vue à la pénurie de compétences UX en entreprise, mais cela ne signifie pas que votre équipe ne peut pas combler le fossé UX de l’entreprise et fournir des applications attrayantes et hautement utilisables à grande échelle.

En savoir plus sur Atlas UI

Choisissez votre langue