Que devezvous faire lorsqu'une tendance de conception Web devient trop populaire?

J'ai lu récemment un article intéressant sur Forbes sur la saturation de la langue. Voici le problème:

Les consommateurs ne comprennent pas toujours les détails techniques de ce que font les entreprises ou les solutions qu’ils ont créées pour eux. Ainsi, les rédacteurs utilisent un jargon qui traduit quelque chose comme «des appareils connectés à Internet avec des capacités informatiques» en « téléphones intelligents », « montres intelligentes » et « haut-parleurs intelligents »

Certains de ces mots à la mode se répandent comme une traînée de poudre et il devient bientôt impossible de trouver une marque ou un site Web qui ne les utilise pas. Lorsque cela se produit, les mots – et le produit ou service associé – perdent leur sens dans l'esprit des consommateurs parce que tout le monde dit la même chose.

La même chose se produit lorsque les tendances du design deviennent trop populaires. C'est quelque chose dont Vitaly Friedman a parlé l'année dernière en ce qui concerne les avis de consentement aux cookies et la cécité des bannières .

Mais quel choix avez-vous? Êtes-vous censé sauter dans le train du design de toute façon pour que votre site Web ne soit pas laissé pour compte? Aujourd'hui, nous allons examiner quelles sont vos options.

Que devez-vous faire avec les tendances de conception trop populaires?

Pour être clair, je ne vous suggère pas d'ignorer toutes les tendances de conception en hausse.

Il y a certaines tendances que nous devons absolument adopter à tous les niveaux. Comme le minimalisme et la conception avant tout mobile. Lorsqu'il existe une preuve substantielle et quantifiable de la nécessité d'une technique de conception, ne l'ignorez pas.

Ce dont je parle, ce sont des tendances de conception qui ne visent pas à renforcer le Web . Au lieu de cela, ils visent uniquement à stimuler l'engagement sur les sites Web.

Brutalisme. Fenêtres pop-up Facebook Messenger. Curseurs de héros de la page d'accueil. La deuxième fois que les sites Web populaires commencent à adopter ces tendances et une fois que les écrivains et les concepteurs commencent à les inclure dans les rafles des tendances en matière de conception, il ne reste que quelques mois avant que les consommateurs n'en soient inondés. Et c'est là que la cécité des bannières entre en jeu.

Alors, quelles sont vos options lorsque vous découvrez une nouvelle tendance de conception qui promet de grands résultats?

Option 1: Ignorez-la et restez fidèle à ce qui fonctionne

quelques raisons pour lesquelles vous devriez envisager d'utiliser cette option:

Vous travaillez sur des projets de sites Web à court terme.

Pour ceux d'entre vous qui créent des sites Web, remettez-les aux clients, puis leur souhaiter bonne chance pour passer au suivant, ce n'est probablement pas une bonne idée de jouer avec les tendances de conception à la mode.

Vous savez à quelle vitesse les tendances de conception changent, alors pourquoi mettre votre client dans une position où il a un site Web avec un design obsolète? Une des trois choses va se produire:

1. Ils laisseront la fonctionnalité obsolète telle quelle et n'ont aucune idée que cela leur coûtera des conversions.
2. Ils vous demanderont de l'aide pour supprimer la fonctionnalité peu de temps après le lancement. et ne seront pas heureux d'avoir besoin d'une reprise si tôt.
3. Ils demanderont de l'aide à un autre designer parce qu'ils sont contrariés que vous les mettiez dans cette position loin d'être idéale.

Sauf si votre client a une très bonne raison pourquoi ils ont besoin d'exploiter une tendance de conception passagère, essayez de les en dissuader. S'ils comprennent la nature éphémère de certaines de ces tendances, ainsi que la façon dont la cécité des bannières se développe à partir d'une sursaturation, ils devraient être à vos côtés en vous tenant à ce qui fonctionne.

Vous concevez (ou remodelez) un site pour un très bien

Lors de la création d'un site Web pour une entreprise qui jouit d'une réputation de longue date auprès de son public ainsi que d'une formule éprouvée de réussite, l'adoption d'une tendance passagère pourrait être risquée.

Prenez Zillow par exemple.

] Ceci est la page d'accueil mobile telle qu'elle existe aujourd'hui. C'est par nature simple, élégant et intuitif.

Pouvez-vous imaginer ce qui se passerait si le concepteur décidait d'ajouter un arrière-plan vidéo à la bannière du héros? Ou pour interrompre l'expérience de navigation de propriété avec une fenêtre publicitaire annonçant un téléchargement gratuit d'ebook?

Vous devez vraiment réfléchir aux perturbations de la conception attendue qui pourraient affecter le flux des choses. Ainsi, lorsque vous créez quelque chose pour une marque connue pour sa cohérence et sa commodité, il est préférable d'ignorer les tendances passagères.

