Qu'est-ce que l'appartement 2.0 et pourquoi devriez-vous vous en soucier?

Juste au moment où vous pensiez avoir imaginé le design plat, tout le monde a commencé à parler de Flat 2.0. Si vous n'avez jamais tenté de concevoir un projet plat, le moment est venu.

Flat 2.0 est plus facile à utiliser car il combine le meilleur de la conception plate avec des repères d'interface utilisateur supplémentaires pour vous aider à créer une conception de site Web aussi belle que fonctionnelle. Il est également très adaptable et fonctionne avec presque tous les concepts. Contrairement à certains des sites Web les plus purs conçus à plat, Flat 2.0 combine des éléments plats à des ajouts subtils pour améliorer la convivialité. Jetons un coup d'oeil à quelques exemples!

Designers Love Flat

Admettez-le, le design plat était tout ce dont les concepteurs parlaient il y a quelques années. Aimez-le ou détestez-le, le design plat a pris beaucoup de vapeur.

Le style de conception, caractérisé par une esthétique épurée, sans aucune décoration d'éléments tels que le gaufrage, les ombres portées ou d'autres effets de style tridimensionnels, a été utilisé dans de nombreux projets de grande envergure et conceptions simples. La conception à plat manquait également d'éléments élevés pour indiquer le clic ou creuses ou affaissées pour montrer que les éléments avaient besoin d'une entrée. Il a notamment été adopté pour iOS 7 d’Apple, un changement radical du skeuomorphism auquel les utilisateurs étaient habitués.

Mais cela a fonctionné. Les designers ont adoré. (Flat est très amusant à concevoir.) Des couleurs vives, des polices simples et le minimalisme absolu ont contribué à la réalisation de beaux projets.

Il y avait juste un problême. Ce n'était pas assez intuitif pour tous les utilisateurs. Certains ont fait valoir que le style de conception était si plat qu'il était possible de discerner ce que les utilisateurs étaient censés faire et comment l'interface était censée fonctionner.

Entrez Flat 2.0.

Les utilisateurs ont besoin d'un peu plus

Flat 2.0 fournit une allocation pour les détails subtils et ne pas? Hors la loi? techniques - ombres, dégradés, superpositions - qui ne faisaient pas partie du design plat. L'utilisation de caractéristiques subtiles en combinaison avec tous les autres éléments de design plat a été appelée Flat 2.0 dans de nombreux cercles. (Et juste une évolution du style chez les autres.)

Le concept a été utilisé pour la première fois par le designer Ryan Allen à la fin de 2014: «Flat 2.0 est une évolution, pas une révolution. Flat Design est une branche ludique de l’arbre plat. Le design plat est le sapin de Noël, le plat 2.0 est les ornements et les cannes de bonbon. Et des cadeaux. Pas de clinquant cependant, ce truc est un gâchis à nettoyer.

Flat 2.0 permet aux concepteurs, en substance, de casser les règles strictes associées au design plat.

  • Points forts
  • Pente
  • Plusieurs teintes et valeurs de couleur
  • Ombre portée
  • Toute palette de couleurs (pas seulement super brillante)

L'autre grand changement est que le Flat 2.0 ne vit pas dans un monde où tout est un élément ou une icône de l'interface utilisateur. Les photos et les vidéos constituent une grande partie des interfaces Flat 2.0. (Beaucoup de puristes du design plat ont pensé que ces éléments visuels éloignaient l’objectif de l’esthétique.)

Flat 2.0 et les itérations suivantes sont les nouveaux discours du monde du design, notamment en raison de la popularité émergente de l'interface Material Design créée et adoptée par Google et de son esthétique Flat 2.0. Le look est évidemment aplati, mais présente l'évolution d'éléments avec la superposition en tant que composant visuel clé ainsi que l'utilisation d'ombres.

Flat 2.0 résout certains problèmes

Selon beaucoup, le design plat posait problème. Le groupe Nielsen Norman, qui effectue des recherches sur l'expérience utilisateur, a notamment critiqué le design plat. Certaines de ces questions incluent:

  • Un manque de signifiants traditionnels (et importants), tels que des dégradés, des ombres et souligne que les utilisateurs comprenaient quoi faire avec
  • Une absence de modèles familiers pour la facilité d'utilisation, tels que l'utilisation de texte souligné en bleu pour les liens
  • Changement dans les boutons et les actions contextuels, tels que le placement d'appels à l'action et le manque de copie exploitable en faveur de moins de mots

Flat 2.0 résout bon nombre de ces problèmes et donne aux concepteurs davantage de flexibilité pour concevoir de manière à être plus facile à utiliser. C'était ce qui manquait avec le design plat. Bien que le look soit créatif et cool, il était à la mode pour les concepteurs, mais pas toujours destiné aux utilisateurs.

Caractéristiques de l'appartement 2.0

Flat 2.0 est le mariage apparemment parfait entre minimalisme et skeuomorphism. C'est un style très utilisable qui est visuellement agréable. Les designers aiment ça. Les utilisateurs l'aiment. Ceci est une tendance qui fonctionne.

Une grande partie de Flat 2.0 est ancrée dans la théorie du design. (Si vous voulez revenir à l'essentiel et faire quelque chose qui fonctionne, la théorie est toujours un bon point de départ.)

Flat 2.0 utilise un style spécifique pour créer une hiérarchie pour un flux dans la conception. Les palettes de couleurs sont distinctes et construites avec un but. L'accent est mis sur l'organisation, l'espacement et la clarté des éléments. Chaque élément de la conception est supposé être simple, mais très compréhensible.

Ce dernier bit est celui où Flat 2.0 réussit. Les concepteurs peuvent prendre le design jusqu'au bord du skeuomorphism s'ils le souhaitent et revenir en arrière d'un clic. Flat 2.0 est enraciné dans la facilité d'utilisation. (On ne peut pas en dire assez, car c’est l’essence de la conception.)

Ajoutez tout cela à l'idée que ce style est très flexible et personnalisable. Il est conçu pour les frameworks adaptatifs et réactifs ou les interfaces Material. Et chaque concepteur peut mélanger et assortir les styles et les concepts pour créer quelque chose de tout à fait unique. (Vous auriez du mal à trouver quelque chose de plus attrayant que cela.)

Conclusion

Flat 2.0 n’est qu’un pas de plus dans l’évolution de ce style de design enraciné dans la forme la plus pure du minimalisme. Ce qui est si attrayant à propos de Flat 2.0 (et de la conception plate en général), c'est le facteur de plaisir inné qui va avec.

Des couleurs vives à la typographie qui demande à être lue, les éléments d’interface utilisateur plus plats cèdent la place aux éléments de la conception que les utilisateurs doivent voir en premier.Les boutons plats et les styles de copie de corps simples donnent plus de place aux images et aux appels à l'action. Et c'est pourquoi Flat 2.0 est si important. C'est utilisable. C'est fonctionnel. Et bien que cela continue à évoluer, l’idée derrière tout cela est là pour rester.