Branding du contenu et conception de l’UI
Aperçu général
La conception de l'UI concerne l'aspect et la sensation de votre implémentation WalkMe, y compris les schémas de couleurs, la forme des boutons, le choix des polices, les animations et tous les aspects visuels qui facilitent l'interaction avec l'utilisateur. La conception de l'UI est souvent assimilée à la conception graphique, mais elle est axée sur l'interactivité. Il s'agit de créer des interfaces esthétiquement agréables, cohérentes et qui guident efficacement les utilisateurs à travers l'interface du produit.
Les actifs de marques cohérents favorisent la fidélisation de l'utilisateur final, réduisent l'effort de développement de contenu et aident à créer des déploiements rationalisés et efficaces pour votre projet.
Comment cela affecte votre programme
- Réduction du délai de livraison pour les futurs projets nets et éléments WalkMe
- Instauration d'un climat de confiance avec les utilisateurs finaux grâce à une expérience de marque cohérente
- Élimination de la fatigue décisionnelle, standardisation précoce
- Manque de confiance de l'utilisateur final
- Styles non autorisés créés sans surveillance
Approche de conception par type de logiciel
L'approche de création peut différer en fonction de l'audience d'utilisateur final de votre logiciel.
- Utilisateurs : Employés et entrepreneurs (EX)
- WalkMe Design Recommandé : Adhère aux directives de marque et de style de l'entreprise
- Considération : Déterminez s'il existe un moyen de ne pas utiliser le design standard. Si c'est le cas, quelles sont les raisons et les circuits de validation ?
- La raison la plus courante de l'opt-out est un choc de création (par exemple, les ballons WalkMe bleus sur un arrière-plan d'application bleu)
- L'équipe d'adoption numérique doit s'entendre sur une approche alternative
- Besoins interfonctionnels : Pas couramment nécessaire
Vous ne savez pas à quoi ressemblent les directives de la marque d'entreprise ? Voir les nôtres ici.
- Utilisateurs : Clients ou public (CX)
- WalkMe Design Recommandé : Adhère aux directives de marque et de style de l'application
- Considérations : Désigner les propriétaires de création d'application en tant que principales parties prenantes dans la création et l'approbation du modèle de création
- En outre, déterminez la « voix » de rédaction qui doit être respectée
- Cela peut nécessiter un partenariat avec les dirigeants de votre équipe de rédaction technique
- Afficher les matériaux que l'équipe d'adoption numérique peut offrir pour une collaboration et un dialogue faciles
- Besoins interfonctionnels : UX, Design ou Marketing
Lorsque cela est pertinent
Le chef de projet doit communiquer les attentes de création aux parties prenantes lors des étapes de lancement et de découverte d'une mise en œuvre.
Exemple de langue pour l'équipe d'adoption numérique à utiliser avec vos parties prenantes :
« [Entreprise] dispose d'un format CSS standard qui est utilisé dans toutes les applications dans l'entreprise. La norme de création est facilement déployée, évolutive et correspond aux exigences de la marque [Entreprise]. La création standard sera appliquée à votre Éditeur lors de la création. »
- Inclure des captures d'écran d'exemples de ballons WalkMe, du menu ou de toute idée de création
Naviguer dans une consultation de création localisée
Certaines parties prenantes peuvent vouloir un design personnalisé et localisé qui diffère de votre norme mondiale. Voici comment les ressources de livraison de l'équipe d'adoption numérique doivent gérer ces conversations et définir les attentes appropriées.
Point de discussion clé : la conception globale est plus facile à mettre à l'échelle et à entretenir.
Demandez à votre partie prenante : avez-vous quelqu'un pour s'occuper de la maintenance si des changements sont nécessaires ?
Point de vue clé : la modification des éléments visuels (via CSS) est le niveau d'effort le plus facile/le plus bas pour la création personnalisée, tandis que la modification du HTML prend du temps/du travail de développement. En général, la suppression des aspects de création des modèles WalkMe nécessite moins d'effort que le fait d'ajouter de nouveaux aspects de création.
Demandez à votre partie prenante : êtes-vous prêt à modifier le calendrier d'un projet, si nécessaire, pour tenir compte du temps supplémentaire nécessaire pour ajouter des aspects de design aux modèles ?
Point clé de la discussion : si une conception s'écarte de manière significative de la structure HTML existante, elle peut présenter une certaine fragilité et des risques.
Demandez à votre partie prenante : Avez-vous quelqu'un pour s'occuper de l'entretien si des modifications sont nécessaires ? S'agit-il d'un élément à haute visibilité qui causerait une détresse importante s'il était endommagé ?
Point de discussion clé : il est important de comprendre le niveau de conformité en matière d'accessibilité.
Demandez à votre partie prenante : Votre organisation a-t-elle besoin que les éléments d'interface utilisateur suivent des normes d'accessibilité strictes ? Ex. contraste de couleur, accessibilité du clavier, etc.
Trouvez l'inspiration : apprenez des autres clients
Regardez ces deux vidéos pour voir comment trois clients ont utilisé les implémentations DAP pour renforcer leurs marques uniques auprès de leurs utilisateurs. Découvrez comment les caractères, les couleurs et l'accent mis sur l'amélioration des expériences des utilisateurs ont entraîné de petites modifications qui ont eu de grands impacts.
Ce client a fait appel à un concepteur pour son équipe de programme centralisée afin de créer une image de marque approfondie pour son centre d'excellence DAP, dans le but de soutenir la sensibilisation continue des parties prenantes, le professionnalisme et l'évolution.
Commencer
Créer et tester des CSS : Tips d'experts