6 tendances de conception Web pour août 2022

Publié: 2022-08-25

Le plus souvent, les gens considèrent les tendances de la conception Web comme des éléments visuels, mais les tendances peuvent également inclure de nombreuses fonctions. Les meilleures tendances ont probablement un peu des deux.

Voici six grandes tendances à considérer ce mois-ci :

1. Pages de produits personnalisées

Il s'agit d'une tendance de conception fonctionnelle qui a également l'air si belle : de plus en plus de concepteurs s'éloignent des pages de produits WooCommerce traditionnelles qui sont apparemment partout pour des options plus personnalisées. Cet exemple nous vient de Kadence WP.

Une page de produit plus personnalisée vous permet d'utiliser toutes les fonctionnalités puissantes de WooCommerce avec un design qui vous ressemble et vous ressemble. La nouvelle version de Kadence Shop Kit 2.0 offre la possibilité de personnaliser la mise en page des pages de produits comme vous pouvez l'imaginer.

Vous pouvez créer un design tendance à l'aide des outils Kadence que vous connaissez déjà avec un générateur de glisser-déposer.

  • Pourquoi ça marche : Tous les commerces électroniques ne sont pas identiques. Différents types de produits ont différents éléments à afficher qui peuvent faciliter les ventes.
  • Comment l'utiliser : Commencez avec Kadence Shop Kit 2.0. Aucun codage personnalisé n'est nécessaire pour personnaliser cette tendance de conception.

2. Paiement sans distraction

