La dernière mise à jour d'Adobe XD comprend des kits d'interface utilisateur gratuits pour améliorer la conception UX partout

Adobe connaît l'importance de l'expérience utilisateur. En tant que fabricant de tant d'outils de conception de pointe, ils passent leurs journées à découvrir comment rendre un beau design facile et accessible. Ce n'est donc pas une surprise aujourd'hui lorsqu'Adobe XD CC a publié cinq kits d'interface utilisateur gratuits pour inspirer les concepteurs du monde entier et faciliter des conceptions innovantes à tous les niveaux et ajouter à l'expérience Creative Cloud d'Adobe.

Les kits Adobe UI incluent des options pour la conception de jeux, les montres intelligentes, le tableau de bord Apple et les applications de transport et de voyage. Ils ont été conçus en partenariat avec divers designers de renom et peuvent être téléchargés gratuitement ici.

Que sont les kits de conception d'interface utilisateur ?

Les kits d'interface utilisateur (UI) sont des fichiers (généralement des fichiers PSD) qui sont distribués pour aider les concepteurs à gérer le flux de travail sur les projets et les éléments de conception tels que les curseurs et les avatars. Ils fournissent en fin de compte un guide pour créer une expérience transparente, de la résolution de problèmes courants à la détermination d'une navigation intuitive. Considérez les kits d'interface utilisateur comme un aide-mémoire pour la conception de l'interface utilisateur.

Vous voulez recevoir plus d'informations sur l'industrie du design directement dans votre e-mail ?
Inscrivez-vous pour votre dose quotidienne de DesignRush !

Alors, quelle est la différence entre le design UI et le design UX ?

La conception de l'expérience utilisateur et la conception de l'interface utilisateur sont deux petits pois dans une cosse. En fin de compte, la conception de l'expérience utilisateur influence directement la façon dont vos utilisateurs se sentent lorsqu'ils explorent votre site Web, votre application ou toute autre conception interactive.

La conception UX est importante sur les applications Web et mobiles. Vous voulez que le processus de navigation dans une application sur votre iPhone et votre appareil Android soit simple et agréable.

Pendant ce temps, la conception de l'interface utilisateur affine les expériences qu'un concepteur UX crée, traite de l'esthétique et garantit que l'expérience est agréable à regarder - pas seulement à utiliser - également. D'une certaine manière, la conception de l'interface utilisateur ressemble un peu plus à un graphiste qu'à un concepteur de sites Web, car un concepteur d'interface utilisateur doit s'assurer que la mise en page de sa conception matérielle est esthétique.

Comment les kits d'interface utilisateur peuvent-ils améliorer l'expérience utilisateur globale ?

Le recours à l'expérience utilisateur globale (alias UX et UI) dans la conception de sites Web est en augmentation. Selon Adobe, c'est le domaine qui connaît la croissance la plus rapide de l'industrie technologique et la demande devrait augmenter jusqu'à 73 %. C'est pourquoi ils ont été si prompts à l'ajouter à son offre Creative Cloud. Cette augmentation drastique nécessite des processus plus rationalisés qui produisent toujours des designs époustouflants que les consommateurs apprécient, faisant ainsi des kits d'interface utilisateur organisés une aubaine pour les concepteurs du monde entier.

Comme pour tout, les kits d'interface utilisateur ont des avantages et des inconvénients. Votre capacité à personnaliser et à personnaliser est plus limitée que si vous partiez de zéro, comme avec n'importe quel modèle. De plus, plus un kit d'interface utilisateur est populaire, plus une autre marque aura probablement une esthétique similaire à la vôtre.

Cependant, malgré les inconvénients ci-dessus, les kits d'interface utilisateur apportent une tonne de valeur à la communauté du design, c'est pourquoi ils sont de plus en plus populaires. Comme ils sont développés par les principaux concepteurs et entreprises, tout comme le lot de kits d'interface utilisateur d'Adobe, ils comportent généralement des erreurs limitées et sont fréquemment mis à jour.

L'utilisation de kits d'interface utilisateur vous permet également d'explorer des éléments de conception que vous n'avez peut-être pas essayés par vous-même et, puisqu'il rationalise une grande partie du flux de travail dans un modèle, libère une grande partie de votre temps et de votre intelligence pour vous concentrer sur les composants les plus importants d'une conception. , telles que les interactions et les flux d'utilisateurs.

Quoi de plus? Les kits d'interface utilisateur peuvent également être utilisés par les concepteurs UX, ce qui les rend particulièrement utiles pour les petites équipes, les budgets limités ou les concepteurs qui cherchent à élargir leurs compétences.

Qu'est-ce que les concepteurs ont à dire sur la conception UX, la conception UI et la popularité croissante des kits UI ?

Pour mieux comprendre comment tous ces éléments de conception fonctionnent ensemble et comment ces kits d'interface utilisateur peuvent aider à étendre le processus de conception, nous avons parlé à Marcelo Silva, directeur de la conception chez Live Planet qui a créé le kit d'interface utilisateur Apple Watch d'Adobe.

