Les résolutions du Nouvel An sont ce que tout le monde préfère, j'en suis sûr. Cependant, rechercher et savoir où prendre la direction créative d'un produit devrait figurer sur une liste de choses à faire avant de simplement aller de l'avant et de ne faire que ce qui a été fait jusqu'à présent.
Les tendances changent assez souvent pour qu'un produit devienne rapidement obsolète. C'est pourquoi Imaginary Cloud a décidé d'aller de l'avant et de dresser une liste. Oui, encore une autre, mais restez avec nous sur ce point : nous n'avons sélectionné que les plus pertinents visuellement et les avons classés parmi les 7 meilleurs Tendances de l'interface tu dois faire attention.
Comme indiqué dans un précédent billet de blog, l'illustration a acquis une nouvelle importance dans nos produits numériques. Même les plus belles photos de stock ne feront plus l'affaire, et les animations plates comptent également leurs jours. Cela ne signifie pas qu'il faille être très complexe pour le faire fonctionner, mais considérez toutes les références stylistiques incroyables qu'un illustrateur/designer a sur son écran. Les styles dessinés à la main, 2D ou même 3D sont viables aujourd'hui.
Comme vous pouvez le constater dans les exemples de sites Web ci-dessous, les créatifs n'ont eu aucune crainte lorsqu'ils ont adopté des styles qui sortaient de l'illustration normale de l'interface utilisateur quotidienne, ce qui leur a très bien plu.
Nous devons également tenir compte du fait que l'illustration entre dans une période où la demande est suffisamment élevée au point que l'illustration vectorielle standard constitue la solution la plus rapide pour un design urgent. Mais cela s'inscrit également dans les mêmes choix stylistiques que tout le monde fait, c'est-à-dire les jours de style les plus courants de l'illustration vectorielle stock sont comptés, et ce n'est certainement pas une solution à long terme. Sortir des sentiers battus est presque toujours la solution, il suffit de remarquer à quel point cela fait une différence.
Si vous souhaitez aller encore plus loin, animer ces mêmes illustrations vous mènera également très loin. L'effet est moins statique, moins « tamponné », dès lors que même les illustrations inactives possèdent leur propre touche de mouvement, sans pour autant en faire trop.
Bien entendu, rien ne devrait empêcher un design de se montrer audacieux et d'explorer des pistes plus dynamiques, comme le font très bien les exemples ci-dessus. Il faut toutefois garder à l'esprit le bruit visuel que cela peut générer, au risque de détourner l'utilisateur d'informations plus essentielles, en particulier sur les pages riches en texte.
Les évolutions matérielles et logicielles, tant sur iPhone que sur Android, ont entraîné la disparition des boutons physiques et des bordures d'écran.
Les applications s'étendent désormais jusqu'aux bords latéraux, supérieurs et inférieurs de l'écran, augmentant considérablement l'espace disponible pour l'interface.
L'industrie est tellement obsédée par cette tendance que les nouveaux capteurs photo frontaux sont pratiquement contraints de disparaître ou d'être déplacés ailleurs, mais surtout pas sur l'écran ! Les designers exploitent désormais cet espace de manières plus innovantes, tant sur le plan de l'UI que de l'UX. Jetez un œil aux images suivantes.
Intéressant, n'est-ce pas ? Grâce à cette absence de boutons qui encombraient l'écran, les gestes sont devenus essentiels pour naviguer au sein de nos applications mobiles. Pensez donc à proposer des parcours d'intégration courts qui ne lasseront pas les nouveaux utilisateurs et ne les pousseront pas à passer l'étape, afin de leur indiquer clairement où balayer pour accéder aux fonctionnalités dont ils ont besoin.
Votre marque n'a plus besoin d'être aussi restrictive en ce qui concerne les palettes de couleurs. Deux à trois couleurs s'avéreront trop répétitives pour le goût actuel. Dropbox, comme vous pouvez le voir, par exemple, le fait depuis un certain temps, et Figma suivez aussi.
Bien entendu, il existe un système et un guide de style, les couleurs ne sont pas choisies au hasard. C'est juste que maintenant, ce qui était autrefois une palette de 4 ou 5 couleurs va laisser place à des palettes de couleurs beaucoup plus diversifiées qui ont du sens et représentent votre marque d'une manière établie et harmonieuse. Différentes couleurs issues de cette grande palette seront utilisées en fonction du sujet ou de l'environnement qu'un écran spécifique essaie de transmettre.
Rendez-le efficace - un texte en gras et volumineux contribuera grandement à créer le premier impact d'un produit, en fonction de la pertinence de la phrase. Et il n'est pas nécessaire qu'il ait l'air agressif ou qu'il soit utilisé uniquement pour les pages de destination. On peut faire un effort supplémentaire et l'utiliser également pour les menus, si c'est un choix viable.
Comme vous pouvez le constater dans les exemples suivants, l'adoption de grandes tailles de police leur a donné l'impact graphique des affiches d'apparence urgente.
Encore une fois, le piège est d'avoir un texte si volumineux qu'il masque tout autre élément permettant d'approfondir l'expérience de l'utilisateur, et ce n'est pas ce que nous voulons.
Souvenez-vous de la façon dont le brutalisme est devenu un style viable même pour des marques plus commerciales et établies ? Ce style est là pour durer, du moins pour un certain temps. Les grilles sont flexibles et n’ont pas besoin d’être ultra rigides, car les utilisateurs maîtrisent de mieux en mieux les rouages des produits numériques. En réalité, les pages deviennent un peu moins prévisibles et plus intéressantes à parcourir, comme l’illustrent les concepts suivants.
L’essentiel est de s’inspirer des exemples les plus « extrêmes » pour les adapter aux besoins du produit, dans la mesure du possible. À moins que le produit ne cherche à s’imposer comme une référence avant-gardiste — auquel cas, expérimentez et testez — nous ne voulons pas que les utilisateurs se perdent (trop).
Le Material Design est apparu et le brutalisme a été sa contre-réaction. Mais ces principes de conception matérielle ont également été poussés à un niveau supérieur en poussant les objets graphiques vers une toute autre ambition de réalisme.
Un bouton ressemble à un bouton réel et le minimalisme contribue à créer une esthétique réellement nouvelle et utilisable.
Ce style n'est pas facile et bénéficie de certaines notions spatiales, mais il ne nécessite pas que le concepteur connaisse la modélisation 3D.
Les artistes suivants ont décidé d'explorer le retour du skeuomorphisme tout en s'adaptant aux couleurs et à l'ambiance actuelles que l'on attend de certains types de produits. Les résultats ont été incroyables.
Mais abordons un point : ce n'est pas un style rapide à créer. Les hautes lumières et les ombres doivent être précises pour que les éléments ressemblent réellement à ce qu'ils seraient dans la réalité. Et ce n'est pas l'une de ces situations où un élément de design convient à tous, mais les concepteurs trouveront certainement des moyens plus rapides d'obtenir ces effets.
À Imaginary Cloud, il y a plein de nouveautés à découvrir cette année. Les concepteurs comme les propriétaires de produits peuvent commencer à examiner leur travail avec un nouvel esprit, en essayant quelque chose de nouveau qui se démarque sur le marché, car les nouvelles tendances en matière d'interface utilisateur devraient toujours les motiver à aller plus loin dans leurs choix stylistiques. Qui sait, peut-être que nos explorations s'appuieront sur ce qui est fait et définiront les nouvelles tendances. On peut rêver.
Vous avez trouvé cet article utile ? Ceux-ci vous plairont peut-être aussi !
Je suis designer d'interface utilisateur et de produits, illustrateur et peintre. Connue pour mon amour des serviettes de plage sales, de la production musicale, de la typographie et de toutes sortes de pizzas.
People who read this post, also found these interesting:
