Le terme Conception simple o Flat Design décrit un type particulier de conception Web dans lequel la fonctionnalité du Web est au centre de l'attention. Cela se fait sans les éléments de conception habituels tels que les textures, les ornements ou les ombres, afin de réduire la conception au cœur.
Principe de conception plate
Le design plat contraste avec le skeuomorphisme, qui consistait autrefois à orienter les toiles au plus près de «l'original». Un exemple couramment cité est celui des applications de notes qui ressemblent à un véritable bloc-notes, du «papier» ligné à «l'étui en cuir», qui ont été réalisées avec les textures correspondantes. Un design plat supprime délibérément les objets 3D, les effets d'éclairage ou les boutons tridimensionnels. Ce sont plutôt les lignes claires, les lettres facilement lisibles avec une progression assez élégante et le jeu des couleurs qui comptent. Les innovations qui vont de pair avec le design plat sont, entre autres:
- Libre choix des polices (polices Web).
- Concevez des icônes en utilisant des polices (vecteurs) qui peuvent être mises à l'échelle par n'importe quel navigateur sans perte de qualité.
- Aucune utilisation d'images ou de textures d'arrière-plan.
- Structuration par surfaces et boutons colorés.
- Forte clarté de la page Web.
- Navigation intuitive.
- Haute convivialité.
- Concentrez-vous sur le contenu plutôt que sur le design.
- Il n'y a pas besoin de petits dessins avec trop de photos.
Les représentants typiques des mises en page à plat sont, par exemple, ceux d'une page, dans lesquels toutes les informations se trouvent sur une seule sous-page, une variante couramment sélectionnée pour les sites Web d'entreprise qui n'auraient que quelques sous-pages. Les grands sites Web, où un seul grand graphique et une seule déclaration sont au centre de la page d'accueil, font également partie du concept de «design plat».
Exemples
Avant même que le flat design ne réussisse, il y avait déjà plusieurs grands fabricants qui appliquaient ce principe. Par exemple, Microsoft avec la conception Metro de Windows 8, qui diffère grandement de ses versions précédentes. Cette évolution peut également être observée dans les systèmes d'exploitation actuels des smartphones, tels qu'Android ou iOs, et les applications pour smartphone sont conçues de cette manière.
Différence dans la conception réactive
Le design réactif est souvent mentionné dans le même sujet que le design plat. Cependant, les deux termes ne signifient pas exactement la même chose. Le Responsive Design est une conception Web qui s'adapte sans effort à une grande variété de modèles de navigateurs et peut donc être visualisée sans restriction sur un petit écran de téléphone portable et sur un moniteur de 24 pouces. Design plat, en revanche, existe quel que soit l'appareil choisi. La conception réactive est généralement également plate, mais la conception plate ne répond pas automatiquement. Cependant, une conception plate réduit les temps de chargement et est plus flexible et adaptable à différentes solutions. Par conséquent, il peut faire partie du Responsive Design.
Avantages du design plat
La conception à plat nécessite beaucoup moins d'éléments de conception, tels que des images ou des effets complexes. Cela signifie que beaucoup moins de données doivent être transportées lors du chargement du Web. D'une part, cela a un effet positif sur les temps de chargement, mais il est également judicieux pour les utilisateurs de téléphones mobiles, principalement en ce qui concerne l'utilisation de leur volume de données. La conception plate empêche les sites Web d'être surchargés, ce qui peut rendre leur utilisation difficile pour l'utilisateur.
Inconvénients du design plat
Un inconvénient peut être que la perte du caractère d'un site Web peut également résulter de l'abandon de certains éléments de conception. De nombreuses pages avec une mise en page plate sont très similaires en termes de structure et de mise en page.
La navigation peut également être problématique. Ceci est particulièrement important pour les petits appareils. La conception plate rend plus difficile de guider l'utilisateur et de lui montrer comment naviguer correctement sur le portail Web.
Les experts supposent même qu'un design plat pour une boutique en ligne peut entraîner des pertes de conversion s'il est mis en œuvre de manière trop extrême. Grâce à leur conception réduite, les éléments de conversion ne se distinguent plus des autres et ne peuvent pas être suffisamment perçus par l'utilisateur.