La demande des concepteurs UX est à la hausse. À votre avis, pourquoi l'accent est-il mis sur l'expérience utilisateur ?

"Le truc avec la technologie, c'est que les choses qui étaient du luxe il y a quelques années sont maintenant standard. Comme les voitures par exemple. Il y a quelques années, avoir un écran tactile était un luxe, maintenant même certains modèles de base ont une sorte de système d'écran tactile cool. Alors que les produits visuellement époustouflants deviennent de plus en plus une norme qu'un luxe, les entreprises doivent trouver de nouvelles façons de se différencier de leurs concurrents. L'expérience utilisateur est ce différenciateur. Il ne suffit pas de créer quelque chose qui a l'air bien, vous devez créer quelque chose qui est transparent à utiliser et cela incitera les gens à continuer à l'utiliser."

Comment la technologie a-t-elle influencé la conception UX et où voyez-vous l'expérience utilisateur se diriger dans les prochaines années ?

"L'UX était auparavant axé sur la façon dont les gens interagissent avec les écrans, mais à mesure que la technologie progresse et que les produits deviennent de plus en plus "invisibles", plus nous devons être flexibles en tant que concepteurs pour nous adapter. Mais le principe de l'UX doit rester le même - comment s'assurer que l'interaction entre l'humain et la technologie (quelle que soit la forme ou la forme que prend la technologie) est aussi transparente que possible ? énorme concentration sur la réalité virtuelle et l'intelligence artificielle. Différents médiums, mais même concept - rendre l'interaction transparente, amusante et engageante. "

Pour ceux d'entre nous qui ne savent pas très bien, qu'est-ce qu'un kit d'interface utilisateur ?

« Il existe différentes manières d'afficher les kits d'interface utilisateur. Personnellement, je les considère simplement comme une série de composants utilisés comme point de départ pour votre application ou votre conception Web. Les kits d'interface utilisateur sont particulièrement utiles si vous avez un délai serré ou si vous avez besoin d'un coup de pouce créatif. pour démarrer votre projet. Lorsque j'ai créé le kit d'interface utilisateur de smartwatch pour Adobe XD, j'ai essayé de créer autant de composants/écrans que possible pour m'assurer de couvrir de nombreux cas d'utilisation. Vous avez tout, des différents types de graphiques à un tas de les styles de liste et d'autres choses."

Sont-ils destinés aux jeunes designers, aux designers expérimentés, ou aux deux ?

"Je dirais les deux, pour des raisons différentes cependant. C'est bien pour les jeunes designers car un kit équivaut à regarder des heures et des heures de vidéos YouTube sur la façon de concevoir. Surtout pour les apprenants visuels, lorsque vous examinez un design qui un designer plus expérimenté a créé et voir comment ils ont fait les choses, c'est comme aller à l'école de design. Vous pouvez apprendre tellement juste en disséquant ces conceptions. Si vous êtes déjà un designer expérimenté, le kit peut vous aider à gagner du temps. Il vous permet concentrez-vous sur des détails plus nuancés qui feront ressortir votre conception en éliminant le gros du travail initial. J'ai récemment utilisé des kits d'interface utilisateur pour un projet client car nous n'avions pas le temps de commencer une conception à partir de zéro. Surtout si vous travaillez pour une startup le revirement est super important."

Les kits d'interface utilisateur profitent-ils aux concepteurs sous contrat dans une entreprise en particulier, ou sont-ils meilleurs pour les pigistes ?

"Ils peuvent être utiles dans les deux situations, mais je dirais qu'en général les concepteurs à temps plein ont plus de temps à leur disposition que les indépendants. Ainsi, bien que cela soit utile pour les deux, les indépendants peuvent particulièrement bénéficier des kits d'interface utilisateur car le temps que vous gagnez dans un projet vous permettra de travailler sur d'autres projets (et cela signifie envoyer plus de ces belles factures)."

Parlez-nous du processus de brainstorming et de conception de votre kit d'interface utilisateur personnalisé pour Adobe XD CC ?

« Les gens d'Adobe sont constamment à la recherche de moyens d'apporter de la valeur à la communauté du design (Adobe XD CC est en soi un exemple de cette quête incessante d'autonomisation). Ils m'ont approché avec l'idée de créer un kit d'interface utilisateur pour la communauté et nous travaillé ensemble sur un thème. Je suis parti de là avec le design lui-même. Nous avons commencé le kit d'interface utilisateur mi-décembre avec un crayon et du papier encadrant chaque écran. Je voulais que le kit ait des applications très pratiques et pas seulement beaucoup de composants inutiles (comme beaucoup de kits d'interface utilisateur, malheureusement)."

Comment les concepteurs peuvent-ils utiliser les kits d'interface utilisateur pour améliorer leur flux de travail ou leurs conceptions ?

