Tendances essentielles de la conception, mai 2016
Rien n'attire votre attention comme un design de haut niveau. Les grandes images, l'utilisation inhabituelle d'éléments communs ou d'espaces blancs et le gameplay basé sur l'aventure sont différentes manières d'initier les utilisateurs à un projet. Chacune de ces techniques a une sensation de surimpression qui fait une première impression forte et encourage l'interaction de l'utilisateur.
Voici ce qui est tendance dans la conception ce mois-ci:
1) une grande photo
Alors que les sites de style collage avec beaucoup de photos ou d'en-têtes vidéo sont des options populaires, une grande photo fait son retour dans la conception de la page d'accueil. Caractérisée par une image frappante sans beaucoup d'autres effets, une grande photo peut avoir beaucoup de poids et présenter aux utilisateurs le contenu du site.
Mais la photo doit être de la plus haute qualité et très intéressante pour inciter les utilisateurs à continuer à cliquer.
Cela peut être une formule difficile à résoudre.
Voici quelques solutions:
- Commencez avec une photo définissant. Il doit être intéressant et quelque peu différent. (Évitez la main tenant des images d'un téléphone pour des lancements d'application ou une personne sur une couleur unie des photos d'arrière-plan.)
- Crop le serrer.
- Modifier et jouer avec les paramètres de couleur. Optez pour quelque chose d'un peu plus extrême, comme le noir et le blanc.
- Présentez votre produit ou votre marque.
- Gardez les autres éléments au minimum. N'envisagez d'utiliser qu'un identifiant de marque, tel qu'un logo et un titre court.
- Déplacez la navigation hors du chemin.
- Fournissez un indice aux utilisateurs afin qu'ils sachent quelle action doit être entreprise, comme la flèche qui encourage un parchemin.
- Faites une photographie dramatique à l'aide de l'éclairage, d'arrière-plans intéressants ou d'environnements stellaires. (Un photographe professionnel est probablement nécessaire pour celui-ci.)
- Jouer le drame avec la typographie est ce qui est surdimensionné, sous-dimensionné ou utilise une police de caractères de nouveauté. Mais n'utilisez qu'une de ces techniques.
2) navigation dans la barre latérale
Bien que la disposition la plus courante pour les éléments de navigation se trouve en haut du site Web, cela n’est pas obligatoire. Tant qu'il est clair pour les utilisateurs quant à la manière d'utiliser un site, la navigation peut vivre dans un certain nombre d'endroits différents.
La navigation de type barre latérale, souvent située sur le côté gauche de l’écran, est une de ces options populaires.
Il s’agit d’une tendance qui se manifeste assez rapidement et qui concerne plusieurs sites. De la finesse des styles, presque inexistants, à des éléments de navigation plus larges et presque surdimensionnés dans une disposition de barre latérale, cet emplacement a beaucoup de sens, car les utilisateurs lisent de gauche à droite. Ainsi, les éléments de navigation à gauche peuvent être la première chose que les utilisateurs lisent réellement à l’écran après avoir jeté un coup d’œil au titre principal ou à une autre copie volumineuse.
La tendance provient des styles de navigation mobile et constitue une étape logique pour les sites Web de bureau. Pendant un certain temps, nous avons expérimenté une navigation latérale sur des appareils à petit écran. La recherche de la navigation depuis le côté est devenue un modèle d’utilisateur généralement accepté pour cette raison.
Dans le cadre d'une vision plus large, nous verrons probablement encore plus de techniques utilisant des solutions mobiles pour des écrans de toutes tailles. L'extension d'une solution de petit écran à tous les périphériques permet de gagner du temps et d'améliorer la cohérence du projet. Cela fait également partie de la stratégie de conception mobile-first.
En ce qui concerne la navigation dans la barre latérale sur des écrans plus grands, il y a quelques éléments spécifiques à prendre en compte.
- La navigation doit être quelque peu évidente pour les utilisateurs. C'est pourquoi de nombreux sites utilisent toujours l'icône de hamburger comme notation.
- La navigation peut apparaître à gauche ou à droite, mais peut également constituer un élément de conception distinct avec un emplacement statique.
- La navigation dans la barre latérale peut faire partie de la conception globale plutôt que de la laisser de côté. Notez comment le site Web de Quecha intègre des éléments de navigation de style sidebar dans la conception globale.
- Offrez beaucoup d'espace pour que les éléments de navigation soient clairs et faciles à lire. Les utilisateurs doivent savoir ce que sont ces mots ou ces icônes et savoir s’ils permettent de contourner le site Web.
- Veillez à ne pas modifier les styles de navigation entre les pages, sauf si vous revenez à une option standard supérieure des pages intérieures.
3) aventure interactive
Les concepteurs amènent la vidéo, l'animation et la narration à un niveau supérieur grâce à des sites Web amusants qui entraînent les utilisateurs dans une aventure interactive. Ces sites basés sur des récits sont destinés à des marques et à des entreprises de toutes sortes, ainsi qu'à des sites simplement informatifs.
Chaque site d’aventure interactif a tendance à paraître très différent et peut utiliser un nombre quelconque de techniques pour engager les utilisateurs. Le fil conducteur est un scénario où l'utilisateur contrôle l'action à l'écran. Cela fonctionne avec des clics, en tapant des commandes et en faisant défiler pour engager l'utilisateur dans l'histoire et aider à déterminer les résultats.
Ce type d'histoire interactif de conception de sites Web est bon pour les utilisateurs et bon pour vous. Une bonne histoire peut garder les utilisateurs sur votre site plus longtemps et cliquer sur les liens, en s’engageant dans le contenu. Cela vous aidera à établir une meilleure connexion avec votre public.
Les utilisateurs aiment les histoires interactives car elles peuvent être amusantes et intéressantes. L'astuce consiste à garder l'histoire assez courte pour qu'un utilisateur puisse jouer et terminer le jeu en séance. S'ils doivent se détourner, vous pourriez les perdre.
Considérez également le résultat de l'expérience interactive. Que se passe-t-il à la fin de l'interaction? Est-ce uniquement lié au jeu? Ou mettez-vous en évidence un produit ou un service auquel les utilisateurs voudront revenir? Si la réponse est la dernière, assurez-vous d'inclure une option de contournement pour les utilisateurs qui ont déjà joué (ou ne veulent pas jouer) au jeu mais veulent toujours accéder au contenu.
Conclusion
Le thème du design tendance ce mois-ci est le grand drame. Il faut beaucoup d’art, une bonne histoire et beaucoup de planification pour réaliser l’une de ces techniques, car elles sont si singulièrement concentrées sur la saisie rapide des utilisateurs. Est-ce un style que vous considéreriez?
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.