Nouvelle année, nouvelles possibilités, notamment en matière de conception de sites web. La technologie progressant à un rythme sans précédent, les possibilités de conception semblent illimitées pour l’année à venir. Qu’est-ce que je pense que nous verrons, en matière de conception ? Voici mes prévisions pour les cinq principales tendances du web design en 2020 :

Applications Web Progressives (PWA)

Une application web progressive combine le meilleur des applications web et mobiles. Pensez-y comme un site web construit à l’aide des technologies web (c’est-à-dire HTML, CSS, etc.) mais qui agit et se sent comme une application. Comme les applications web progressistes sont techniquement un site web, il n’est pas nécessaire de passer par des systèmes de distribution numérique comme l’Apple App Store de Google Play, ce qui facilite leur déploiement et leur diffusion.

Les principaux avantages des PWA sont  :

Progressif – Fonctionne pour chaque utilisateur, quel que soit le choix du navigateur, en utilisant les principes d’amélioration progressive.
Réactifs – S’adaptent à tout type de format : bureau, mobile, tablette ou tout autre format à venir.
Plus rapide après le chargement initial – Une fois le chargement initial terminé, il n’est pas nécessaire de re-télécharger à chaque fois le même contenu et les mêmes éléments de page.
Les sites web ordinaires utilisent souvent déjà le cache du navigateur pour éviter de retélécharger les mêmes données de manière redondante. Mais sur les applications web progressives, les mêmes éléments n’ont pas besoin d’être rechargés à nouveau.
Indépendance de la connectivité – Les travailleurs du service permettent des utilisations hors ligne ou sur des réseaux de faible qualité.
De type application – L’utilisateur se sent comme dans une application avec des interactions et une navigation de type application.
Actualité – Toujours à jour grâce au processus de mise à jour du travailleur de service.
L’expression « application Web progressive » a été inventée en 2015 et, en 2019, un nombre croissant d’entreprises utilisent des applications Web progressives pour distribuer leurs services et leur contenu, notamment Twitter, Pinterest, Trivago, Tinder, etc. Alors que les barrières à l’entrée pour la création de PWA diminuent, on ne peut que s’attendre à ce que davantage d’entreprises publient les leurs.

Conception web pour l’accessibilité

Au cours de l’année écoulée, on a accordé beaucoup plus d’attention à la conception d’expériences accessibles au plus grand nombre d’utilisateurs possible. Microsoft s’est fait le champion de ce mouvement, en inventant le terme « Inclusive Design« , en utilisant cette définition :

« La conception inclusive est une méthodologie, née des environnements numériques, qui permet et s’inspire de toute la diversité humaine. Cela signifie surtout qu’il faut inclure et apprendre de personnes ayant des perspectives différentes ».

Pour concevoir des expériences accessibles, il faut garder ces éléments à l’esprit :

Réfléchissez bien à votre public – pensez à ceux qui sont inclus et à ceux qui sont exclus.
Assurez-vous que votre interface offre une expérience comparable pour tous afin que les gens puissent accomplir des tâches de manière adaptée à leurs besoins sans nuire à la qualité du contenu.
Il existe des principes de base à suivre pour permettre au plus grand nombre de personnes de vivre la meilleure expérience possible.

Tendance webdesign : dark et light mode

La possibilité de passer du mode sombre au mode clair est disponible depuis longtemps sur MacOS, et avec Windows 10, pour les utilisateurs de PC également. Personnellement, j’ai tendance à utiliser le mode sombre car il est plus agréable pour les yeux pendant de longues périodes, et je passe en mode sombre sur mon iPad par égard pour ma femme qui dort. Cette possibilité de passer d’un mode à l’autre s’applique également à votre navigateur web, sur Chrome ou Safari, et pourtant ce mode n’a pas affecté le style général du site web actuel. Il existe sur Google Chrome un moyen de forcer n’importe quel site web à passer en mode sombre, mais de plus en plus, cela ne sera plus nécessaire.

Les développeurs web travaillent désormais avec des boîtes à outils et des normes, tant sur Safari que sur Chrome, qui permettent à votre navigateur de détecter le mode (clair ou foncé) que vous utilisez sur votre système d’exploitation, et de changer le schéma de couleurs du site web pour réagir en conséquence. Il incombera aux créateurs de sites web de décider s’ils souhaitent activer cette fonction sur leur site et de déterminer la meilleure façon d’adopter un style qui fonctionne pour les deux. Il existe un certain nombre de guides et de conseils sur la façon de concevoir en mode sombre, qui peuvent aider les concepteurs et les développeurs à tirer parti de cette nouvelle possibilité, et laisser les utilisateurs décider eux-mêmes de ce qu’ils préfèrent.

Types surdimensionnés et grands éléments

Les sites web, en particulier pour les grandes marques, privilégient les grands éléments proéminents – de la typographie surdimensionnée aux images plein écran, généralement une combinaison des deux. De tels éléments font une déclaration de marque audacieuse, attirent l’attention de l’utilisateur et l’aident à comprendre le contenu du site.

Pour que cette approche fonctionne, une approche minimaliste est nécessaire. Réduire le contenu à une seule image (ou vidéo) + un titre court permet d’obtenir un message plus clair, et une expérience épurée. Moins, c’est plus, mais faites une grande déclaration !

L’illustration comme personnalité de la marque

Plutôt que de s’appuyer sur des images de stock ou une photo générique, les marques utilisent des illustrations sur mesure pour véhiculer leur personnalité. Mon exemple préféré de l’utilisation de ces illustrations est la page 404 Not Found.

La clé du succès de l’utilisation des illustrations repose sur leur caractère unique et leur cohérence. Si vous avez le budget nécessaire, engagez un artiste dont le travail correspond bien à votre vision de la marque – dribble et autres sites de portfolio d’artistes sont un bon moyen de les trouver. Si vous n’avez ni le temps ni le budget pour commander un artiste, il existe une pléthore de bibliothèques d’art vectoriel sur des sites comme istock ou gettyimages. Il vous suffit de trouver une collection qui comporte un bon nombre d’illustrations pour répondre à vos besoins.