De la décoration aux produits high tech et à la mode, le gris est devenu la couleur du siècle.
Il est réapparu en décoration intérieure. Il s’enjoint à volonté dans différentes pièces et fait ressortir les autres couleurs.
Dans nos garde-robes, aussi élégant que le noir, le gris est une valeur sûre et se porte dans toutes les occasions et en toutes saisons.
Nos appareils électroniques ainsi que leurs interfaces varient dans tous les tons de gris.
Le gris n’a jamais été aussi coloré et sexy !
Le gris, est-il une couleur ?
Oui ! Le gris en général est une couleur neutre, froide et équilibrée.
C’est une couleur intemporelle et pratique: moins dure que le noir, plus présente que le blanc.
Le gris foncé, anthracite, a la force et le mystère du noir sans être négatif ou même agressif. Le gris clair a la luminosité du blanc mais il est plus voyant.
Le gris s’ associe à certains concepts comme ceux-ci: contemporain, élégant, sobre, calme, sérieux, conservateur, formel, terne ou triste.
Le gris et le webdesign :
Le gris est très populaire dans le design des interfaces web et mobile.
C’est une couleur polyvalente et passe-partout qui semble fonctionner avec à peu près toutes les couleurs et donne un look élégant et propre aux écrans. Le gris clair peut être utilisé à la place du blanc dans certains cas, et le gris sombre peut être utilisé à la place du noir.
Si nous cherchons le gris dans les interfaces, nous le trouvons absolument partout.
Le gris et son mode d’emploi
• En raison de sa nature neutre, il est fréquemment utilisé comme la couleur de fond d’écran. Il laisse les produits et les services présentés sur l’écran se démarquer et attirer l'attention des utilisateurs.
• Couleur à la fois immobile et impassible, le gris est solide et stable. Ce n’est pas étonnant donc qu’il se trouve comme couleur de fond des blocs. Il aide à la structuration de la page sans être vu, lui même.
• Il y a une différence entre la lecture à l’écran et la lecture sur papier. Sur l’écran, le texte noir sur blanc peut s’avérer dur pour certains lecteurs, le contraste élevé fatigue vite les yeux. Pour cette raison, le gris est principalement la couleur de la typographie et des textes dans la plupart des sites.
Un bon choix de nuances de gris peut aussi aider à construire une hiérarchie d’informations et faciliter la lecture. Un gris foncé pour les titres, un gris moins foncé pour les chapeaux, un gris moyen pour les textes courants etc.
Il faut bien vérifier que le gris contraste assez avec le fond. Un texte qui semble bien pour un designer peut être illisible pour une partie importante de lecteurs.
• Les icônes et les pictogrammes peuvent se présenter en gris, ils se fondent bien avec le reste de l’interface et sont principalement utilisés quand ils doivent à la fois être vus mais discrètement.
• Au regard de certaines personnes, l’utilisation de gris en trop grande quantité crée une ambiance fade, triste et mélancolique.
Dans ce cas, ajouter un petit pourcentage de la couleur dominante des écrans au gris donnera naissance à un gris appelé teinté. Le gris teinté a un ton plus riche qui donne une autre dimension et ambiance au design des écrans.
Le gris teinté froid offre une sensation de modernité, sérieux et sophistiqué.
Le gris chaud crée une ambiance conviviale, chaleureuse et humaine.
• Les gris neutres ou achromatiques sont des nuances de noir et n’ont aucune teinte. Leurs valeurs RVB sont exactement identiques.
• Les gris presque neutres ou (Off-grays) sont légèrement teintés. Leurs codes couleur RGB ne sont pas exactement égaux
• Les gris froids sont des gris bleutés, bleus grisâtres, gris verdâtres, ou gris violettes.
• Les gris chauds sont des gris brunâtres, rosés, pourpres, jaunâtres ou rougeâtres.
Le gris est une jolie couleur, très utilisée et indispensable dans le design des interfaces. Il n’est pas maussade et peut-même aller jusqu’à être joyeux quand il est légèrement teinté. Il est temps de l’admirer et de lui rendre hommage car sans lui le design et la hiérarchisation du contenu de nos écrans semblerait difficile, même impossible.
L’été touche à sa fin, déjà l’heure de la rentrée ! Pour vous laisser encore un goût de vacances dans la bouche, nous vous servons cette deuxième infographie estivale, tout juste sortie du four.
Article : Les 12 tendances webdesign qui se confirment pour 2015
Ça y est, 2015 est à notre porte ! Durant l’année 2014, nous avons expérimenté et avons intégré intelligemment les tendances web design dans nos projets. Selon Shiva Sherbaf, lead du pôle DA, certaines tendances ne sont pas prêtes de disparaître bientôt, d’autres vont évoluer… tandis que de nouvelles feront leur apparition.
1 – Multi-device design
De plus en plus les gens utilisent leur mobile pour accéder à Internet et le mobile sera bientôt le moyen le plus commun pour surfer. Avoir un site web qui peut être visualisé facilement sur mobile, tablette et ordinateur de bureau est devenu indispensable. Les entreprises misent sur la compatibilité avec tous les devices mobiles afin de rendre leur service ou leur produit le plus accessible possible aux clients. Les consommateurs attendent que les produits et les services soient à portée de main partout et à n’importe quel moment. Dans ce sens, le responsive design va évoluer et atteindre d’autres interfaces telles que les téléviseurs connectés.
2 – Des menus cachés à faire glisser ou à afficher
Pendant longtemps, les menus et les barres de navigation étaient très voyants et présents en permanence sur les interfaces. En 2014 et certainement en 2015, la simplicité et le minimalisme ont agi pour que les menus soient disposés de manière à s’ouvrir et s’afficher à souhait sur les sites avec des pages longues.
Les utilisateurs accèdent au menu depuis une icône disposée sur le haut, le bas ou le côté de l’écran. Dans un souci de web tourné vers le mobile, ces menus sont particulièrement grands et “mobile-style”.
3 – En 2015, moins de clic et plus de scroll
Les sites au scroll infini sont agréables esthétiquement parlant, bien que difficiles à optimiser pour le SEO. Mais, d’un autre point de vue, celui du « Mobile First », ils sont beaucoup plus faciles à consulter et adaptés à l’usage des smartphones et tablettes.
Il est plus aisé de scroller et attendre le chargement des pages que cliquer et charger une toute nouvelle page. Tout le challenge est de bien organiser le contenu de telle façon que l’utilisateur ait envie de découvrir et scroller davantage.
4- Les microinteractions
Les microinteractions sont de « petites fonctionnalités qui ne font qu’une seule chose » selon Dan Saffer, qui a inventé ce terme l’année dernière dans son livre « Microinteractions ». Par exemple, le « pull to refresh » :
Les microinteractions sont des petits détails, qui ont l’air anodins, mais qui améliorent beaucoup l’expérience utilisateur et titillent sa fibre émotionnelle. Pour Dan Saffer, ce sont ces microinteractions qui font la différence entre un bon produit et un produit excellent, où tous les détails ont été peaufinés.
5 – La Conception en mosaïque
Le style en carte de visite ou en « mosaïque » (cf Pinterest) est de plus en plus présent sur les sites web. Cette organisation très fonctionnelle et modulable pour l’intégration du contenu permet aux visiteurs d’avoir un aperçu rapide et bien organisé des produits, des services et des informations.
De plus cette conception en blocs s’avère très pertinente pour le responsive design. Pinterest, Google, Twitter, et Spotify utilisent cette tendance de conception pour partager les informations de manière plus digeste.
6 – Toujours plus d’images et toujours plus grandes
Les images ont toujours été un moyen efficace et fascinant pour exprimer et transmettre des idées en ligne. Le succès de Pinterest et Instagram en est la preuve.
Depuis cette année, les grandes images occupent de plus en plus l’espace dans les interfaces, ce qui rend ces dernières plus immersives, élégantes et puissantes. Cette tendance va perdurer en 2015, en parallèle avec l’usage de grandes photos floues en arrière-plan qui rencontrent encore plus de succès et ont l’avantage d’être de taille plus légère.
7 – Du flat, du almost flat et du minimalisme
Le flat design a encore une longue vie devant lui. La simplicité et le minimalisme de ce style permet aux utilisateurs de trouver les informations essentielles plus facilement et plus rapidement. Nous espérons pouvoir pratiquer de plus en plus le style Almost Flat qui va davantage dans le sens des principaux objectifs de l’UX.
8 – Storytelling : raconter plutôt que dire
Les utilisateurs sont de plus en plus réticents à la lecture sur écran et s’ennuient vite. Au lieu de raconter l’histoire d’une société ou expliquer le fonctionnement d’un service dans de simples blocs de textes un peu « bruts » et vite ennuyeux, l’accent est mis depuis déjà quelque temps sur le storytelling, et encore plus sur le storytelling visuel.
Le texte est repensé pour raconter, et s’accompagne également de photos, d’animations, d’illustrations, de vidéos et d’icônes. Les infographies restent le moyen de communication le plus populaire, surtout quand elles intègrent la narration d’une histoire. (le détail dans les points suivants)
9 – Des vidéos qui remplacent le texte et engagent
En 2015, nous allons croiser de plus en plus de vidéos dans les interfaces. Les vidéos engagent et sont très adaptées à l’usage mobile. Elles permettent de raconter l’histoire de l’entreprise, présenter les produits et les services, ou juste créer l’ambiance du site. Comme en 2014, on retrouvera des vidéos en HTML5 à l’arrière-plan des pages web.
10 – Les illustrations faites-main humanisent l’interface
Tout comme les photos, les illustrations vont se propager et gagner du terrain en 2015. Les illustrations réalisées à la main apportent non seulement un style “authentique” qui devient à la mode mais ajoutent aussi une touche humaine et une certaine proximité avec l’utilisateur. Elles font partie des éléments qui rendent le design émotionnel.
11 – Succès des infographies et data visualisations
Le taux de popularité des infographies continue de grimper. Elles sont en effet un excellent moyen d’afficher efficacement et visuellement une masse d’informations dans un petit espace. L’utilisation dans les data-visualisations de belles images, illustrations, couleurs et typographies rend plus facile et plus agréable l’apprentissage et la compréhension de données complexes qui pourraient être à la base compliqué et peu familier au grand public. D’autant plus qu’étant très virales, elles permettent une plus grande visibilité et communication de l’information.
12 – Jeu typographique sur les titres et les taglines
Désormais des polices de caractère web de grande qualité sont accessibles à des prix raisonnables et même gratuitement sur Google web fonts. Cela permet de personnaliser et mettre en avant l’identité visuelle des marques sur le web. Non seulement un choix de typographie judicieux peut donner un caractère unique à du contenu classique mais comme en 2014, la typographie est mise en avant grâce à un jeu de contrastes (graisse, taille, casse, couleur…) sur les visuels ou comme titres des pages. Le jeu typographique continuera sans nul doute d’être un élément de design dominant en 2015.
Bilan des tendances webdesign 2015
La plupart des tendances webdesign sont des évolutions de techniques et de concepts répondant aux besoins du marché actuel et pour 2015, on peut donc s’attendre à une navigation internet en progression sur le mobile. Les utilisateurs exigent de plus en plus un accès à des services performants présentés de façon toujours plus simple, plus rapide, plus utilisable, plus visuellement agréable et plus accessible, partout et sur tous les devices.
Les événements chargés émotionnellement persistent beaucoup plus longtemps dans la mémoire que les souvenirs neutres .Dans le design d'interface, un stimulus émotionnel positif peut être désarmant.
Créer une expérience agréable ;
Construire un souvenir positif ;
Provoquer un engagement de l'utilisateur ;
Fidéliser le client, augmenter le taux d'abonnement, inciter à la consommation ;
Profiter de l'aspect viral pour faire connaître une marque.
Le principal objectif du design émotionnel est de faciliter la communication entre humains, ordinateur et device. Ces deux derniers passent à l'arrière-plan et les individualités font surface. Il faut donc voir le design non pas comme une façade interactive, mais comme une personne avec qui l'utilisateur communique.
Un autre objectif est d’offrir des moments de joie et de bonheur. Nous entendons souvent que les sites web, les applications mobiles et les médias sociaux sont néfastes pour nous, Soi-disant la technologie nous rendrait anxieux et malheureux, nos smartphones nous sortiraient de l'instant présent, et les médias sociaux nous envelopperaient dans une boucle de la dopamine. Mais nous avons tous connu des sites web qui nous ont offert des moments de joie, observé les gens sourire à leurs smartphones. Nous sommes d’accord que certaines applications ont changé notre vie d'une manière positive.
Comment procurer de l'émotion positive :
1- Créer des personas de design
Les mascottes sympathiques peuvent être créés et rendues visibles dans les interfaces pour tisser un type particulier de relation que l'on souhaite construire avec les utilisateurs et attendrir son image de marque.
2- Mettre en avant l’humain
Les grandes photos d'êtres humains accompagnées de citations exprimant la personnalité des organisations à travers des histoires personnelles, permettent à l'utilisateur d'établir une certaine connexion avec ces personnes.
3- Surprendre (faire quelque chose d'inattendu et agréable)
Un moment de surprise condense des émotions en une fraction de seconde, ce qui rend la réaction d'autant plus intense et laisse une empreinte profonde dans la mémoire. Introduire des surprises dans une interface peut rompre un schéma comportemental et forcer le cerveau à réévaluer la situation.
4- Anticipation
L'anticipation, l'inverse temporel de la surprise, peut également façonner l'engagement émotionnel. On suscite l'anticipation lorsqu'on annonce un événement en donnant au public un certain temps pour y réfléchir. L'objectif est de susciter chez l'utilisateur un puissant désir de mettre fin au mystère pour voir si le résultat est conforme aux espoirs.
5- Expérience audio visuelle
Une belle vidéo ou une interaction immersive présentée en grand format, une bonne musique ou une belle voix qui raconte l’histoire et le message que l’on souhaite faire passer ont un impact 100 fois supérieur à des lignes de textes et quelques simples photos. Elles provoquent une grande émotion et touche les utilisateurs.
6- Humour
L'humour est un des moyens efficaces pour communiquer avec les gens. Une bonne rigolade ou un petit sourire peuvent briser la glace et faire que les gens se sentent plus à l'aise, que ce soit dans la vraie vie ou sur un site Web. L'humour peut faire participer les gens
7- Gamification
La théorie du jeu consiste à donner à l’utilisateur un sentiment d’accomplissement quand il a réalisé une tâche. Cela peut prendre la forme d’un processus rendu ludique, comme une inscription complexe en plusieurs étapes, ou d’un vrai jeu, comme une chasse au trésor.
Les utilisateurs ne veulent pas se sentir uniquement en interaction avec une machine, ou avec une personne morale fade. En effet, les services les mieux réussis traitent les utilisateurs comme des amis, des connaissances, ils leurs apportent un sourire aux lèvres, une sensation d’assurance, d'être compris et de complicité, une belle expérience pas prête à être oubliée facilement …
Vous avez sans doute aucun pu noter que les infographies sont en vogue en ce moment : en effet le couple data-design a l’air parti pour durer !
Pourquoi un tel succès ?
Parce que c’est l’un des meilleurs moyens pour simplifier n’importe quelle information et de la présenter de manière attractive, surtout quand le sujet abordé n’est pas familier du public.
L’infographie permet de synthétiser facilement des informations complexes dans une représentation visuelle agréable, et ce qui ne gâche rien, il est facile de la partager.
Elles améliorent le référencement d’un site. Les infographies représentent un contenu très viral, elles augmentent la chance que le contenu soit davantage partagé sur les réseaux sociaux.
Elles sont un véritable et puissant outil de marketing. Les yeux sont une extension du cerveau et plus de la moitié de la population étant « visuelle », éditeurs et entreprises doivent miser sur cet atout.
Les infographies réalisées en plus avec un brin d’humour sont encore plus agréables et apportent du sourire et une agréable surprise aux lecteurs, facilitant ainsi la digestion de la masse d’informations.
Argumentons avec des données :
Le nerf de la guerre d’une bonne infographie : son sujet. Vous avez une idée, c’est bien. Maintenant, réfléchissez bien à ce que vous voulez communiquer et ensuite collectez des données factuelles.
Faites le tri dans les données et simplifiez les informations. Les meilleures infographies communiquent une histoire claire et simple, ne l’embrouillez pas en essayant de tout dire et tout rassembler sous un même titre général.
Choisissez un titre bref et précis (de préférence drôle) qui résume votre sujet et qui donne en même temps envie de découvrir le contenu.
Puis place au design. Celui-ci doit correspondre au sujet. Une infographie raconte parfois une histoire, parfois elle est purement graphique avec des diagrammes et des dataviz illustrant un propos. Parfois, elle est interactive et encourage l’audience à prendre une action pour découvrir la suite. Une infographie contient aussi du texte mais surtout des images et des illustrations. Déterminez votre style de design : illustration pure, aplat de couleurs, images réelles, 2D, 3D, animation, choix de polices et de couleurs... Il n’y a pas de mauvais choix. Restez homogènes tout au long de l’infographie.
Elaborez la structure de l’infographie en déterminant où se trouveront les différentes informations.
Créez une suite logique dans la succession de vos données et vos messages à faire passer.
Pensez à introduire des mini-conclusions après chaque schéma formulé afin de comprendre leur lien avec le sujet en général. Le point à retenir ici, c’est d’être didactique.
Les informations présentées dans l’infographie doivent provenir de sources fiables. Il est important de se référer à des sources différentes et de les citer à la fin.
Une bonne image vaut mille mots.
Une infographie c’est, plus qu’un joli design, la communication de votre expertise et de votre connaissance présentée de manière fun et dans laquelle vous injectez une bonne dose de créativité pour la rendre séduisante.
"Car quand l’information est présentée sous une forme attrayante, elle raconte une histoire que personne ne rechigne à lire"
Cette année, le flat design inspiré du style Metro de Microsoft a le vent en poupe et a supplanté le concept de Skeuomorphism, largement pratiqué par Apple. Le flat s'est naturellement imposé comme «la» solution. Mais sommes-nous condamnés à rester les otages de la guerre Microsoft / Apple alors qu'une alternative, le Almost Flat Design, existe ?
Il y a encore quelques années, très peu de concepteurs ou directeurs artistiques Web auraient été en mesure de donner une définition précise du Skeuomorphism. Et puis le style « flat design » a fait son apparition, inventé spécialement par Microsoft, et aussitôt félicité d'avoir eu le courage de s’opposer au Skeuomorphism et plus précisément au géant à la pomme.
L’impression générale, et la mienne, est d'être passé du noir au blanc, sans connaître de réelle étape intermédiaire, d'avoir privilégié un design avant de l'abandonner pour son opposé. Auparavant, nous faisions des efforts pour mettre en avant l’aspect fonctionnel des objets de nos interfaces, dans le souci de mieux accompagner les utilisateurs lors de leur parcours et de créer quelque chose de ludique et surprenant. Désormais, le Skeuomorphism est dénoncé comme la méchante sorcière du design et une tendance cheap à éviter à tout prix.
D'ailleurs, c'est quoi le Skeuomorphism ?
Le Skeuomorphism consiste à créer un élément visuel qui représente parfaitement l’aspect fonctionnel de l’objet etfait appel à l'émotionnel. Nous retrouvons cette volonté d'imitation et de retour aux sources dans la vie de tous les jours. Dans l'architecture par exemple, les arcs autrefois fonctionnels dans les siècles précédents, continuent d'être utilisés mais comme éléments décoratifs.
Cette tendance de webdesign est née dans les années 1980 lorsque nous avons commencé à utiliser des effets visuels pour créer des interfaces web qui ressemblent à des objets du monde réel afin d’améliorer et rendre plus fun le parcours utilisateur. Jusqu'à récemment, Apple était reconnu comme le plus grand champion de Skeuomorphism.
Un exemple souvent cité du Skeuomorphism dans la conception des interfaces est le bouton d’action avec ses biseaux et son ombre portée. Rappelez-vous qu'en réalité, un bouton est un levier mécanique qui change d'état lorsque l'on applique une pression. Sur les pages web, nous créons l’image d'un bouton que nous pouvons toucher ou cliquer et qui imite le fonctionnement du modèle tangible dont elle s'inspire.
Un autre exemple est la texture de cuir et les coutures utilisées auparavant dans certaines applications organisationnelles créées pour les anciennes versions d'iOS d'Apple. L'argument est que nous retrouvons cette texture sur la plupart des organisateurs personnels traditionnels.
Le Skeuomorphism n'est pas prêt de disparaître car la tendance, une fois son cycle de vie terminé, revient toujours aux anciennes valeurs.
Et le flat design ?
Le Flat design est une approche minimaliste qui met l'accent sur la simplicité et la lisibilité. Il exclut tout effet de profondeur, d’ombre portée, de dégradé, de reflet etc. Il privilégie les grands aplats de couleurs, la netteté des contours, les couleurs vives, les illustrations 2D et la typographie. Le flat design est la vraie incarnation de « Less is more », beau et rafraîchissant, plus rapide à concevoir et plus adapté aux interfaces responsive.
Microsoft a été l'un des premiers à appliquer ce style à son interface utilisateur Windows 8 (style Metro), considéré comme une réaction au Skeuomorphism populaire d’Apple.
Le Flat Design se concentre sur la couleur et les formes, l'utilisation des couleurs vives contrastées dans des formes simples et des grands aplats. La couleur est un élément clé qui apporte aussi du peps à une interface minimaliste.
L'accent est mis sur la typographie et les mots, indiquant aux utilisateurs quoi faire sur l’interface tout en restant dans le thème «simple » en employant plutôt des sans serif. Quelque chose d'un peu plus inattendu est créé en jouant avec la taille et le style des polices.
Une alternative existe : « Almost flat design »
Si notre but est de faire du design simple et minimaliste sans aller jusqu'à l’extrême, la meilleure solution pourrait résider quelque part au milieu.
Almost flat est une approche qui inclut les effets (dégradés, ombres portées etc) seulement quand ils améliorent la facilité d'utilisation. Il s'agit de récupérer toutes les bonnes choses du flat design et de les appliquer pour maximiser l'utilisabilité, même pour les interfaces très complexes. Pour comprendre comment l'employer, ne cherchez pas trop loin. Google, Gmail et Google Maps sont les exemples les plus frappants de ce que nous pouvons appeler « Presque flat ».
Les dégradés dans Almost Flat :
Pour la plupart, ces interfaces se bornent à rester dans des aplats de couleurs sans ombre portée. L’utilisation de la couleur encourage les utilisateurs à réaliser des actions spécifiques (par exemple le bouton rouge de composition dans Gmail).
Mais si vous y regardez de plus près, c’est un dégradé rouge qui dit: « Hé, je suis un bouton, je suis différent de l’aplat rouge du bloc voisin, vous pouvez appuyer sur moi » et non « hé ho ! Je ne ressemble pas à un bouton je sais, mais passez votre souris sur moi, vous comprendrez !» L'affordance subtile est une composante importante du "Almost flat design" qui lui donne un avantage décisif sur le vrai flat design.
Les ombres portées dans Almost Flat :
Almost Flat design n'ignore pas la notion de profondeur. En revanche, celle-ci est utilisée pour améliorer la compréhension de l'interface. Mais tout comme les dégradés, elle doit intervenir de façon subtile et toujours au long de l'axe z.
D’autres examples pour « Almost Flat » :
Nouveau My Space
Flipboard
Spotify
Quelle style choisir ?
Si un choix devait être fait entre l'esthétique et l’utilisabilité, cette dernière devrait primer sur l'autre. C'est pourquoi, qu'importent Skeuomorphism, Almost Flat ou Flat Design, car tous ces choix d'esthétique sont valables, du moment qu'ils permettent de produire des interfaces simples à utiliser, qui mettent le contenu en avant et qui reflètent aussi l’identité de leurs designers.
Aussi il serait intéressant, non pas de chercher à tuer le Flat Fesign, ni de le dénigrer, mais de commencer à comprendre un peu mieux ces tendances, leurs limites et leurs ouvertures graphiques et fonctionnelles. Ne condamnons pas non plus le Skeuomorphism, mais le designer qui en abuse. Cela pourrait arriver aussi avec le Flat design. N’exagérons pas, sinon « Less is mort ! »
Au quotidien, et même au fur et à mesure de nos découvertes, nous aimons avancer en terrain connu et familier. Pourquoi ? Pour se rassurer et se réconforter. En ce sens, le visage humain possède un très fort pouvoir : nous sommes confortables en sa présence, même lorsqu’il est digitalisé.
Un tête à tête virtuel
Le web est un endroit impersonnel. Il n’est pas nécessaire de rencontrer une personne in "real life" pour lui partager des informations, discuter ou même faire du business. Pourtant nous préférons connaître les gens avec lesquels nous interagissons, car l’échange est plus personnel et tangible. Etre identifiable grâce à une photo de profil à visage réel permet à l’internaute qui nous rencontre sur la toile d’au moins recréer dans sa tête son interlocuteur et de nous faire plus facilement confiance.
Ce tête-à-tête fictif peut aider vos utilisateurs à se lier à un produit ou un service. Car encore une fois, en reconnaissant un confrère, même virtuel, nous nous sentons compris et écoutés.
Attirer l'attention
Nos visiteurs se dirigent dans les interfaces en cherchant des indices familiers et des choses qu’ils reconnaissent. Les visages humains attirent donc leur attention. Ils se sentent baignés dans un univers sociable et chaleureux plutôt qu’une interface froide.
C’est aussi un excellent moyen pour guider le regard. A cause du phénomène de groupe, nous sommes enclins à regarder que les autres regardent. En ligne, c’est la même chose. Il est donc judicieux de jouer avec cet effet de manière utile et efficace.
Stimuler l'émotion
Confrontés à un visage, nous sommes touchés si la personne nous apparaît sympathique. Les visages présents dans nos interfaces apportent une couleur émotionnelle et déclenchent les émotions que nous souhaitons transmettre à nos utilisateurs. L’humain ajoute indéniablement de la personnalité à un site Web.
Humour
Les « interfaces humanoïdes » peuvent amener une touche d’humour en déclenchant un sourire chez l’internaute. Naviguant parmi tant de sites inexpressifs, nous avons besoin de rigoler de temps en temps !
En parlant d’engagement…
Ces faciès familiers nous aident à engager les utilisateurs, les font se sentir à l’aise. L’utilisation des expressions émotionnelles est très efficace. Une personne dont le visage est expressif lors de l’utilisation d’un produit est beaucoup plus convaincante que des dizaines de lignes décrivant son utilité.
Un visage « sentimentalisé » c’est bien, plusieurs c’est mieux. Un groupe de personnes affichant leur bonheur est plus impactant car il nous donne envie de faire partie de leur groupe, d’apprendre ce qui les rend heureux.
Trust at first sight !
Si les gens qu’on nous donne à voir semblent dignes de confiance, l’utilisateur ressent ce confort. Cet aspect est utile pour les écrans « Service clientèle », » Témoignage », « Rejoignez-nous » « Aide en ligne » etc.
Autorité des visages connus
Celui des célébrités peut créer autorité. A condition que la star en question possède une expertise dans le domaine concerné ou qu’elle soit utilisateur du produit présenté Les grandes marques choisissent d’ailleurs avec soin qui personnifiera leur image.
C'est beau, c'est agréable ...
Parfois, les visages humains sont tout simplement utilisés pour créer une jolie interface, et c’est dommage quand ils peuvent apporter bien d’autres bénéfices à votre interface.
Un brin d'humain dans un monde de plus en plus automatisé
La direction artistique, et donc l’inclusion ou non de photos de personnes, doit servir une intention. Aujourd’hui nous retirons nos billets de train via des machines quand il y a vingt ans, nous traitions avec des personnes réelles avec lesquelles il était possible d’échanger et d’obtenir de l’aide. Avec le remplacement des humains par les machines, il est bienvenu de les réintroduire via les interfaces et ainsi recréer le sentiment de réassurance, confiance et sympathie disparu.
theartofmadeline
romaincrisis
gracieabrams
origamiaround
vaporwave
dailybridgerton
germansingergirl
yousharknotpass