IntuiFace et les tendances de l'expérience utilisateur en 2017 - Tendance #9 : Design semi-plate

Tendance en matière d'expérience utilisateur # 9 - Design semi-plate

Conception semi-plate : Qu'est-ce que
?

Nous savons tous probablement que le monde a dit adieu à la tendance du design réaliste et a accueilli le design plat qui, en fait, aplatit tous les designs que nous voyons aujourd'hui. Ce fut un véritable bouleversement, puisque même les plus grandes marques comme Netflix, PayPal, Virgin Media, etc. ont redessiné leurs logos. Finis les looks 3D réalistes avec des couleurs dégradées et des polices courbes, ces nouvelles icônes sont minimisées, légères, propres, rapides à saisir et beaucoup plus réactives.

Malgré tous ses avantages, le flat design - dominé par des règles générales telles que les illustrations en 2D, les bords nets et la palette de couleurs monochromes - peut sembler ennuyeux. Comme il n'y a pas d'axe Z, les éléments cliquables sont beaucoup plus difficiles à découvrir et les gens peuvent avoir du mal à détecter la hiérarchie visuelle d'une illustration.

Heureusement, les gens ont trouvé un moyen de limiter ces inconvénients grâce à l'influence du Material Design, le nouveau langage de conception de Google. En ajoutant certaines caractéristiques du Material Design, comme l'utilisation d'animations de transition et d'effets de profondeur tels que l'éclairage et les ombres, le design plat acquiert une profondeur subtile qui permet d'établir des analogies entre le design et le monde physique, facilitant ainsi leur compréhension. Cette amélioration est appelée design semi-plat, ou parfois presque plat ou Flat 2.0.

‍

Conception semi-plate : Quand l'utiliser ?

Si vous souhaitez que votre design ait un aspect "old school", optez pour le réalisme. Le réalisme n'a pas encore atteint son apogée, vous pouvez donc encore y parvenir. Toutefois, si vous êtes un adepte des designs simples et minimaux, nous vous suggérons d'ajouter plus de dimension à votre projet en utilisant des ombres subtiles pour ajouter une touche de complexité tout en conservant l'impression de propreté d'un design plat. C'est alors qu'intervient le design semi-plat.

Design semi-plat : Comment
l'utiliser dans IntuiFace ?

Restez simple, mais ne tombez pas dans l'extrême :

Nous ne voulons pas détruire la sensation de propreté de
le Flat Design. Par conséquent, conservez les caractéristiques clés telles que les couleurs monochromes, les boutons aux bords nets, les espaces ouverts et la typographie simple. Cependant, ne vous limitez pas aux couleurs de base. Au contraire, des couleurs vives et éclatantes avec des teintes et des nuances différentes rendront votre expérience beaucoup plus accrocheuse et mémorable.

Ajouter de la profondeur : 

Des ombres subtiles à l'intérieur ou à l'extérieur de vos éléments clés et de vos boutons sont les bienvenues ! En fait, un effet d'ombre longue avec un angle de 45 degrés et une grande taille est actuellement en vogue, un effet qui donne à vos éléments une impression de 3D tout en restant plat.

Des animations et des transitions réactives : 

Lors de la construction d'une expérience interactive avec IntuiFace, la réactivité visuelle est extrêmement importante. Par exemple, lorsqu'un utilisateur touche un bouton, il attend une réponse visuelle de ce bouton. Pour résoudre ce cas particulier, utilisez le bouton image au lieu d'une image normale. En outre, IntuiFace vous fournit également des outils pour créer vos propres animations, alors n'hésitez pas à fournir un retour visuel par le biais de l'animation.

‍