Laboratoire d'Excellence des Top Sites

Lors des deux premières parties de cet article, nous avons présentes certains des éléments clés à prendre en compte lors de la création d'un nouveau site web efficace et quoi plait aux utilisateurs. - La page d'accueil - Le système de boites pour le développement des sites modernes - L'importance du mobile - Des images plus grandes - Les images GIF animées - La nouvelle tendance des vraies photos - Un contenu sans image - Contenu centré / divisé - Polices créatives / typographie - Couleurs vives et colorées - Design plat

Conception matérielle

Le design des matériaux est similaire, mais pas tout à fait aussi minimaliste que le design plat, car il fonctionne avec les ombres, et a donc une troisième dimension. L'objectif est d'obtenir une présentation plus réaliste pour une expérience utilisateur plus excitante. Le minimalisme est également très important dans la conception des matériaux. La fonctionnalité et la clarté ne doivent donc pas être gênées par une présentation réaliste et les éléments de conception correspondants sont comme des icônes et des polices de conception plate. De même, dans la conception des matériaux, les grandes surfaces monochromes jouent également un rôle important. La bonne chose à propos de la conception de matériaux pour les concepteurs Web et les programmeurs, est que le langage de conception laisse beaucoup de liberté, car il ne fait pas référence à un cadre spécifique.

Boutons fantômes

Un développement qui implique l'utilisation d'images de fond plus grandes et le "design plat":, se fait avec les "boutons fantômes" qui sont discrets, simplement conçus, et s'intègrent parfaitement dans l'environnement. Ainsi, les boutons d'appel à l'action peuvent être mis en place avec élégance et avec un certain effet de surprise pour les utilisateurs.

Effets de survol

L'effet de survol, également appelé effet de survol, correspond au changement d'un élément lorsque le visiteur de la page Web le touche avec la souris. Cet effet est le plus souvent utilisé sur les liens: dès que l'utilisateur touche un lien, il change de couleur. Cela lui signalera qu'il peut cliquer sur ce lien. L'effet de survol concerne donc principalement le retour d'informations sur les actions de l'utilisateur et, bien sûr, la convivialité. Mais également dans les tableaux, l'effet de survol est souvent utilisé pour faciliter la lecture à l'utilisateur. Partout où il suit son flux de lecture avec la souris, l'élément de tableau respectif apparaît dans une couleur différente. L'utilisation de l'effet de survol s'applique également très bien aux graphiques. Dès qu'une image est déplacée avec le pointeur de la souris, un lettrage expliquant le graphique peut apparaître. Bien que l'effet de survol de la souris ne soit pas une nouveauté dans le monde de la conception Web, il sera également utilisé en 2017 et sera toujours bien reçu par l'utilisateur en raison de sa convivialité.

Raconter des histoires

"Story telling" est un développement qui est également lié au triomphe du site. L'utilisateur navigue sur la page d'accueil, et lit une histoire passionnante sur la société et ses produits. La collecte fastidieuse d'informations sur de nombreuses sous-pages est remplacée par une histoire narrative. Cette histoire est soutenue par la tendance au défilement, de sorte que l'utilisateur interne entre dans un bon flux de lecture.

Faites défiler au lieu de cliquer

Cliquer, c'est fini, le défilement a pris sa place. Vous pouvez le constater notamment dans les conceptions modernes et plus réactives. Le défilement est plus intuitif, évite de nombreux clics sur différentes sous-pages et enregistre également les temps de chargement. Lors de la navigation sur la page d'accueil d'un site Web, l'utilisateur doit trouver toutes les informations pertinentes en un coup d'oeil. Si vous souhaitez approfondir le sujet, vous devriez alors avoir la possibilité d'en apprendre plus en cliquant sur.

Défilement parallèle

Dans le "défilement parallaxe", les images au premier plan se déplacent plus rapidement que les images en arrière-plan. C'est-à-dire que lors du défilement, les calques se déplacent à des vitesses différentes, donnant une impression de profondeur. Les objets proches semblent se déplacer plus rapidement que les éléments éloignés. L'interaction de l'utilisateur augmenterait jusqu'à 70% lorsque le défilement parallèle est utilisé. On peut supposer que la tendance se poursuivra également en 2019.

Navigation fixe

Les sites Web modernes fonctionnent souvent avec une "navigation fixe": la navigation reste à une certaine position sur l'écran, même si l'utilisateur continue à faire défiler l'écran. Parfois, le menu horizontal est ensuite réduit en largeur ou affiché uniquement sous forme de petite icône, qui peut être dépliée à nouveau. Cela se fait souvent avec un autre contenu pertinent et qui devrait être disponible rapidement.

Conclusion

Certaines tendances de conception de sites Web de 2017 et 2018 seront également à jour en 2019. Les sites Web doivent être réactifs pour atteindre tous les utilisateurs de tous les appareils mobiles et fixes, en mettant davantage l'accent sur "le mobile d'abord dans la conception réactive". Dans le processus, le temps de charge rapide sera encore plus important que jamais dans le futur. Le comportement interactif de l'utilisateur est en outre pris en charge par des commandes appropriées telles que le défilement de la parallaxe, les boutons fantômes et les micro interactions. Bien que les images jouent un rôle important dans l'expérience utilisateur, elles doivent être authentiques et individuelles. Les vidéos seront utilisées plus souvent et joueront un rôle important sur les sites Web "classiques" et sur les réseaux sociaux. Les sites Web modernes convainquent visuellement par des éléments tridimensionnels tels que le "Design de matériau" ou par de grandes surfaces monochromes comme le "Design plat", qui sont rapidement chargés et réduits à l'essentiel. Les tendances 2018 en matière de conception de sites Web, montrent encore plus clairement que la visite d'un site Web doit être une expérience réelle pour l'internaute, et surtout une rapide.