Le neumorphisme a-t-il une place dans la conception d'applications en 2021?

Les gens appellent le neumorphisme la nouvelle tendance du design «it». Mais avec des racines dans le skeuomorphisme (que nous avons plus ou moins été heureux de supprimer) et des problèmes de convivialité, pourquoi est-il en train de devenir à la mode?

J'écris sur le design depuis près de huit ans maintenant. À cette époque, j'ai vu des applications traverser une étrange évolution de style.

À l'époque où je suis entré dans ce domaine, le skeuomorphisme était en voie de disparition et le design plat était en cours. Le design plat a ensuite conduit à la conception matérielle. . Et peu de temps après, les deux ont fusionné et nous ont donné un design plat 2.0.

On dit maintenant que le skeuomorphisme est en train de redémarrer en tant que neumorphisme. Mais pourquoi?

Pourquoi ramener de vieilles tendances que nous étions plus qu'heureux de mettre derrière nous (et avec raison)? Est-ce parce que le comportement et les préférences des consommateurs changent tellement que nous devons avoir ces anciennes solutions de secours prêtes à redémarrer?

Ou est-ce que nous compliquons simplement les choses plus qu'elles ne devraient l'être?

Aujourd'hui, je veux regarder à cette tendance dite du neumorphisme, d'où il vient et quand (le cas échéant) vous voudrez peut-être l'utiliser dans la conception d'applications en 2021.

D'où vient le neumorphisme?

Alors que la conception des applications de la dernière décennie les tendances ont eu des apparences différentes, la plus grande différence entre elles est leur nature tactile.

Skeuomorphism par exemple, vise à faire ressembler les interfaces utilisateur à leurs homologues du monde réel. Le but est de rendre les interfaces plus réalistes et plus tactiles.

Le jeu mobile Word Connect par exemple, utilise le skeuomorphisme pour créer un tableau semblable au Scrabble où les lettres s'emboîtent parfaitement:

Le design plat supprime le réalisme et nous donne une surface entièrement plane qui ne s'embourbe pas avec des détails et des bords réalistes.

Instagram est un bon exemple de ce style:

En raison de ce manque de profondeur, cependant, il y a quelques problèmes d'utilisabilité avec le design plat, car il n'est pas toujours clair quels éléments de l'interface utilisateur sont cliquable.

C'est l'une des raisons pour lesquelles y nous avons Material Design . Ce style utilise des éléments plats et colorés, mais les place sur des plans différents, imitant le comportement du papier et d'autres objets dans le monde réel.

Bien qu'il n'y ait pas trop d'applications qui adhèrent au guide de style original, Wordscapes Search conserve de nombreux principes originaux tels que les couleurs vives, les éléments superposés et les animations:

Ce style est venu avec ses propres problèmes. Le plus important est que les directives strictes fournies par Google ont conduit de nombreux concepteurs d'applications à créer des applications identiques.

Flat design 2.0 est un hybride des bonnes parties du design plat (interfaces utilisateur minimales et propres avec couleurs plus conviviales) et Material Design (éléments en couches qui améliorent la confiance des clics).

Rover a un bel exemple de la façon dont cela est fait:

L'interface utilisateur est simplement conçue, mais le les éléments cliquables sont soulevés et les animations sont utiles.

Cela aurait pu être la fin de l'évolution de la conception des applications de la décennie. Mais non. Depuis le début de 2020, on dit que le neumorphisme est le prochain sur la liste.

Le neumorphisme – également connu sous le nom d'interface utilisateur douce – est similaire au skeuomorphisme en ce qu'il rend les interfaces utilisateur plus réelles et tactiles que le design plat . Cependant, cette tendance n'est pas criarde comme l'était le skeuomorphisme de la vieille école.

Elle a deux caractéristiques distinctives:

• Une palette de couleurs monochromes pour que l'arrière-plan et les éléments semblent faire partie de la même surface
• Déprimé Éléments d'interface utilisateur, qui donnent à l'interface une apparence douce et tactile

L'exemple suivant vient du jeu mobile bien nommé Neumorphism :

Remarquez comment l'interface entièrement grise aide les boutons en relief à se démarquer davantage que les boutons enfoncés. Je vais ensuite expliquer pourquoi c'est problématique.

Le neumorphisme a-t-il une place dans la conception d'applications?

Il y a un gros problème avec le neumorphisme. Ce n’est pas accessible.

Ce n’est pas seulement le faible contraste entre l’arrière-plan et les éléments cliquables qui pose problème. Une palette de couleurs monochromes mal choisie pourrait rendre l'interface difficile à lire ou à utiliser pour certains utilisateurs.

Certains concepteurs ont suggéré d'ajouter de la couleur aux bordures de l'élément d'interface utilisateur ou au texte ou à l'icône qu'il contient. Mais cela va à l'encontre de l'une des principales caractéristiques déterminantes de la tendance.

Donc, si vous ne pouvez pas concevoir le neumorphisme tel quel… à quoi bon?

Malgré un certain nombre de personnes qualifiant le neumorphisme de la dernière tendance du design pour 2020 et maintenant 2021, je pouvais à peine le trouver nulle part dans l'App Store. Donc, je pense que les concepteurs se rendent peut-être déjà compte que vous ne pouvez pas faire grand-chose avec ce style prêt à l'emploi.

Cela dit, ce n'est pas une cause totalement perdue.

En termes de types d'applications que vous pourriez concevoir en un style neumorphique, l'un serait de simples jeux de puzzle comme celui que nous avons vu ci-dessus. Il est certainement plus facile de se concentrer sur un plateau de jeu lorsqu'il n'y a pas une tonne de couleurs criardes, d'annonces et d'animations qui vous distraient du jeu. Ainsi, le neumorphisme serait utile dans ce sens.

Un autre type d'application pour lequel cela fonctionne est les calculatrices. Voici à quoi ressemble le neumorphisme sur la Soft Calculator :

J'ai vu des modèles d'interface utilisateur conçus pour les tableaux de bord analytiques dans le style neumorphique. Je ne pense pas que ce soit un bon choix car le monochrome rendrait difficile la compréhension des données présentées.

Une dernière chose que je dirai est la suivante:

Si vous aimez l'apparence des éléments de l'interface utilisateur déprimés plus doux, rien n'indique que vous devez les utiliser en conjonction avec une palette monochromatique. En fait, cet aspect déprimé pourrait donner à l'interface utilisateur de votre application un aspect unique si vous l'utilisez aux bons endroits.

Plus précisément, vous pouvez utiliser le style de bouton enfoncé à la place de tout élément qui utiliserait autrement un style de couche de survol. Vous pouvez également l'utiliser pour la barre de recherche de votre application, les champs de formulaire, les curseurs de bascule, les images de profil, les icônes cliquables, etc.

Conclusion

Pourquoi avons-nous besoin d'un nouveau style de conception pour faire du battage sur chacun d'eux? an? Et pourquoi nous dérangeons-nous quand ce n'est rien de plus qu'un redémarrage d'une tendance du design qui est tombée en désuétude il y a près de dix ans? avec lui, je ne sais pas si nous devons changer les styles d'applications aussi fréquemment. Non seulement cela nécessite beaucoup de travail de votre part pour apprendre le nouveau style et l'appliquer à des applications nouvelles et existantes, mais cela va obliger les consommateurs à se réajuster (encore une fois) à une nouvelle tendance de conception.