En ce début d’année 2023, je voulais proposer quelque chose de frais, de nouveau 🌷
Et en parlant de fraîcheur, pourquoi pas quelques tendances webdesign ? 🎨 (UI Design)

Les tendances évoluent rapidement (trop), mais depuis quelques années, elles tournent autour du flat design et du minimalisme. Ce qui devient ennuyeux ! 😴

bonne-sobriyearte | site du jour, Awwwards (16/02/2023)

Pourquoi pas mettre un peu de couleur ? Un peu de vie ? C’est ce que les designers et artistes font depuis l’année dernière, et 2023 n’en n’est que la suite logique des choses. De quoi redonner vie à vos projets web ❤️

PS : Si vous avez fait une refonte il y a 2 ou 3 ans, pas de panique et surtout pas la peine de refondre une nouvelle fois votre site. Cela peut attendre, et quelques ajustements mineurs pourront faire l’affaire 😉

Le terme UI (User Interface) désigne l’interface par le biais de laquelle l’utilisateur interagit : un site web, une application mobile ou un logiciel. Le design d’interface est important pour toute entreprise qui souhaite marquer sa présence sur le web.

L’UI design se rapporte donc à l’environnement graphique dans lequel évolue l’utilisateur d’un logiciel, d’un site web ou d’une application.

Comme tout ce qui touche à l’univers numérique, le design évolue constamment et très rapidement. En tant que professionnels du secteur, vous devez vous tenir informé de ces changements pour en tirer parti. Bien que le design ne soit pas la part la plus essentielle de votre stratégie, c’est ce qui permet de rassurer vos visiteurs, et de délivrer votre message de la bonne façon ✅

En marketing, la forme est très importante et peut même parfois surpasser le fond en générant de l’émotion chez le consommateur. Imaginez le parfait équilibre des deux 🥰

Découvrez les tendances UI Design 2023 ⬇️

Bien que les tendances évoluent à une vitesse considérable, certaines d’entre elles émergent depuis 1 ou 2 ans. Elles ne sont parfois que sublimées d’années en années. Mais voyons ce que nous réserve cette nouvelle année 🥳

Cessons les designs genrés et bourrés de stéréotypes. En 2023, vous n’allez que vous fondre dans la masse et rester derrière « les plus gros » de votre secteur 🕵️

C’est tout l’enjeu des marques aujourd’hui, adopter une image plus inclusive (idéaux, valeurs, origines, missions).  Donner à ses clients un sentiment d’appartenance offre l’opportunité de créer une véritable relation avec ces derniers, basée sur l’affect et les sentiments. Le design est un vecteur d’émotions.
Le plus puissant des leviers de fidélisation et de conversion.

©Microsoft – Xbox

Vos clients deviennent alors vos premiers prescripteurs et vous offrent une publicité convaincante et gratuite🫶

Fini les typographies plates, en flatdesign et sans serif qui se ressemblent toutes 🙅‍♂️
Il y a de quoi se lasser, les refontes graphiques de ces dernières années ont laissé place à des marques sans caractère où il est facile possible de confondre la typographie.

Place à la personnalité 💅

earthfoam | mention honorable, Awwwards (07/02/2023)

Dans une ère toujours plus concurrentielle, il est essentiel de se démarquer et de créer une forte image de marque à laquelle les clients pourront s’identifier. Les designers l’ont bien compris et ont remis les serifs aux goûts du jour 🤩.

Mais pas que. En 2023, il faut jouer avec la taille et la graisse des typographies, être audacieux ! ✨

Les tendances minimalistes laissent peu à peu place aux designs et images non conventionnelles. Repousser les limites du storytelling par une narration visuelle originale et plus brute permet d’exprimer un certain anticonformisme 🙅‍♂️

C’est tout l’enjeu des marques aujourd’hui, adopter une image plus inclusive (idéaux, valeurs, origines, missions).  Donner à ses clients un sentiment d’appartenance offre l’opportunité de créer une véritable relation avec ces derniers, basée sur l’affect et les sentiments. Le design est un vecteur d’émotions.
Le plus puissant des leviers de fidélisation et de conversion.

Vos clients deviennent alors vos premiers prescripteurs et vous offrent une publicité convaincante et gratuite 🫶

Paloma | mention honorable, Awwwards (01/02/2023)

En UI Design, cette tendance se matérialise par une utilisation parfois démesurée et excessive de couleurs vives, de typographies « hand-made » et de mises en page déstructurées.