La simplification des pages de paiement est étayée par des recherches qui montrent que 17 % des clients potentiels abandonnent les paniers à la caisse en raison du processus de paiement trop long et compliqué . (En savoir plus sur les raisons de l'abandon du panier WooCommerce et comment les résoudre.)

Pour vous aider à créer une expérience de paiement sans distraction, réfléchissez à la façon dont vous pouvez simplifier l'expérience de paiement en créant un paiement étape par étape sur plusieurs pages. Flux Checkout pour WooCommerce fait une grande partie de ce travail pour vous avec une mise en page facile à comprendre pour les clients et très rapide, ce qui les aide à payer facilement.

Mieux encore, Flux Checkout vient de publier un nouveau thème appelé Modern. Le nouveau thème Moderne est simple et propre, avec une ambiance élégante. Modern est en plusieurs étapes, rapide comme l'éclair et conçu pour empêcher les chariots abandonnés.

  • Pourquoi ça marche : Finis le menu, la barre latérale et le pied de page de votre boutique. Au lieu de cela, les clients se verront présenter la chose la plus importante qu'ils puissent faire dans votre magasin - le paiement.
  • Comment l'utiliser : Si vous utilisez déjà le plugin Flux Checkout, vous pouvez effectuer la mise à jour depuis le tableau de bord WordPress comme d'habitude, puis suivre les étapes suivantes : 1. Depuis votre tableau de bord WordPress, accédez à WooCommerce > Flux Checkout . 2. Cliquez sur l'onglet Styles en haut de la page. 3. Ici, vous verrez les options de thème de Flux. Cliquez sur le bouton radio sous Moderne pour passer à ce thème.

3. De meilleurs portails de carrière

Nous savons tous que les emplois et l'embauche sont un gros problème en ce moment. Ce n'était donc qu'une question de temps avant que les entreprises ne commencent à améliorer la conception et la fonctionnalité des portails de carrière.

Ces sites ont traditionnellement été répertoriés avec beaucoup de mots et peu de visuels ou de fonctionnalités. Parcourez la liste et postulez. C'était ça.

Cette nouvelle génération de sites de carrière est plus engageante avec des vidéos et un contenu de qualité, comme dans l'exemple ci-dessus de H&M. Ils incluent des images et des informations qui vous donnent envie de travailler pour une entreprise. Les fonctionnalités bonus telles que la recherche ou les applications simples sont la cerise sur le gâteau.

  • Pourquoi cela fonctionne : les gens n'ont plus la capacité d'attention en ligne qu'ils avaient auparavant, et un format plus visuel est nécessaire pour attirer un public captif.
  • Comment l'utiliser : réfléchissez à ce qui intéresserait une personne à la recherche d'un emploi dans votre entreprise et utilisez-le à votre avantage de manière très visuelle.

4. Belles pages d'achat

Les boutiques en ligne sont de plus en plus belles. Cela s'applique à l'imagerie ainsi qu'à la fonctionnalité. Vous êtes plus susceptible d'acheter quelque chose dans une boutique en ligne s'il est beau et facile à utiliser. Vous pouvez le voir en action à l'Atelier Camille.

De plus en plus de vitrines en ligne passent à des images plus grandes avec plus de détails et d'éléments environnementaux afin que vous puissiez vous imaginer dans ce qui est vendu - des vêtements aux gadgets en passant par les meubles.

  • Pourquoi ça marche : Plus il est facile de s'imaginer dans quelque chose, plus vous avez de chances de vous sentir connecté à cette chose. C'est une solide tactique de vente.
  • Comment l'utiliser : Investissez dans la photographie personnalisée pour présenter vos produits de manière étonnante. N'oubliez pas d'inclure des images grand angle et détaillées.

5. Ludification légère

Il fut un temps où la gamification intensive était le principal moteur de la création d'interactions en ligne. Bien que la gamification - créer des expériences de type jeu pour créer un engagement durable - n'ait pas disparu, elle est beaucoup moins impliquée avec une sensation plus légère.

La ludification légère comprend des conceptions de sites Web et des interactions qui ne prennent que quelques minutes plutôt qu'une durée plus longue. Les utilisateurs obtiennent la satisfaction immédiate de relever un défi ou d'interagir avec une récompense à la fin.

La fonctionnalité, comme dans l'exemple de J-Crew, est souvent associée à des images plus légères, voire caricaturales, pour créer une expérience plus enfantine qui peut sortir les utilisateurs du "monde réel" pendant une minute pour s'engager en ligne.

  • Pourquoi ça marche : La petite pause de toute la lourdeur du monde est une distraction bienvenue pour de nombreux utilisateurs en ce moment. Un jeu léger qui ne dure que quelques minutes peut créer des sentiments de réussite et des émotions positives envers le reste de votre site Web ou de votre marque.
  • Comment l'utiliser : N'oubliez pas de garder les éléments basés sur le jeu courts et divertissants. Ils doivent être assez faciles à réaliser tout en offrant au moins un petit élément de défi.

6. Vidéo plus accessible

Oubliez toutes ces vidéos en lecture automatique. Une vidéo plus accessible est disponible.

Qu'est-ce que cela signifie?

Vidéo qui démarre à l'arrêt et comporte un bouton de lecture que l'utilisateur contrôle. La lecture vidéo accessible n'est qu'un élément du contenu vidéo plus accessible en ligne. Les autres éléments incluent l'utilisation de sous-titres vidéo (essentiels pour les utilisateurs de lecteurs d'écran), l'utilisation de transcriptions vidéo et la création de descriptions audio et de balises alt pour le contenu audio. Jetez un coup d'œil à cet exemple de The Arc North Carolina.

L'utilisation de l'un de ces éléments dans la conception peut aider votre contenu à être plus accessible à un plus grand nombre de personnes. C'est plus qu'une tendance, c'est en train de devenir une nécessité.

  • Pourquoi ça marche : Même les utilisateurs sans accessibilité ont besoin du contrôle d'un bouton de lecture vidéo. (Presque tout le monde a atterri sur un site avec trop de mouvement ou de son qui choquait au début.)
  • Comment l'utiliser : Utilisez des éléments communs comme notations de la façon d'interagir avec la vidéo. Les boutons de lecture et de pause sont standard et faciles à comprendre pour les utilisateurs. Assurez-vous que les emplacements sont suffisamment visibles pour pouvoir être vus et interagir facilement.

Mettre tous ensemble

Les tendances de conception Web WordPress sont un élément amusant, mais ne vous sentez pas obligé d'essayer toutes les nouvelles tendances qui se présentent. Choisissez ceux qui conviennent à votre site Web et à votre marque pour qu'ils restent frais et modernes.