Cela ne signifie pas qu'un site Web comme celui-ci ne doit pas être repensé. Comme je l'ai déjà dit, les «tendances» durables du design ne peuvent être ignorées car elles nous permettent de faire évoluer les sites Web dans la bonne direction (comme le responsive design). Par exemple, il s'agissait de Zillow en 2017:

Voyez-vous jusqu'où nous avons fait pour rendre les sites Web réactifs et mobiles en quelques années seulement? Ce sont les types de changements populaires qui ne nécessitent pas de débat.

L'objectif de l'entreprise est de nouer des relations; de ne pas augmenter les ventes.

Je me rends compte que chaque site Web a besoin de conversions pour survivre. Cependant, de nombreux modèles commerciaux ne peuvent pas durer avec des ventes uniques. La commercialisation constante de nouveaux clients coûte trop cher, c'est pourquoi certaines entreprises se concentrent sur l'établissement de relations à long terme avec leur clientèle.

Et c'est pourquoi vous devez éviter les tendances de conception propulsant la conversion sur ce type de

Prenons, par exemple, le site Web de Gary Vaynerchuk :

Rappelez-vous quand chaque site Web semblait avoir une fenêtre contextuelle contenant deux boutons – dont l'un serait super positif comme " Oui, je veux changer ma vie! " et l'autre qui visait à faire honte au visiteur avec quelque chose comme "Non, j'aime vivre dans la misère."

Comment pensez-vous que les fidèles toujours croissants de Vaynerchuk se sentiraient si le site affichait une de ces fenêtres contextuelles? Non seulement ils seraient ennuyés par la perturbation qui les retiendrait du contenu, mais ils seraient probablement contrariés qu'il utilise un tel stratagème sans vergogne pour les intimider à s'inscrire.

Si la marque que vous construisez un site Web car a une mission similaire – établir des relations durables et significatives – vous ne voulez pas souiller cela avec de mauvaises décisions de conception.

Option 2: Adoptez la tendance mais gardez un œil sur la saturation du marché

Patrick Ward , l'auteur de l'article de Forbes mentionné ci-dessus, a expliqué que de nombreux écrivains de l'espace fintech ont dû se tourner vers un style d'écriture plus simple:

«Au début, les nouvelles startups utilisaient le jargon et les mots à la mode pour mettre en avant leur toute nouvelle technologie et donner eux-mêmes un avantage concurrentiel. "

Je pense que c'est aussi une bonne leçon pour les concepteurs. Ce n'est pas toujours une mauvaise chose de sauter dans le train d'une tendance du design – surtout si elle a fait ses preuves et qu'elle en est encore aux tout premiers stades de la sensibilisation du public .

Donc, alors qu'il existe des cas évidents où elle est logique d'éviter les modes de conception, je pense qu'il y a des moments où il est logique d'en profiter. La seule chose est que vous ne pouvez pas simplement implémenter la conception et la laisser.

Par exemple, voici le site Web 15 Finches sur le bureau:

Comparons maintenant cette même expérience animée à ce que les utilisateurs obtiennent sur leurs appareils mobiles:

15 pinsons ) ( Grand aperçu )

Il existe un certain nombre de choix de conception effectués sur ce site mobile qui auraient dû être supprimés depuis longtemps.

1. Le la typographie verticale en arrière-plan devrait disparaître. Cela peut ajouter de la texture au site de bureau, mais c'est juste une distraction déroutante sur mobile.
2. L'animation sur le site de bureau ne se traduit pas sur mobile. Pour offrir aux visiteurs une expérience cohérente, le concepteur doit s'engager à concevoir le mobile d'abord.
3. Il y a aussi des erreurs de superposition partout sur le site mobile, avec du texte couvrant souvent d'autres morceaux de texte ainsi que des éléments manquants. boutons d'appel à l'action.

Comme je l'ai dit, il existe des sites où il est acceptable d'adopter des tendances de conception à court terme. Gardez simplement un œil sur eux.

Par exemple, la conception du site Hubspot est en constante évolution, mais les tendances de conception qu'il adopte ne semblent jamais dépasser leur accueil. Hubspot a tendance à se couper juste avant de devenir trop. Et c'est une chose clé à retenir.

Comme vous pouvez le voir, le site mobile utilise toujours un widget chatbot. Pour une entreprise qui vend des logiciels de vente et de marketing, c'est un élément important à retenir même si d'autres sites ont depuis abandonné le leur.

Cela dit, je suis certain que Hubspot garde un œil sur ses données utilisateur, il a donc probablement la confirmation que l'élément continue de bien fonctionner. Ce n'est qu'une des choses que vous devez garder à l'esprit lorsque vous surveillez une tendance.