En art, les courants expressionnistes suivent souvent des périodes de traumatismes sociologiques et de faits violents. Une situation très claire en cette période de guerre et de menace sanitaire.
Comme je l’ai dit plus tôt, on essaie de donner un peu de couleur et de vie à notre quotidien, ce qui n’est pas une si mauvaise idée 💙.

Memphis Design est un style caractéristique des années 80’s, qui revient en grandes pompes ! C’est une association de motifs, de formes et de couleurs diverses, dans le style rétro 🪩

Ce design émerge du rejet du minimalisme pour des concepts plus aventureux.
Une tendance qui mène, une fois de plus, vers la liberté et l’émancipation des codes modernes du webdesign ✨

Delve | The Coding Machine – Article

Une fois encore, c’est un courant qui vise à se démarquer en créant une identité forte à laquelle les internautes peuvent s’identifier. Moins d’images pour plus de personnalité 💅

Oui, les animations ont toujours la cote !

Mais pas question de faire des animations dignes d’un PowerPoint des années 2000’s 🛑

Il faut privilégier les animations discrètes et fluides, sur divers petits éléments d’un site internet. Cela donnera une sensation de dynamisme, sans pour autant gêner l’expérience des visiteurs. N’oublions pas que la priorité est de délivrer un message clair à vos visiteurs, et non pas de fanfaronner 👯

Travel App Concept | inspiration webdesign, Dribbble

Néanmoins, il est possible d’utiliser des animations plus visibles, et davantage immersives, seule condition : ne pas entraver l’expérience utilisateur !

Ces animations doivent être utilisées avec parcimonie et proposer un effet : WOW ! 🤯
Si possible, il faut les employer dans un objectif d’immersion 😉

Depuis quelques années, le « Dark Mode » est réclamé par la majorité des utilisateurs d’applications ou même pour des sites web. Mais malgré sa popularité », il peut être problématique 🧐.

Tout naturellement, l’humain est fait pour vivre le jour ☀️ (scoop du siècle).
Nos yeux sont optimisés pour des couleurs et une ambiance claire, ce qui explique que nous avons plus de mal à y voir dans le noir. Il a été scientifiquement prouvé, que la lecture est beaucoup plus facile avec une écriture foncée sur fond blanc, l’œil se fatiguant moins.

Par exemple, la nuit, lorsque vous regardez les phares d’une voiture, vous apercevez comme un halo lumineux autour des feux.
Pour un texte blanc sur fond noir, c’est le même principe. À plus petite échelle, le blanc du texte va se diffuser autour de ce dernier, par-dessus le fond noir et rendre la lecture plus fatigante (aberration sphérique positive).

Is “Dark mode” better for your eye health? | The Hub – Article

Mais alors, pourquoi proposer un mode sombre ?

Tout n’est pas tout blanc ou tout noir (ça c’est du jeu de mot !). Il y a des avantages considérables au mode sombre, comme la consommation d’énergie et l’émission de lumière bleue 💡🪫

Bien que l’œil humain s’adapte plus facilement à un environnement clair, il s’adapte aussi, dans une moindre mesure, à un environnement sombre. Ainsi, le soir, le mode sombre prend tout son intérêt.
Dans un premier temps parce que cela évite de vous éblouir et qu’un texte clair va ressortir beaucoup plus simplement pour votre œil 👀
Dans un second temps, le mode sombre émet moins de lumière bleue qui est très connue pour stimuler votre cerveau, et bloquer la sécrétion d’hormones favorisant le sommeil. C’est pour cela qu’il est déconseillé d’utiliser un écran avant de dormir.

La conclusion à retenir, sur ce mode sombre, est qu’il est très pertinent dans des situations bien précises : manque de batterie et environnement sombre.

Il n’est donc pas à bannir, mais il est aussi fortement déconseillé de ne proposer qu’un mode sombre ✅ (ou un mode sombre par défaut). Sauf pour Netflix par exemple.

Si vous souhaitez proposer le Dark Mode, laissez le choix à l’utilisateur, et encore mieux, adaptez l’apparence de votre interface aux paramètres du système de l’utilisateur (smartphone en mode sombre = chargement de l’interface en mode sombre. Et inversement).

Pour conclure, différenciez-vous de vos concurrents par une forte identité, en créant une image de marque originale qui reflète vos valeurs. Des valeurs que pourront partager vos visiteurs et que vos clients seront ravis de véhiculer autour d’eux, en parlant de vous 📢

J’espère que cet article et les tendances UI Design 2023 que j’y ai mentionnées pourront vous inspirer pour la réalisation de vos projets web 💻
Je vous invite à également prendre compte de mes autres articles, notamment sur les règles d’UX Design à respecter.