Trois tendances de conception de sites Web WordPress que vous devez connaître

Pensez à tout ce qui a changé depuis 2011. Combien de tendances de conception de sites Web et de nouvelles technologies sont tombées en désuétude ? Combien de nouveaux appareils sont arrivés sur le marché ? Combien de nouvelles tendances sont apparues et ont gagné en popularité ?

Il n'est pas surprenant que WordPress ait évolué avec le web. Le WordPress d'aujourd'hui est une bête très différente du WordPress d'il y a cinq ans, et à la limite méconnaissable par rapport au WordPress de 2003. Mais c'est une bonne chose.

Après tout, la seule constante sur le web est le changement. En tant que designer, vous le savez mieux que quiconque, tout comme vous savez qu'il est de votre devoir de rester au fait de ce qui change et de ce qui changera à l'avenir. Heureusement, si vous savez où chercher, ce n'est pas difficile.

J'ai fait la recherche pour vous - voici quelques-unes des tendances les plus importantes et les plus essentielles qui frappent le monde du design WordPress (et le Web en général) cette année, qui sont toutes étroitement liées à la mobilité.

La conception sans page continuera à dominer

Apparus pour la première fois sur le Web en 2014, les sites Web d'une seule page ont gagné en popularité au rythme d'un train de marchandises en fuite. Particulièrement bien adaptés aux petites entreprises, aux agences de design et aux sites de produits, ces sites Web de «page de destination» sont idéaux à la fois pour la capture de prospects et la narration. Dans cet esprit, il n'est pas particulièrement surprenant que les thèmes WordPress d'une seule page gagnent également beaucoup de terrain.

Mais qu'est-ce qui motive cette tendance, exactement ? Pourquoi les sites Web « sans page » sont-ils si importants maintenant ? Et comment savoir si votre propre site doit suivre le mouvement ?

"Les sites Web traditionnels ont toute une liste de problèmes tout aussi accablants", explique Chuck Longanecker de Digital Telepathy. "Ce sont les bouches à oreille du cocktail, bavardant à quiconque à portée de voix une rafale d'informations auto-agrandissantes sans aucun intérêt pour la personne qui écoute… Avec des connexions rapides et un public habitué aux expériences de défilement long dans les applications mobiles, conception sans page s'écarte du chemin du visiteur afin qu'il puisse profiter du flux et atteindre son objectif.

En d'autres termes, les appareils mobiles ont changé les habitudes de navigation de nos publics. En tant que designer, vous devez tenir compte de leurs nouvelles habitudes - leur attente d'un site Web simple et rationalisé, leur tendance à naviguer sur leurs téléphones ou tablettes et leur désir de contenu facilement digestible.

Cette évolution du marché a eu un autre effet secondaire, plus inattendu : les thématiques polyvalentes ont explosé ces dernières années. Riches en fonctionnalités et faciles à installer, ces thèmes permettent aux propriétaires de sites Web de personnaliser facilement leurs pages pour les appareils mobiles, les ordinateurs de bureau et tout ce qui se trouve au-delà. Ils sont évolutifs et permettent la création de sites Web bien conçus qui sont également très fonctionnels.

Plus d'images, plus de typographie, plus de parallaxe

Étroitement liés à l'évolution vers la conception sans page, les sites Web mettent de plus en plus l'accent sur la typographie, l'imagerie et le défilement parallaxe. Le minimalisme est le roi du château ici, et moins une page peut envoyer d'éléments visuels à l'utilisateur tout en faisant passer son message, mieux c'est. Non seulement cela aide un site à paraître plus net, mais cela réduit également considérablement les temps de chargement.

En ce qui concerne la typographie, avec le passage au minimalisme, les propriétaires de sites, les éditeurs et les utilisateurs ont commencé à s'attendre à des conceptions plus propres sur les sites qu'ils visitent. Une partie de la clé réside dans la fourniture d'un texte plus beau et mieux présenté. Des outils tels que Google Fonts et Adobe Typekit ont également beaucoup aidé, facilitant la création de sites Web avec un texte de meilleure qualité et plus professionnel.

