Essential Design Trends, mai 2017
Faire une bonne première impression est une partie essentielle de la conception du site Web. La page d'accueil est souvent la première expérience d'un utilisateur avec une entreprise ou une organisation et un design saisissant peut aider à créer de l'intérêt. Les tendances de ce mois-ci se concentrent toutes sur les éléments de conception de la page d'accueil qui sont légèrement différents de ce que les utilisateurs ont l'habitude de voir.
Qu'il s'agisse d'une tendance purement esthétique dans les en-têtes de héros peu profonds ou les dispositions d'angle en diagonale ou d'une tendance d'interaction avec l'utilisateur dans cet appel à l'action, il existe de nombreux moyens intéressants d'attirer l'attention des utilisateurs.
Voici ce qui est tendance dans la conception ce mois-ci:
1. En-têtes de héros peu profonds
Pendant un moment, la tendance avec les images de héros a été grande, des images et des vidéos audacieuses qui remplissent l’écran, souvent du haut de la page d’accueil jusqu’au début du défilement. Plus de conceptions commencent à reculer de cette tendance d'image surdimensionnée pour les images de héros moins profondes.
Une grande partie du design est toujours la même. Les en-têtes de héros incluent toujours de belles images ou du texte avec une configuration faite pour être regardée. Mais les images sont environ deux fois moins profondes.
Ce qui est bien avec ce concept, c’est qu’il aide à déplacer d’autres informations sur l’écran. La copie du corps et les appels à l'action qui ne figurent pas dans l'image du héros apparaissent plus haut dans la conception, donnant aux utilisateurs quelque chose à faire ou à cliquer immédiatement. Cela peut aider à éviter l'encombrement de l'image elle-même, ce qui peut être très important si l'image est occupée ou difficile à associer efficacement au texte.
Ce modèle de conception peut également ajouter plus d'espace à la conception globale, ce qui le rend plus léger et plus facile à naviguer. Avec des styles plus minimalistes toujours populaires, ce concept pourrait être l'un des facteurs qui déterminent cette décision de conception.
La partie la plus difficile de l’utilisation d’une image de héros plus superficielle est le recadrage. C'est l'une de ces choses que vous voudrez penser au début du processus de conception, depuis le moment où vous parlez au photographe des images. Étant donné que la forme n'est pas standard, vous devrez peut-être expliquer comment vous prévoyez d'utiliser l'image pour obtenir une photo ou une vidéo dont l'aspect sera correct.
2. Disposition des angles diagonaux
Certaines tendances sont trop amusantes à ignorer. La disposition en coin en diagonale est l’un de ces concepts.
Ces conceptions sont illustrées par des éléments regroupés dans un coin de l'écran - souvent en bas à droite - et se déploient sur le reste du canevas. Les éléments sont souvent positionnés de manière à donner l'impression qu'ils entrent dans la conception.
La disposition en angle des diagonales fournit un modèle de suivi des yeux différent pour les utilisateurs en créant un point focal dans le coin inférieur du motif plutôt que le coin supérieur gauche ou central et en créant une certaine idée des éléments qui semblent "exploser" sur l'écran. (Pour un coup de pouce supplémentaire à la conception, pensez à animer des éléments pour améliorer cet effet d’explosion avec un mouvement lorsque l’utilisateur fait défiler ou survole des éléments spécifiques.)
Pour tirer le meilleur parti de ces éléments, de nombreux designs "cachent" plus d'éléments sous le défilement pour ajouter cet élément supplémentaire de réalité afin que les parties du dessin que vous ne pouvez pas voir se sentent tactiles et existent sur le parchemin.
Bien que ce type de modèle de conception ne fonctionne pas avec tous les types de contenu, il peut être judicieux d’utiliser des éléments d’interface utilisateur pour attirer l’attention. Il peut également fonctionner pour des conceptions de type portefeuille ou servir à organiser de nombreux éléments visuels plus petits en une seule unité.
3. Ceci ou cela appelle à l'action
Presque chaque conception de site Web inclut un certain type d'appel à l'action. Que ce soit un formulaire à remplir, un lien vers un clic ou une direction pour continuer à faire défiler le contenu, l'utilisateur est invité à faire quelque chose. (Et ils reçoivent souvent autre chose en récompense de cet effort.)
De plus en plus de conceptions commencent à apparaître avec des appels aux actions en miroir, qui permettent aux utilisateurs de faire un choix à partir de la page d'accueil lorsqu'ils décident quoi faire ensuite. La conception peut sembler un certain nombre de façons, telles que le triche direct ou non Les mots font mal à l'option à deux panneaux de Stoli à la navigation click-option pour le Salut Pointe Drive In .
Ce style de conception permet aux utilisateurs de contrôler ce qu’ils veulent faire et voir, ce qui peut être intéressant avec le bon mélange de contenu et de choix. Les trois exemples ci-dessous font un excellent travail de cadrage de ce que l'utilisateur peut faire et de ce qui va se passer. (Il y a aussi des outs si l'utilisateur fait un mauvais choix et doit revenir en arrière.)
Le défi ici est que vous avez besoin du bon type de contenu pour que ce modèle de conception fonctionne. Certains utilisateurs peuvent être dépassés par de multiples choix et souhaitent simplement un seul appel à l'action avec un seul choix: finissez l'action ou non. Ici, les utilisateurs ont deux fois plus d'options à considérer. Pour tirer le meilleur parti des choix, le contenu doit être totalement engageant.
Conclusion
Contrairement à certaines des autres tendances que nous avons explorées récemment, les tendances de ce mois-ci sont de purs éléments visuels que vous pouvez ajouter à un design existant à la volée. (Bien que vous puissiez vous approcher si vous avez de la chance.)
Ces schémas de conception reposent un peu plus sur la planification du contenu et de la conception, sachant que vous avez un certain concept en tête. Il faut une planification préalable et dans certains cas, il faut même un peu de magie HTML ou CSS pour tout rassembler.
Quelles tendances aimez-vous (ou détestez-vous) en ce moment? J'adorerais voir certains des sites Web qui vous intéressent. Laisse moi un lien sur Twitter ; J'adorerais avoir de vos nouvelles.