La tendance au design plat a envahi le monde de la conception graphique en très peu de temps. L’une des premières grandes interfaces à passer au flat a été Windows 8. Cependant, ce n’est pas avant la sortie de l’iOS 7 d’Apple l’été dernier, le 10 juin 2013, que nous avons vraiment vu une augmentation énorme des nombreuses interfaces, sites Web, applications et autres qui ont adopté un design plat. Avant cela, la plupart des conceptions étaient skeuomorphiques avec beaucoup d’effets 3D, de dégradés et de texture.
Augmentation importante des interfaces
Quel est le but du flat design ?
La tendance du flat design est une démarche visant à faciliter la conception pour les concepteurs et les utilisateurs. L’idée est de supprimer tous les extras afin de présenter les informations de manière claire et nette. Le modernisme est le minimalisme, et la tendance au design plat s’en inspire certainement. Jony Ive a décrit le design plat mis à jour d’iOS 7 comme un moyen de « mettre de l’ordre dans la complexité ».
Basiquement, l’idée derrière le design plat est que les utilisateurs peuvent comprendre ce que les boutons et autres éléments d’une interface représentent sans avoir besoin d’une apparence réelle. Sans le temps supplémentaire nécessaire au skeuomorphisme, les concepteurs peuvent passer plus de temps sur des aspects plus importants dans un design plat.
Le site Web de Stereo Creative utilise le défilement parallaxe pour créer de l’intérêt, mais le design plat empêche l’effet de défilement d’être trop important.
En quoi le flat nuit-il à l’utilisabilité ?
Le seul vrai problème avec les designs plats est qu’ils vont souvent trop loin. Le minimalisme dans le but d’offrir un design plus simpliste et convivial est un objectif très noble. Mais trop de minimalisme crée des problèmes d’utilisabilité, comme ceux que nous constatons avec la tendance du flat design.
Deux grandes plaintes concernant les flat designs sont qu’ils ne sont pas intuitifs et sont tout simplement beaucoup trop déroutants. Sans les repères visuels qui aident les utilisateurs à savoir quelles icônes sont des boutons, les interfaces et les sites Web laissent de nombreux utilisateurs frustrés. Windows 8 a créé son design plat spécifiquement pour les tablettes, et cela fonctionne plutôt bien pour les utilisateurs de tablettes puisque le glissement dans l’interface fonctionne pour un écran tactile. Cependant, les utilisateurs de bureau avec une souris ont du mal à apprendre comment manœuvrer à travers l’interface.
Le problème vraiment flagrant de Windows 8, cependant, est la mauvaise navigation. De nombreux utilisateurs se plaignent d’avoir du mal à trouver des fichiers et à savoir sur quoi ils peuvent cliquer et sur quoi ils ne peuvent pas. Les paramètres, par exemple, sont difficiles à trouver (les utilisateurs doivent déplacer leur souris dans le coin supérieur droit de l’écran et sélectionner Paramètres dans le menu contextuel). Les icônes des différentes options de réglage sont mal placées et ne ressemblent même pas à des boutons.
Tout se résume à la convivialité. Peu importe à quel point un design est minimal, si les utilisateurs ne peuvent pas naviguer facilement et intuitivement sur le site ou l’interface, alors le design est un échec. Malheureusement, nous voyons beaucoup de designs plats s’appuyant trop sur le minimalisme et négligeant l’utilisabilité.
La solution : Presque plat
Du côté positif, personne ne peut nier que la simplicité d’un design plat peut donner aux utilisateurs une expérience beaucoup plus agréable et moins écrasante. Le problème est lorsque le flat devient trop plat et ne contient pas les indices visuels dont les utilisateurs ont besoin pour les aider à se déplacer sans effort dans une interface.
C’est là que des interfaces telles que Windows 8 et les mises à jour iOS d’Apple réintroduisent dans le design certains de ces indices visuels. Windows 8.1 permet aux utilisateurs de ne pas utiliser l’interface Modern UI et d’utiliser la version de bureau à la place. La mise à jour iOS 7.1 comprend une apparence améliorée pour des actions plus intuitives et des applications améliorées, comme le calendrier qui comprend désormais une vue par mois.
De nombreux sites web utilisent des effets tels que le texte en surbrillance lorsqu’un élément cliquable est survolé. Le site Web de BrandAidDesign utilise une variété de signaux mais de manière cohérente – soulignant le texte, mettant en évidence les images et animant les icônes. En savoir plus sur le flat design
Le site Web de Montere fait un excellent travail d’utilisation de signaux visuels pour indiquer aux visiteurs ce qui est cliquable. Leur mise en page est très intuitive et il est facile de naviguer, à l’exception du fait que leurs menus déroulants courent dans le texte de l’en-tête principal, ce qui rend certaines options de menu illisibles. Un arrière-plan solide et le déplacement du menu à l’avant de l’en-tête résoudraient facilement ce problème.
Les conceptions plates pour les écrans tactiles doivent compter sur d’autres méthodes pour les repères visuels puisqu’une souris en survol n’est pas disponible. Beaucoup mélangent un peu d’éléments skeuomorphiques avec beaucoup d’éléments plats pour créer un look de design minimal qui reste incroyablement utilisable.
Google, par exemple, a incorporé de légers effets 3D dans ses applications mobiles. Les fonctionnalités interactives telles que la barre de recherche et l’épingle à cheveux se détachent bien de la page grâce à l’utilisation de petites ombres portées. My Drive révèle également une très petite ombre portée autour des documents.
Même les applications Google Maps, Drive et d’autres applications Google ont une légère ombre portée sur les icônes d’application proprement dites qui les aident à se démarquer des autres icônes d’application très plates d’iOS 7.
En définitive, le design plat n’est pas une mauvaise tendance. Il a joué un rôle très important en aidant à atténuer le caractère trop chargé du skeuomorphisme. Cependant, comme pour toute tendance, elle peut être exagérée et causer des problèmes d’utilisation, comme nous l’avons vu avec Windows 8 et iOS 7. Pour éviter les problèmes liés à la conception plate, les concepteurs doivent simplement combiner les éléments plats avec d’autres repères visuels et, bien sûr, suivre les règles de conception importantes. Au fur et à mesure que de plus en plus de personnes apprennent à mieux créer des conceptions plates utilisables, nous continuerons à voir émerger des sites web et des interfaces plates uniques et propres.