Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Le marketing en ligne : Série hebdomadaire

Comment suivre les tendances du design web ?

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Les règles fondamentales du marketing s'appliquent également au monde numérique. Cependant, ce milieu présente des spécificités et des opportunités d'actions en constante évolution. Pour tous ceux qui veulent déployer un marketing dynamique en exploitant les possibilités du numérique, cette série hebdomadaire vous propose de faire régulièrement le point sur les avancées, les tendances et les retours d'expérience des professionnels. Didier Mazier vous accompagne dans la découverte du social marketing, de l'e-commerce, du growth hacking, et de bien d'autres techniques et stratégies. En suivant cette série, vous connaîtrez tout de ce qui anime le commerce moderne.
04:40
  Ajouter à vos favoris

Transcription

Bonjour, je suis Didier Mazier. Cette semaine, nous allons faire le point sur le Design Web et en particulier, sur les tendances qui sont apparues au courant de l’année 2016. Le Web, c’est comme la mode, il y a des tendances qui sont à la hausse ou à la baisse. Nous allons commencer par les tendances à la hausse. Nous avons vu émerger trois nouvelles tendances. Premièrement, l’émergence du flat design, deuxièmement, celle du cinéma-graphe et enfin, la conception par zones. Alors, nous allons voir en quoi consistent ces trois tendances graphiques et comment vous allez pouvoir éventuellement les exploiter dans vos designs. En ce qui concerne le Semi flat design, il faut comprendre que l’on utilisait depuis quelques temps, le Material Design, le Flat design, qui est un design extrêmement épuré, où les icônes, par exemple, ne sont plus reliées à la représentation d’un objet de la vie réelle. Ce qui serait du scmorphism, mais on les représente de manière extrêmement plate, extrêmement linéaire. On s’est rendu compte que le Material Design et le flat design posaient quand même quelques problèmes, puisque les utilisateurs n’arrivaient pas à comprendre qu’il s’agissait d’une icône, d’un bouton, etc. Et donc, nous avons vu émerger le Semi flat design. Vous avez, donc ici, à gauche le Material Design et à droite le Semi flat design, où avec une simple ombre qui est dans un angle qui sera bien entendu toujours le même, va accentuer l’effet graphique pour indiquer que c’est un bouton. L’autre tendance intéressante est celle du cinéma-graphe. Comme vous pouvez le constater sur cet écran, il s’agit d’une image qui est semi-animée. Ici, nous voyons l’escalateur en mouvement, mais tous les personnages sont arrêtés, sauf un personnage qui est en train de pianoter sur son téléphone portable. Le cinéma-graphe est intéressant parce qu’il permet de mettre en évidence certains actions, donc c’est un outil de communication qui va permettre de faire passer un message. Il existe un certain nombre d’outils, comme par exemple celui-ci, Flixel, pour créer des cinéma-graphes. On utilise des cinéma-graphes dans différents domaines, par exemple, dans le domaine de la mode ou dans le domaine du style de vie. Et vous voyez qu’ici, on a des choses qui peuvent être intéressantes pour faire des publicités. Nous trouvons d’ailleurs pas uniquement ces publicités sur des sites web, mais nous allons également pouvoir les trouver sur des panneaux d’affichage, ce qui est une nouveauté, car cela va permettre d’animer des panneaux d’affichages. Et puis, la troisième tendance à la hausse va être celle des Zones de clic sur mobile qui consistent à créer des interfaces où nous allons placer les boutons et les éléments d’interaction dans des zones qui vont être faciles. Vous voyez, ici, sur un téléphone portable qu'à partir du moment où il est tenu dans la main, il y a l’angle de rotation du pouce qui va déterminer la zone facile. Après, ça va être un petit peu plus difficile d’accéder au bouton et puis, en haut à gauche, nous allons avoir quelque chose qui va être plus difficile à atteindre puisqu’il faudra utiliser sa deuxième main. Alors, c’est la même chose pour les tablettes, sauf qu’une tablette, elle est tenue à deux mains et donc, la répartition des zones n’est pas tout à fait la même. C’est une des tendances du web design de cette année de créer des interfaces, en prenant en compte ces zones de clic sur mobile. Alors, il y a les tendances à la hausse, mais il y a également les tendances à la baisse. Les éléments qui sont en voie d’abandon sont essentiellement le principe des menus type hamburger, kebab, bento, nous allons voir dans un instant en quoi cela consiste. Les carrousels, sliders et autres diaporamas qui utilisent une part importante de l’écran pour finalement, ne pas dire grand-chose sont également une tendance qui va vers la baisse. Et puis, le défilement parallaxe qui va faire varier la position des contenus au fur et à mesure d'un défilement de la page est également une tendance à la baisse. Alors, en ce qui concerne les menus hamburger, kebab, bento, rappelons que le menu hamburger en fait, ce sont ces trois petites lignes et symboliquement, ça peut représenter un hamburger, le kebab, lui se limite à trois points et ce qu’on appelle le bento, c’est une matrice de neuf points. On s’est rendu compte que ce système de menu, même s’il est très répandu, avait un fort taux d’incompréhension chez les utilisateurs. On a donc tendance, maintenant, lorsque l’on va utiliser un menu hamburger, à spécifier que c’est un menu et à le placer dans une zone qui va l’identifier clairement comme un menu. Il ne vous reste donc plus qu’à examiner vos sites web et à voir si vous êtes dans la tendance. À la semaine prochaine !