DESIGN D’INTERFACE- Les 10 tendances en 2017 -

- ÇA RESTE D’ACTUALITÉ -

TENDANCE N°1

SIMPLICITÉET CLARTÉ

L’omniprésence du mobile a transformé les interfaces et la manière d’afficher le contenu : on montre à l’utilisateur ce qu’il est venu chercher, on l’aide à effectuer une action précise et on limite la quantité de texte.

La présence du blanc est très importante. On voit de plus en plus de mises en page aérées et géométriques, mais parfois également des grilles plus déstructurées qui permettent de donner plus de dynamisme à l’écran.

Monopage, split d’écrans (avec windows, ios…) ou au contraire

fullscreen

TENDANCE N°2

DE LA COULEURET DES CONTRASTES

Simple ne veut pas dire froid.

La couleur et les dégradés viennent ramener de la chaleur dans les interfaces. On préférera définir un jeu de couleurs simple et mettre l’accent sur la couleur d’action/d’accent pour créer le contraste.

TENDANCE N°3

HIÉRARCHIE ET TYPOGRAPHIE

Le choix de la police de caractères est fondamental et contribue à l’identité de la marque et de la plateforme.

La typographie reste un moyen incontournable pour hiérarchiser l’information grâce à des contrastes de taille et des variations de graisse.

Les contraintes d'accessibilité, de plus en plus présentes, et les interfaces conversationnelles vont redonner à la typographie toute son importance.

https://www.behance.net/gallery/45843911/CLoQK

TENDANCE N°4

L’ILLUSTRATION SOUS TOUTES SES FORMES

En réponse au flat design et aux visuels impersonnels des banques d'images, on voit apparaître de plus en plus d’illustrations.

L’approche ludique et différenciante d’une illustration permet de donner une personnalité aux interfaces, d’affirmer l’identité d’une marque et de trouver une nouvelle manière de présenter les contenus. Elles sont particulièrement pertinentes pour créer du storytelling.

Il est important pour une marque d’avoir sa propre bibliothèque d’illustrations.

TENDANCE N°5

MOTION UIET DESIGN EMOTIONNEL

Les animations ne sont pas là pour créer le « wahou effect ». Elles aident à la compréhension de l’interface et des interactions.

Les animations s’inspirent des lois de la physique (ex. Material Design) tout en restant discrètes. Les micro-interactions permettent de donner du feedback à l’utilisateur suite à une action.

Attention à ne pas en abuser, à garder une cohérence et du sens.

- C’EST NOUVEAU (OU PRESQUE) -

Avoir une expérience globale et cohérente sur tous les supports passe par la création d’un véritable langage visuel.

Les futures interfaces ne seront donc plus pensées par écran mais bien comme des systèmes de composants, vivants et évolutifs.

TENDANCE N°6

UN LANGAGE VISUEL(éloge de la cohérence)

ATOMICSystème de composants vivants

Volonté d'harmonisationDesign language

Avec les objets connectés et l’impression 3D, le digital se reconnecte avec le monde physique.

Sans aller jusqu’à revenir au skeuomorphisme, on observe une tendance à se rapprocher du monde physique avec des interfaces qu’on a envie de toucher (matières) et avec lesquelles on a envie de jouer (ombres, animations...).

TENDANCE N°7

DES CRÉASQUI SORTENTDE L’ÉCRAN

Le big data est là, ça ne fait plus de doute pour personne.

Ces données doivent maintenant être exploitées et analysées afin de donner à l’utilisateur la meilleure expérience possible.

La représentation claire et pertinente de ces données sera structurante, d’autant plus sur des applications bancaires.

TENDANCE N°8

REPRÉSENTER LES DATAS

Notre objectif en tant que designer étant de créer une bonne expérience utilisateur, de plus en plus de sites web s’inspirent des bonnes pratiques UX/UI venant des applications mobiles et tablettes.

La volonté est donc d'optimiser la navigation avec des interfaces « intelligentes » (clever menu, formulaires prédictifs,…) et d'engager une réflexion autour du contenu pour ne garder que l'essentiel. Etant donné que le contexte d'utilisation est différent entre un site et une appli, il faut adopter une approche « Test & Learn » car certaines bonnes pratiques ne fonctionnent pas en cross-canal.

DFA ING ?

TENDANCE N°9

RACONTERDES HISTOIRES

Le storytelling est plus que jamais d’actualité pour embarquer l’utilisateur dans un récit et plus simplement une suite d’arguments.

Les monopages très longues (fini la peur du scroll !!!) se composent au fil de la lecture et deviennent de vraies narrations.

Cela permet de remplacer une lecture du contenu parfois monotone par un délicieux processus de découverte.

On assiste également à la mort des photos libres de droits et on préférera de l’authentique, du vécu.

TENDANCE N°10

VIVRE DE NOUVELLES EXPÉRIENCES

On ne compte plus les nouveautés technologiques qui relevaient encore il y a quelques années de la fiction.

Réalité virtuelle, réalité augmentée, jeux qui font sortir les utilisateurs dans la rue (Pokemon Go)...

L’utilisateur va donc être de plus en plus en demande de nouvelles expériences (visuelles, sonores et tactiles) et de produits qui cassent les codes établis.

Il va également s’attendre, grâce à toutes ces technologies, à un design personnalisé, prédictif et intelligent.