La nouvelle tendance en matière de conception d'interface utilisateur : un aperçu du neumorphisme

La conception neumorphique est une tendance visuelle qui a gagné du terrain auprès des concepteurs d'interface utilisateur et est devenue un choix esthétique populaire pour les logiciels, les sites Web et les applications mobiles contemporains. S'appuyant sur des aspects du photoréalisme et de la conception 3D, le neumorphisme apporte des attributs physiques simulés, tels que des ombres et des textures, aux interfaces numériques. Pour bien comprendre l'impact du design neumorphique, regardons ses origines.

Les origines du design neumorphique

Quand Apple a sorti le Macintosh en 1984, c'était le premier ordinateur personnel avec une interface utilisateur graphique. À l'époque, le cofondateur d'Apple, Steve Jobs, pensait que des icônes et des symboles familiers, tels qu'une poubelle ou un dossier, aideraient les utilisateurs débutants à mieux comprendre comment naviguer dans l'interface Macintosh. Jobs a quitté Apple en 1985, mais à son retour en 1997, il a orienté l'esthétique de l'interface utilisateur de l'entreprise vers le skeuomorphisme, un style dans lequel les composants d'interface reflètent leurs homologues du monde réel jusque dans les moindres détails. Au moment du lancement de Mac OS X en 2001, Apple avait développé un système skeuomorphe à part entière appelé Aqua, un langage de conception sur le thème de l'eau avec des icônes, des boutons et des menus déroulants scintillants.

Avec l'introduction de l'iPhone en 2007, la marque de skeuomorphisme d'Apple est devenue encore plus réaliste. Au début des années 2010, la conception skeuomorphe était le choix de facto pour les interfaces numériques. Mais à mesure que le monde devenait de plus en plus dépendant des appareils mobiles, les limites du skeuomorphisme sont devenues claires : la création de composants de conception skeuomorphes prend beaucoup de temps et nécessite un degré élevé de capacité technique. Et bien que les composants skeuomorphes aient fière allure sur les ordinateurs de bureau et les écrans d'accueil, leurs détails les plus fins ont tendance à disparaître lorsqu'ils sont mis à l'échelle à de petites tailles.

Contrastant fortement avec les dégradés et les textures réalistes du skeuomorphisme, le milieu des années 2010 a vu l'adoption généralisée du design plat, un redémarrage de l'ère numérique du minimalisme des années 1960. La conception plate dépouille les composants d'interface de tout sauf de leurs éléments les plus essentiels - ligne, forme et couleur - ce qui en fait un style rapide et très flexible qui convient bien aux grandes entreprises qui cherchent à systématiser leurs langages de conception.

Pendant quelques années, le skeuomorphisme était un anathème pour les designers, mais de ses cendres, une nouvelle tendance a pris de l'importance. Fin 2019, le neumorphisme (abréviation de « nouveau skeuomorphisme ») est arrivé et semblait offrir le meilleur de ses prédécesseurs. Trouver un équilibre entre l'hyperréalisme et le minimalisme, le neumorphisme utilise des couleurs, des textures et des ombres d'une manière qui semble fidèle à la vie sans être trop détaillée.

Neumorphisme 101

La conception neumorphique a trois caractéristiques communes : des schémas de couleurs monochromatiques, un faible contraste et des ombres subtiles. Les concepteurs d'interface utilisateur sont capables d'appliquer ces traits à un large éventail de composants de conception qui présentent l'esthétique douce du neumorphisme. Regardons une application de calculatrice pour voir comment fonctionne la conception neumorphique :

Dans la conception skeuomorphique, la calculatrice est rendue avec des dégradés et des surbrillances, et sa palette de couleurs aide à séparer le premier plan de l'arrière-plan. Il est censé ressembler et fonctionner comme une calculatrice que vous pourriez trouver dans votre bureau. Une version plate de la même calculatrice abandonne les techniques de rendu représentationnel du skeumorphisme et s'appuie sur des formes et des blocs de couleur pour distinguer ses différentes sections.

Le design neumorphique s'inspire à la fois du skeumorphisme et du design plat en associant une palette de couleurs monochromes à des ombres subtiles qui donnent aux boutons de la calculatrice une apparence tactile. Le contraste réduit entre le premier plan et l'arrière-plan donne à la calculatrice une finition douce et l'effet global est un réalisme simplifié.

Exemples de conception neumorphique

Maintenant que vous connaissez ses attributs uniques, vous remarquerez le neumorphisme partout. En effet, les concepteurs d'interface utilisateur de divers secteurs tels que l'automobile, le divertissement, la santé et la finance ont réinventé les composants d'interface avec l'apparence caractéristique du neumorphisme :

Les avantages et les inconvénients de la conception neumorphique

Toutes les tendances du design ont des avantages et des inconvénients. Lorsqu'elles sont utilisées de manière réfléchie, les tendances ont la capacité de donner un nouveau souffle à des modèles de conception prévisibles, mais des difficultés surviennent lorsque les tendances sont forcées dans des applications où elles ne servent pas les utilisateurs. Explorons les avantages et les inconvénients de la conception neumorphique pour mieux comprendre son utilité.

Avantages

Parce que le neumorphisme est visuellement simple, il convient parfaitement aux produits numériques, qui se composent souvent de dizaines, voire de centaines, d'écrans et de composants de conception. Dans la conception de produits numériques, la simplicité présente plusieurs avantages : elle permet aux concepteurs de créer plus facilement des expériences esthétiquement cohérentes, quel que soit le nombre d'écrans d'un produit. Il accélère le processus de conceptualisation, de construction, de test et d'itération de nouveaux écrans. Et cela aide les concepteurs à garder les produits visuellement cohérents à mesure qu'ils évoluent.

En plus de sa simplicité, les qualités réalistes du neumorphisme peuvent rendre les composants de l'interface utilisateur plus tactiles et peuvent aider à signifier l'interactivité pour les utilisateurs.

Les inconvénients

Bien que le neumorphisme soit une tendance populaire et largement utilisée, il s'accompagne de problèmes d'accessibilité. Si les concepteurs choisissent d'utiliser des éléments neumorphiques strictement monochromatiques, ils pourraient créer des problèmes pour les personnes ayant une déficience visuelle comme le daltonisme. De plus, la dépendance du neumorphisme à un faible contraste pour obtenir son aspect doux peut entraver la lisibilité et rendre difficile pour les utilisateurs l'identification des boutons, des icônes, des formulaires et d'autres fonctionnalités importantes de l'interface.

Le design neumorphique est intemporel

Lorsqu'il est mis en œuvre en tenant compte des besoins (et de l'accessibilité) des utilisateurs, le neumorphisme est une option de conception d'interface utilisateur visuellement attrayante pour les applications et les sites Web. Ses ombres discrètes et ses textures douces confèrent aux composants de l'interface utilisateur une chaleur qui invite à l'interaction. Dans le monde du design, les styles vont et viennent, mais la simplicité et les qualités tactiles du neumorphisme le rendent bien adapté pour résister à l'épreuve du temps.