Si vous souhaitez utiliser les tendances de conception populaires, vous devez être à long terme avec vos clients. De cette façon, la seconde que vous commencez à remarquer:

• Sursaturation sur le marché,
• La tendance est devenue complètement obsolète,
• Ou vos utilisateurs n'y répondent pas positivement.

Vous pouvez immédiatement déplacer le

Option 3: aller dans une direction similaire mais différente

Lorsqu'une technique ou un élément de conception devient immédiatement et universellement populaire, il a plus de valeur que sa capacité à augmenter les conversions ou à créer un design plus joli .

Jetez un coup d'œil à pourquoi il est pris comme il l'a fait. Si vous comprenez ce qui motive la popularité de la mode, vous pouvez en tirer le meilleur parti, vous l'approprier et avoir quelque chose avec une réelle tenue .

Vous souvenez-vous du New York L'article de Times Fall Snow en 2012? C'était peu de temps après que le défilement de parallaxe a commencé à prendre de la vitesse dans la conception Web. Et malgré certains sites Web utilisant la tendance, c'est la façon dont le NYT l'a intégré de manière créative avec des images interactives et animées qui a vraiment époustouflé les gens – à tel point qu'il a remporté plusieurs prix de journalisme pour cela.

Notez que le NYT n'a pas essayé de repenser son site Web avec le défilement de parallaxe ou l'interactivité. Il a pris les principes de base de plus en plus populaires et les a appliqués à une histoire révolutionnaire. En considérant comment la tendance pourrait être utilisée au mieux pour un impact maximum, le NYT a transformé une mode à court terme en quelque chose qui rendrait son histoire mémorable.

Si vous comprenez ce qui motive la popularité de la mode, vous pouvez tirer parti des parties les plus fortes

Jetons un coup d'œil à un exemple plus récent d'un site utilisant cette approche.

Vous connaissez tous le tendance de la conception d'écran partagé, non? Cela fonctionnait très bien sur le bureau, à la fois sous sa forme statique et lorsque la moitié de l'écran restait en place pendant que l'autre se déplaçait. Mais sur mobile? Ce n'était pas si génial.

Bien que nous ayons vu beaucoup de conceptions d'écran divisé disparaître, EngineThemes a fait sienne la tendance:

EngineThemes ) ( Grand aperçu )

En entrant sur le site, c'est un aspect que nous connaissons en tant que consommateurs. Mais il ne faut pas longtemps pour se rendre compte que ce sera une expérience différente.

Pour commencer, l'oiseau flottant et la flèche rouge à double tête sont quelque chose que vous ne voyez pas beaucoup, voire pas du tout, sur d'autres des sites. Je ne peux pas imaginer que de nombreux visiteurs défilent devant cette bannière sans s’y engager.

Deuxièmement, cette bannière ne contient aucun mot sur mobile. (Il y en a sur le site Web de bureau.)

L'une des raisons pour lesquelles cette tendance de conception ne fonctionne plus est parce qu'elle ne peut pas être utilisée sur des sites mobiles – il n'y a tout simplement pas assez d'espace pour diviser l'écran et l'adapter assez de mots là-dedans. Ou y a-t-il?

Les visiteurs aux yeux d'aigle remarqueront qu'il y a un message soigneusement caché dans le graphique de l'oiseau lorsque la flèche est déplacée vers la droite. Certes, le texte devrait être plus gros, mais les visiteurs mobiles peuvent zoomer s'ils ont du mal à le lire.

C'est une chaîne de code qui se lit comme suit:

 "EngineThemes fournit des solutions commerciales efficaces avec des thèmes d'application WordPress simples et puissants. . "

Mais voyez-vous ce que je veux dire? Lorsqu'une tendance de conception devient soudainement populaire – pendant un court ou long moment également – cela ne signifie pas nécessairement que vous devez en utiliser la même version exacte que tout le monde. C'est pourquoi la sursaturation se transforme rapidement une fois que les sites Web attrayants sont périmés.

Récapitulation

Lorsque nous exagérons en tirant parti des mêmes tendances de conception que tout le monde, nous mettons nos sites Web en danger de devenir redondants ou, pire encore, invisibles. Alors, comment établir un tranchant si nous ne pouvons pas utiliser le «jargon» du design?

La vérité est qu'il n'y a pas de réponse claire. Vous devez être en mesure de lire la salle, pour ainsi dire, et de déterminer quelle approche vous convient le mieux. Vous pouvez laisser la tendance passagère tranquille, vous pouvez l'adopter temporairement ou vous pouvez vous l'approprier.

Lectures complémentaires sur SmashingMag:

(ra, il)