« Vous pouvez améliorer votre flux de travail en économisant du temps et des frais généraux. Il y a de fortes chances que si vous concevez une application de montre intelligente, vous trouverez des composants dans ce kit qui s'appliquent à votre application. Vous avez une énorme longueur d'avance si vous avez un kit d'interface utilisateur smartwatch à votre disposition (il est également gratuit, donc vous n'avez littéralement rien à perdre). La meilleure façon d'utiliser ce kit est de devenir fou avec. Utilisez-le comme point de départ pour votre esprit incroyablement créatif pour faire quelque chose de magique. Amusez-vous à disséquer les composants et à créer vos propres designs uniques."

Les concepteurs peuvent-ils créer leurs propres kits d'interface utilisateur ?

« Oui ! C'est ainsi que les systèmes de conception sont créés (ce qui est un tout autre sujet). Si vous traitez vos conceptions de produits comme de petits kits d'interface utilisateur, vous pouvez enregistrer ces composants, afin que l'équipe puisse les réutiliser au fur et à mesure que l'entreprise grandit et que le produit évolue. Je Je pense que c'est ce qu'il y a de plus cool avec les kits d'interface utilisateur. Donnez à votre équipe produit des composants réutilisables et ils vous aimeront pour toujours. »

Quoi d'autre est inclus dans la mise à jour Adobe XD ?

Ces kits d'interface utilisateur Adobe sans précédent ne sont pas les seuls éléments qu'Adobe XD Creative Cloud propose aux utilisateurs cette semaine. Leur récente mise à jour de programme, également publiée aujourd'hui, comprend un large éventail de nouvelles fonctionnalités, dont l'une est une intégration avec le programme d'hébergement et de partage de fichiers Dropbox.

Ce partenariat de programme avec Dropbox prend en charge les aperçus de fichiers XD natifs sur mobile, Web et ordinateur de bureau. Pour accéder à cette fonctionnalité, les utilisateurs enregistrent simplement un fichier XD dans Dropbox. Automatiquement, un aperçu sera visible par tous ceux qui ont accès à cette Dropbox particulière, garantissant que les clients et les concepteurs peuvent collaborer et créer des expériences ensemble encore plus rapidement.

« Adobe XD est un outil tout-en-un innovant pour les concepteurs UX, et nous sommes ravis d'apporter la puissance de Dropbox, Adobe XD et Creative Cloud à nos utilisateurs communs », a déclaré Daniel Wagner, responsable de l'ingénierie de Dropbox Previews. « Notre objectif est de libérer l'énergie créative grâce à un écosystème de partenaires en expansion et de connecter des outils de conception tels qu'Adobe XD aux principaux produits mobiles, Web et de bureau de Dropbox. »

Dropbox n'est pas le seul outil qu'Adobe XD a ajouté aux fonctionnalités du programme. Les utilisateurs peuvent également exporter des projets dans des programmes tiers, tels que Zeplin, Avocode et Sympli. Bien qu'ils ne fassent pas partie de l'écosystème Adobe, ces autres programmes sont fréquemment utilisés par les concepteurs. Leur intégration dans XD permet un flux de travail plus rationalisé - clairement, le sujet de la semaine - en garantissant que les concepteurs peuvent passer en douceur les projets de conception dans divers états de production.

Quoi de plus? Adobe XD a amélioré les éléments d'animation avancés en se coordonnant avec ProtoPie et Kite Composer et a ajouté ces améliorations au programme :

• Améliorations de la convivialité des spécifications de conception (bêta), permettant aux utilisateurs de naviguer plus facilement dans les spécifications de conception dans le navigateur et de travailler facilement avec des calques masqués.
• Possibilité de basculer entre HEX, RVB, HSB dans le sélecteur de couleurs. Les utilisateurs peuvent choisir l'une des options susmentionnées dans un menu déroulant, ce qui permet de basculer facilement entre les modèles de couleurs dans la conception de l'écran.
• Exportation par lots, une nouvelle option d'exportation accessible via le menu Fichier. Les utilisateurs font simplement un clic droit dans le panneau Calques pour marquer tout objet qui doit être inclus dans une exportation par lots.

Conclusion

Dans l'ensemble, les nombreuses mises à jour d'Adobe XD associées aux cinq kits d'interface utilisateur gratuits font de cette version la meilleure à ce jour. La nouvelle mise à jour d'Adobe UX propose :

• Cinq kits d'interface utilisateur gratuits
• Intégration de Dropbox
• Intégration supplémentaire d'applications tierces, notamment Zeplin, Avocode et Sympli
• Améliorations de la convivialité des spécifications de conception
• Possibilité de basculer entre HEX, RVB, HSB dans le sélecteur de couleurs
• Exportation par lots simple et efficace

Grâce à une intégration sans faille avec des programmes externes et des flux de travail améliorés, les concepteurs de près et de loin seront certainement en mesure de maximiser leur temps et de créer des conceptions innovantes, les plaçant dans une position parfaite pour leur forte demande à l'avenir.

Vous voulez plus d'actualités sur la conception ? Inscrivez-vous à notre newsletter !