Enfin, le défilement de parallaxe - que j'ai toujours beaucoup apprécié - suscite beaucoup d'intérêt ces derniers temps. Pour les non-initiés, le fonctionnement est assez simple : il vous suffit de configurer votre site pour que l'arrière-plan se déplace plus lentement que l'avant-plan (voire pas du tout). Cela crée non seulement l'illusion de la profondeur de champ, mais c'est un excellent moyen de donner aux sites Web d'une seule page un peu plus d'éclat.

Beaucoup de bruit à propos des micro-interactions

Les applications mobiles ont un peu gâté l'utilisateur final, si vous vous arrêtez et y pensez. Les mieux conçus sont remplis de fonctionnalités connues sous le nom de micro-interactions : de petits morceaux de commentaires qui sont donnés à un visiteur en fonction de la façon dont il interagit avec votre site. Certes, ce concept n'est pas particulièrement nouveau. En 2013, Foster of Mysterious Trousers les appelait des interactions avec du papier bulle. En effet, ils sont satisfaisants et améliorent considérablement l'expérience utilisateur en rendant les choses plus viscérales.

Pour vous, cela signifie que - en particulier compte tenu du passage de la vente en gros au mobile - vous devez en savoir plus sur les micro-interactions et sur la manière de les intégrer à votre site.

"En UX, ce qui compte, c'est la façon dont vous traitez les utilisateurs et ce qu'ils ressentent lorsqu'ils utilisent le produit [dans ce cas, votre site Web]", écrit Dmytro Svarytsevych de Web Designer Depot. "Les micro-interactions fournissent aux utilisateurs les commentaires nécessaires et une compréhension des processus en cours, ce qui rend une interface accessible, quelle que soit la complexité de la logique qui la sous-tend."
Voici comment vous pouvez ajouter une microinteraction à votre site, selon Creative Bloq :

• Connaître le déclencheur : c'est ce qui se produit pour lancer la microinteraction. Il peut s'agir de n'importe quoi, d'un utilisateur se connectant à votre site pour la première fois à laisser un commentaire sur un article ou d'acheter un produit. Les meilleurs déclencheurs sont ceux où le système observe le comportement d'un utilisateur et l'utilise pour le contexte - c'est-à-dire. en leur fournissant une page qu'ils visitent fréquemment lorsqu'ils arrivent sur votre site.
• Établissez des règles : "Règles" peut être un peu impropre ici. Essentiellement, ce sont les lignes directrices qui déterminent le fonctionnement d'une micro-interaction particulière - ce qui peut arriver, ce qui devrait arriver et ce qui ne peut pas arriver ou n'arrive pas. Par exemple, un site de commerce électronique peut vous avertir si vous ajoutez par inadvertance le même produit à votre panier deux fois.
• Déterminez les commentaires : quels commentaires fournirez-vous à l'utilisateur ? Comment allez-vous améliorer leur expérience de votre site ?
• Déterminez combien de temps dure la microinteraction : votre microinteraction se termine-t-elle automatiquement sans intervention de l'utilisateur ? Comment change-t-il à chaque utilisation ?

"Le feedback est l'endroit pour ajouter un placage de personnalité à votre micro-interaction", lit Creative Bloq. "Parfois, un peu d'humour ou de pointe peut très bien fonctionner et est apprécié, en particulier dans des situations qui peuvent être frustrantes, comme un message d'erreur ou lorsque quelque chose prend beaucoup de temps à charger."

Rester au top des tendances de conception de sites Web

WordPress est en constante évolution, côte à côte avec le web. Vous ne devez pas être pris au dépourvu par cette évolution. En gardant un œil sur les dernières tendances, vous pouvez vous assurer que vous êtes bien en avance sur la courbe lorsque ces tendances deviennent enfin réalité.