LES NOUVELLES
TENDANCES UX UI
JULIE DE MOLINER
Chef de projet
julie@concept-image.fr
BAPTISTE FOURÉ
Designer graphique
baptiste@concept-image.fr
ANIMATRICE
SPEAKERS
MYRIAM VAN RHIJN
Directrice conseil
myriam@concept-image.fr
Votre micro ne marche
pas ? C'est normal
Mais vous allez pouvoir
poser des questions
Pourquoi
vous-êtes vous
levé(e) si tôt
ce matin ?
Ce matin, on va parler
TENDANCES
Notes
Alors pas forcément celle-ci...désolée pour les adeptes du claquette chaussettes…
TENDANCES
autour du design
d’interface utilisateur
Notes
On va parler des tendances autour du design d’interface utilisateur. Et on vous propose
de faire un tour d'horizon des tendances UX et UI.
On va s’intéresser aux tendances actuelles, mais aussi à celles qui perdurent encore, et
qui se sont imposées dans les interfaces. Que ce soit sur les sites web ou sur les
applications mobile.
une tendance ?
Mais au fait, c’est quoi
Notes
On peut définir une tendance comme une direction, une orientation dans le sens
commun.
Si on parle de direction graphique artistique par exemple, c’est un design qui tend vers
une aspiration, une opinion.
"La mode se démode,
mais jamais le style »
Notes
On peut reprendre cette citation : "La mode se démode, mais jamais le style». Et oui, les
claquettes chaussettes, ça date pas d’hier, comme on peut le voir ici.
En effet, les tendances sont évolutives, tout comme les possibilités de développement
web, et donc, tout comme la mode.
le webdesign ?
À quoi sert
Améliorer l’expérience utilisateur
Donner de la valeur ajoutée
Transmettre un message
Notes
Le webdesign, ça ne sert pas seulement à habiller un site pour le rendre « Whaou », le
rendre beau. Ça n’a donc pas qu’un but esthétique.
Il faut que le site se démarque de la concurrence et reste dans la tête de l’utilisateur.
Le but du design d’un site ou d’une appli est donc d’être impactant tout en respectant
un univers. Et donc, il doit…
on fait ça ?
Comment
Équilibre
des espaces et des textes
Cohérence
des couleurs
Pertinence
de l’iconographie
Hiérarchie
de l’information
Notes
La tendance est un univers en constante évolution d’un point de vue technologique, mais
également graphique. C’est un monde en perpétuel mouvement !
C’est parti !
#1
Les grandes typographies à
empattement
Notes
Les empattements c’est quoi ? Et bien, ce sont sont les petites extensions qui forment la
terminaison des caractères de certaines typographies. Historiquement, les
empattements proviennent de la trace laissée par l’outil (plume, pinceau etc.) lorsque la
main s’élève pour achever le geste d’écriture.
Notes
Ainsi, la tendance de la grande typo, qui plus est, à empattement, donne aux
interfaces un trait de caractère fort et marqué. Elles permettent de faire passer des
messages de façon impactante, en prenant une place non négligeable à l’écran,. Elles
donnent ainsi beaucoup de poids au discours qu’on souhaite véhiculer sur le site.
C’est une tendance qui s’inscrit dans celle du minimalisme qui s’est grandement
confirmée depuis ces derniers mois.
https://www.queengarnet.com/
Notes
C’est ce qu’on peut voir avec ces exemples d’ailleurs.
https://works.studio/
https://www.ivantoma.com/
Style passager
ou véritable tendance de fond ?
Notes
Il est vrai que cette tendance s’applique mieux, voire parfaitement à certains domaines, à
certains types de sites en particulier, comme des sites portfolio, du corporate, du
premium etc.
Par contre, l’utilisation de grandes typographies, (qu’elle soit à empattement ou non)
est vraiment ancrée depuis des années dans les bonnes pratiques du web design. Elle a
encore de beaux jours devant elle ! Elle s’inscrit bien dans la tendance qui va suivre.
#2
Un design XXL
Notes
En effet, on remarque les sites sont amenés à privilégier de plus en plus les éléments de
grande taille, des grandes typographies (on vient de le voir), des grandes images, des
grandes icônes.
C’est pour cela qu’on parle de design XXL, qui permet d’attirer l’œil et de transmettre
très rapidement un message.
Notes
Car l’un des enjeux majeurs du webdesign aujourd’hui est de se faire comprendre
instantanément par l’utilisateur : donc on utilise des grandes typos, des visuels étirés…
ça implique toutefois de réduire la quantité d’éléments affichés, afin de ne pas submerger
le visiteur de trop d’informations en même temps.
https://brunoarizio.com/
https://www.blogduwebdesign.com/tendances-webdesign-2020/
Notes
https://www.badass35.com/en/home
https://www.findwunder.com/
#3
Des couleurs vibrantes
La couleur peut
influencer les émotions
et les actions des
utilisateurs.
Notes
L’apparition des couleurs vives est une tendance qui est apparu il y a maintenant deux
ans.
Cette tendance permet d’attirer l’œil humain et ainsi le site reste en tête chez les
utilisateurs.
Une étude montre que 85% des consommateurs déclarent que les couleurs ont une
influence dans leur processus d’achat.
Source image : http://andreirobu.com/
Notes
Mailchimp en est le parfait exemple, avec la récente refonte de son identité visuelle
(2019).
En remplaçant son traditionnel bleu pour un “jaune cavendish” (un jaune banane !),
Mailchimp a bousculé les codes du secteur habituellement basés sur la couleur bleue.
Notes
La couleur est un outil très puissant pour transmettre des informations.
Elle peut attirer l’attention, créer une ambiance, influencer les émotions et les actions
des utilisateurs.
En matière de conception d’applications mobiles et web, utiliser des couleurs vives
devient ainsi la norme. La couleur sera utilisée non seulement pour l’esthétique, mais fera
également partie de l’expérience fonctionnelle. Par exemple, elle peut aider à mieux
différencier l’état d’un élément (le bouton est grisé lorsqu’aucune action n’a été faite le
bouton devient vert lors de la validation ou rouge si il manque une information.
Une couleur peut avoir une signification différente selon la manière dont elle est utilisée.
Attention à ne pas utiliser du rouge lors de la validation d’un élément par exemple.
Notes
Ici, on voit bien que des gros acteurs comme Instagram et Spotify utilisent des couleurs
vibrantes dès l’ouverture de leurs apps.
Ses couleurs vont permettre de faire ressentir un bien être chez l’utilisateur lors de
l’utilisation de l’application. Les couleurs vibrantes vont permettre de véhiculer du
dynamisme.
Notes
Le design étant de plus en plus important les marques se permettent de plus en plus
d’originalité dans leurs choix de couleurs afin de se démarquer de leurs concurrence.
Cette tendance est grandement inspiré du cyberpunk une branche de la science fiction.
Source : https://99designs.fr/blog/tendances/tendances-design-graphique/#1
Notes
En revanche, il est important de prendre en compte que les couleurs n’ont pas forcément
la même signification d’une culture à une autre.
De plus, la perception des couleurs peut être variable d’une personne à une autre.
Il ne faut ainsi pas se baser uniquement sur cet aspect pour transmettre une information.
Notes
On voit également de plus en plus de « blanc » dans les sites, dans des interfaces de plus
en plus minimalistes.
Cette tendance est apparue suite aux nouveau site Apple. Le site est épuré au maximum
pour favoriser la place aux visuels des produits
Notre avis : Nous pensons que cette tendance est à prendre en compte et pas seulement
dans les design minimalistes.
• La ligne de flottaison n’est plus vraiment un point à prendre en compte l’utilisateur n’a
pas peur de naviguer dans le site
• Contrairement à ce qu’on croit, condenser des informations sur une même zone de
lecture ne favorise pas du tout l’accès à tous les contenus
• Laissons respirer le design, les magazines print l’ont compris depuis longtemps ;)
• Les animations d’interaction étant promis à prendre de plus en plus d’importance, il
faut leur laisser de la place pour s’exprimer
Notes
Dans ce site nous pouvons constater que chaque partie est bien délimité par du blanc
tournant
L’utilisateur peut donc apporter une grande importance aux visuels
Lors du défilement le site nous raconte une histoire
https://ferrumpipe.com/
Notes
Dans les couleurs, on note aussi des inspirations 80’s 90’s, avec des teintes pastel, une
sorte de « nouveau retro » dans les interfaces.
Cette tendance « Retour aux années 80 /90’s » s’observe un peu partout : culture
(musique, séries…), prêt à porter… et donc déteint forcément (aussi !) sur le numérique,
et le webdesign.
https://www.sneakerdistrict.com/wotherspoon/
https://graphiste.com/blog/inspiration-site-web-retro
https://www.sneakerdistrict.com/wotherspoon/
#4
Les thèmes sombres
Aka le dark mode
Notes
Alors que l’utilisation quotidienne des écrans a un impact sur notre santé mais également
sur notre consommation d’énergie, de plus en plus d’interfaces passent « en mode
sombre ».
En plus d’améliorer l’esthétique, le thème sombre permet d’aider à réduire la fatigue
oculaire, l'éblouissement et l’exposition à la lumière bleue.
En effet, le noir se révèle moins agressif pour nos yeux. Terminé donc le fond blanc hyper
lumineux qui tire sur les yeux, le « dark mode » assombrit les couleurs de l’écran, le texte
apparaissant en blanc sur fond noir afin de proposer une interface bien plus confortable.
Les bénéfices ?
• Un meilleur sommeil : les écrans, éclairés par des LED, émettent une lumière bleue
non seulement néfaste pour nos yeux mais qui neutralise la sécrétion de mélatonine,
l’hormone régulant le sommeil. En réduisant cette luminosité, on atténue les effets
néfastes de la lumière bleue sur notre cycle de sommeil.
• Plus d’autonomie : L’écran a tendance à mettre la batterie K.O, car très énergivore. Le
mode sombre permet donc d’augmenter l’autonomie de ses appareils.
Notes
Apple l’a rendu plus populaire avec la sortie de la mise à jour du système Mojave qui peut
automatiquement définir un thème sombre pour ses applications. De plus, il a lancé une
mise à jour iOS qui fournit des fonctionnalités similaires en mode sombre.
Notes
Gmail propose également un thème sombre.
En mars 2020, Facebook a proposé un mode sombre qui peut être activé et désactivé
dans le menu déroulant situé dans les paramètres.
Compte tenu du penchant de ces géants de la technologie vers le « thème sombre », cette
tendance est susceptible de régir la sphère de conception mobile UI en 2020 et au-delà.
#5
Les superpositions
Notes
En utilisant plusieurs plans, la superposition d’images ou de vidéos permet de donner de
la profondeur aux designs. Vous pouvez ainsi créer des effets en positionnant vos médias
et typographies et en utilisant notamment l’effet parallaxe qui donne une impression de
mouvement à l’image (en bougeant les plans à des vitesses différentes).
https://www.codeur.com/blog/tendances-web-
design/ + https://www.blogduwebdesign.com/tendances-webdesign-2020/
https://www.castoretpollux.com/
Notes
https://theme698-furniture-store.myshopify.com/
https://artvillas.com/
#6
Le design émotionnel
Le design émotionnel,
c’est imiter les émotions humaines dans
l’interface utilisateur.
Notes
Dans cet exemple, l’interface transmet l’émotion qu’a pu ressentir l’utilisateur en
associant la note avec des éléments représentant un visage : pas content lorsque c’est une
mauvaise note ou à l’inverse très content quand c’est une bonne note.
En tant qu’êtres humains, nous établissons un lien affectif avec les produits que nous
utilisons. Par conséquent, nous attendons un niveau de retour similaire à un échange
entre deux individus lorsque nous interagissons avec ces produits. Même si nous savons
qu’ils ne sont pas des humains et qu’ils ne peuvent pas ressentir d’émotions, nous voulons
croire qu’ils le peuvent.
Le design émotionnel peut passer par l’aspect visuel, et par les animations.
Notes
Autre exemple avec Mailchimp, qui personnifie le principe d’ « appuyer sur un bouton
rouge » pour envoyer sa campagne emailing.
Ça peut être aussi dans la rédaction des contenus, comme dans l’exemple suivant.
Notes
On note de plus en plus dans les interfaces l’utilisation d’émojis qui complète cette
convergence vers le design émotionnel.
Exemple toujours avec l’assurance santé ALAN.
Aujourd’hui les emojis ont véritablement créé un nouveau vocabulaire, universellement
reconnue. Ils font désormais partie intégrante de nos conversations, et ce à tous âges.
Ça permet d’exprimer ce que l’on ne peut/veut pas dire avec des mots, en générant
des émotions.
C’est aussi pratique pour gagner de la place, en traduisant en images un long discours.
Et surtout, ils vont créer une vraie proximité avec votre audience, en humanisant votre
discours.
#7
L’expérience centrée sur le contenu
Content-centered experience
L’expérience centrée sur le contenu
a pour objectif d’améliorer la hiérarchisation
visuelle des éléments.
Notes
La suppression de l’encombrement visuel et l’amélioration de la compréhension
constituent un objectif en vogue. Le but est de supprimer les informations non
pertinentes et de hiérarchiser les informations essentielles en donnant la priorité au
contenu et en élaborant un langage visuel clair.
Notes
Cette tendance n’est pas nouvelle, elle a commencé il y a déjà quelques années mais
continue d’être au cœur des préoccupations de nombreux UX designers.
Il est important de définir clairement l’ordre de présentation des éléments de l’interface
utilisateur pour faciliter la compréhension du contenu. Des signifiants visuels forts (tels
que des couleurs contrastées pour les boutons d’appel à l’action) sont utilisés pour
diriger l’utilisateur sur certains éléments interactifs ou sur des informations essentielles.
#8
La puissance d’un « hero-image » sur
une page d’atterrissage
Notes
Comme les images d’arrière-plan en plein écran, les images de type « hero-image » se
feront sentir dans l’interface utilisateur mobile en 2020. Pour rappel, une image dite
« hero » est une bannière avec de l’impact, généralement assez grande, et située en
haut. Les images « hero » sont un moyen important et efficace de rendre votre
application ou site impactant.
Pour les applications, souvent, les images « hero » transmettent le message de votre
application. Étant donné qu’ils sont placés sur la page de destination de l’application,
cela donne une idée de ce à quoi s’attendre dans l’application. Si vous avez des visuels
sophistiqués, les utilisateurs supposent que votre application inclut un contenu élégant,
tandis qu’un contenu coloré et vif signifie que votre application est liée au divertissement
ou à la comédie.
Notes
https://www.belco.fr/
https://digitalhorizon.vc/en/
#9
Les micro-interactions
et les animations contextuelles
Les micro-interactions et les
animations contextuelles sont la
traduction visuelle d’une action.
Elles permettent d’apporter un retour visuel
aux interactions de l’utilisateur.
Notes
Par exemple : l’effet de survol.
L’effet de survol a toujours existé. Avant, on passait généralement simplement d’une
couleur à une autre. Aujourd’hui, c’est beaucoup plus poussé. Par exemple, des
informations de livraison qui apparaissent lors d’un survol d’ajout au panier.
Cela doit servir l’interface et l’aide à la compréhension globale de l’interface et du
message à véhiculer. C’est une tendance annoncée comme étant très forte, et ça semble
être logique quand on la met en rapport avec l’évolution du digital.
C’est une option qui est d’ailleurs de plus en plus poussée et travaillée dans les softs de
création graphiques (XD, Studio, Sketch…). Ce qui ne fait que confirmer cette évolution,
et cette sortie du statique.
À titre de comparaison dans un autre secteur digital, qui imaginerait aujourd’hui un jeu
vidéo très statique ?... C’est pareil par le web il va falloir qu’il devienne de plus en plus
ludique tout en gardant en tête les objectifs de compréhension et de facilitation de
parcours.
Crédit : Twitter
Notes
Exemple de micro-interaction : le clic sur « Ajouter aux favoris » sur le site Twitter.
Notes
Elles sont un excellent moyen de donner vie aux applications et d’accroître l’expérience
utilisateur. Sans elles, les applications donnent l’impression d’être des supports statiques.
De plus, les mobinautes et internautes sont dorénavant familiers avec les micro-
interactions (swiper, glisser vers le bas pour recharger une page, etc).
Elles peuvent être utilisées pour guider l’utilisateur dans un processus, attirer son
attention sur un élément précis, marquer une transition, indiquer la possibilité d’une
interaction, informer sur la validation ou l’échec d’une action, etc.
#10
Des animations
toujours plus poussées
Les designs sont plus immersifs
lorsqu’ils prennent vie.
Notes
C’est surtout le cas dans le monde des apps, comme le montre cet exemple.
C’est la première impression qui compte, tout le monde le sait !
La plupart des applications proposent ainsi d’initialiser la découverte de leur
fonctionnement à travers une phase d’onboarding. Il est donc logique que ce soit
l’endroit où l’on trouve du contenu animé.
La représentation numérique du monde réel, même modifié, doit s’appuyer sur les
mêmes habitudes de perception que les objets réels pour éviter d’être trompeuse et de
prêter à confusion pour les utilisateurs. Si des objets incorporés voient leur état changer
en fonction des actions de l’utilisateur, ils doivent se déplacer et effectuer une transition
naturelle ou augmentée. Par exemple, quand un objet se déplace, il a une phase
d’accélération et une phase de décélération. Il faut donc essayer de reproduire ce
comportement dans les animations.
#11
Les illustrations
Les illustrations ont
de super-pouvoirs !
Elles contribuent à créer un univers
et une ambiance propice à
l’affirmation de la marque.
Notes
Parce que nous sortons de plus en plus de l’utilisation exclusive de photos.
• Déjà, parce qu’on a beaucoup vu de photos de paysages
• Parce qu’Unsplash – site vous permettant de télécharger de belles images libres de
droit, vous connaissez sûrement ? est aujourd’hui très connu et utilisé par beaucoup de
monde (oui cette photo est belle, mais on l’a déjà vue dans plusieurs sites..)
• Parce que les gens repèrent maintenant très vite le style des banques d’images un
petit peu fake, et par conséquent l’utilisateur peut moins s’identifier et se projeter.
• Parce que gérer des shoots photos personnalisés coûte cher
• C’est pour cela que les icônes et les pictogrammes ont été une grande tendance ces
dernières années. L’illustration est la suite logique. Elle permet de faire passer des
messages lorsque le texte et les images ne suffisent pas, ou que l’on veut représenter
visuellement simplement un sujet complexe, tout en créant une ambiance mémorable
pour l’utilisateur.
Notes
En plus, les illustrations aident souvent à amener de la chaleur et de la personnalité dans
les interfaces.
Quelles sont les grandes tendances
illustratives cette année ?
Le dessin fait-main
Ou au trait « Line Art »
Notes
C’est l’une des tendances du design graphique qui a vraiment évolué cette année. Ce
style vient du street art avec un côté retro qui plait. Le street art fait sont come back dans
le graphisme. Le style tatouage rentre aussi dans cette tendance fait main noir et blanc
cette tendance est repris chez de nombreux artistes.
https://www.legworkstudio.com/
Notes
https://www.hiiammat.cz/
Dans ce site nous pouvons justement observer le retour à la matière et à la texture.
On observe que les images sont mises dans des cadres avec un effet papier déchiré.
Ici aussi la texture vient apporter un côté matière, qui donne l’impression du touché.
Cela va permettre à l’utilisateur de sortir du digital et de retrouver une sensation plus
matérielle.
Notes
On peut aussi avoir ce genre de composition ou l’effet de peinture vient révéler l’image.
Cette tendance vient du faite que les utilisateurs souhaitent de plus en plus revenir à une
texture naturelle et moins digitale.
Ce retour au naturelle permet de provoquer de nouvelles émotions et quitter l’aspect
trop aseptisé du flat design.
https://accm.ie/
Compositions « déstructurées »
Notes
Compositions « déstructurées » : l’émancipation du réalisme va permettre de donner
plus de liberté pour créer une diversité de styles et de compositions différentes.
C’est très efficaces pour créer une identité unique et originale.
https://www.thecollective.com/
Collages et découpages
Notes
Le collage et le découpage permet d’ouvrir avec de la matière existence de nouvelles
possibilités artistiques.
Cette tendance est apparue notamment suite à la mise en ligne de milliers d’images
d’archives gratuitement sur différents sites comme sur la site de la Bibliothèque de New
York.
La 3D
La 3D
Notes
La 3D a littéralement explosé cette année. Elle va donner de la profondeur et du réalisme
là où cela est nécessaire,
Elle permet à nous designers de dépasser les limites de la deux dimensions et pose des
liens solides avec les objets du monde « réel ».
La 3D va aussi permettre de montrer avec précision un produit.
On va pouvoir tourner autour, zoomer voir avec précisions les détails du produit.
Comme ici le pneu.
Mais cela est encore plus intéressant avec le secteur de l’automobile ou la 3D va
permettre de rentrer à l’intérieur du véhicule.
Pratique pour choisir son intérieur cuir ☺
Le surréalisme
Notes
Le surréalisme : à l’image des compositions déstructurées, ce style inspiré de l’art
surréaliste donne un résultat original et « propriétaire » à une marque.
Dans cette tendance les proportions ne sont pas importantes ce qui compte c’est le
message que l’on souhaite véhiculer. Les illustrations apportent une dimension
émotionnelle importante à votre interface. Selon le style employé, les réactions et les
émotions peuvent être positives ou négatives, mais il y a une chose de sûre : personne ne
restera indifférent.
L’illustration texturée
Notes
L’illustration texturée : l’effet de « bruit visuel » donnant un effet de texture semble être
l’un des effets les plus populaires en illustration cette année. Il rend instantanément les
illustrations plus riches, en ajoutant de la matière, du volume et de l’ancrage dans le réel.
#12
Les interfaces conversationnelles
Répondre à des besoins courants
d’utilisateurs
Notes
Ça vous rappelle quelquechose ?
L’utilisation de chatbots (en français agent conversationnel) et d’Intelligence Artificielle
(IA) est en forte hausse ces dernières années.
Cela permet de mettre en place un système qui va répondre à des besoins courants
d’utilisateurs. Par exemple, combien coûte un abonnement à un service en ligne ?
L’avantage c’est que la réponse est instantanée et le chatbot est disponible 24/24 et 7/7.
Attention, il faut préciser que cette solution ne remplace en aucun cas le support avec
une personne réelle, et que c’est fastidieux à mettre en place.
Cela ne se prête pas à tous les projets.
Notes
De plus, un chatbot est incapable de trouver une réponse à un élément pour lequel il n’a
pas été programmé pour répondre. Par ailleurs, il ne comprendra pas toutes les
tournures de phrase, ni toutes les fautes d’orthographe.
Notes
Notre avis :
Les chatbots s’imposent de plus en plus. Nous ne pouvons plus passer à côté.
Comme tout élément de vos interfaces, il devient nécessaire de les personnaliser au
maximum pour que vos utilisateurs aient l’impression de discuter avec une identité
représentant l’image de la marque, et d’être immergé dans votre univers.
L’idée de la mascotte est intéressante (car on assume le fait que ce n’est pas un humain de
l’autre côté, contrairement à il y a qqs temps) si on trouve un axe de cohérence avec
l’univers de marque.
https://www.oui.sncf/bot
#13
L’autorisation biométrique
Le but de l’autorisation biométrique
est de rendre l’étape
d’authentification à une application
ou un service plus rapide et plus
sécurisée.
Notes
Cette fonctionnalité permet de simplifier les processus de sécurité de certaines
applications. Lorsqu’elle est en place, elle est généralement plus utilisée que les systèmes
conventionnels (mot de passe, schéma, etc).
Elle est pertinente seulement si l’application contient des données personnelles et
demande de s’authentifier très régulièrement (ex : applications bancaires).
Et pour
CONCLURE ?
FAUT-IL TOUJOURS
SUIVRE LES TENDANCES ?
Une question s’impose :
Notes
Oui, c’est périlleux en terme d’image et de business de ne pas suivre le mouvement. Il y a
un vrai risque de se faire dépasser par les concurrents et de ne plus engager les
utilisateurs, qui sont de plus en plus exigeants.
NON.
Notes
Non, car appliquer les tendances à la lettre et de façon tranchée risque de rendre le site
ou l’app plus rapidement obsolète (sauf si vous votre budget vous permet de faire des
refontes régulièrement). Il ne faut pas non plus s’éloigner de son identité graphique et
des messages que vous voulez transmettre à vos utilisateurs.
EN RÉSUMÉ,
CE QU’IL FAUT RETENIR ET CE QUI
COMPTE VRAIMENT, C’EST QUOI ?
Chercher de l’inspiration,
explorer de nouveaux horizons,
observer les tendances
C’EST BIEN
👍
Tout en décodant les besoins
d’un client et d’une équipe
C’EST MIEUX
👌
Notes
En gros, c’est connaître les tendances et avoir conscience des usages d’aujourd’hui, pour
en retenir le meilleur.
C’est à dire mettre en œuvre les tendances qui s’adaptent le mieux à vos objectifs,
besoins et cible. Quelque soit le but recherché pour votre site ou appli :
• Que ça soit pour l’améliorer,
• Lui redonner un coup de jeune,
• Ou offrir plus de possibilités à vos utilisateurs, etc.
PROCHAINS PETITS-DEJ
Jeudi 15 octobre
LES BONNES PRATIQUES DU
RÉFÉRENCEMENT NATUREL EN 2020
Jeudi 19 novembre
CONSTRUIRE UNE STRATÉGIE
DIGITALE
LAISSEZ-VOUS UN AVIS ;)

Nouvelles tendances ui ux avec notes

  • 1.
  • 2.
    JULIE DE MOLINER Chefde projet julie@concept-image.fr BAPTISTE FOURÉ Designer graphique baptiste@concept-image.fr ANIMATRICE SPEAKERS MYRIAM VAN RHIJN Directrice conseil myriam@concept-image.fr
  • 3.
    Votre micro nemarche pas ? C'est normal
  • 4.
    Mais vous allezpouvoir poser des questions
  • 6.
  • 7.
    Ce matin, onva parler TENDANCES
  • 9.
    Notes Alors pas forcémentcelle-ci...désolée pour les adeptes du claquette chaussettes…
  • 10.
  • 11.
    Notes On va parlerdes tendances autour du design d’interface utilisateur. Et on vous propose de faire un tour d'horizon des tendances UX et UI. On va s’intéresser aux tendances actuelles, mais aussi à celles qui perdurent encore, et qui se sont imposées dans les interfaces. Que ce soit sur les sites web ou sur les applications mobile.
  • 12.
    une tendance ? Maisau fait, c’est quoi
  • 13.
    Notes On peut définirune tendance comme une direction, une orientation dans le sens commun. Si on parle de direction graphique artistique par exemple, c’est un design qui tend vers une aspiration, une opinion.
  • 14.
    "La mode sedémode, mais jamais le style »
  • 15.
    Notes On peut reprendrecette citation : "La mode se démode, mais jamais le style». Et oui, les claquettes chaussettes, ça date pas d’hier, comme on peut le voir ici. En effet, les tendances sont évolutives, tout comme les possibilités de développement web, et donc, tout comme la mode.
  • 16.
    le webdesign ? Àquoi sert Améliorer l’expérience utilisateur Donner de la valeur ajoutée Transmettre un message
  • 17.
    Notes Le webdesign, çane sert pas seulement à habiller un site pour le rendre « Whaou », le rendre beau. Ça n’a donc pas qu’un but esthétique. Il faut que le site se démarque de la concurrence et reste dans la tête de l’utilisateur. Le but du design d’un site ou d’une appli est donc d’être impactant tout en respectant un univers. Et donc, il doit…
  • 18.
    on fait ça? Comment Équilibre des espaces et des textes Cohérence des couleurs Pertinence de l’iconographie Hiérarchie de l’information
  • 21.
    Notes La tendance estun univers en constante évolution d’un point de vue technologique, mais également graphique. C’est un monde en perpétuel mouvement ! C’est parti !
  • 22.
  • 24.
    Notes Les empattements c’estquoi ? Et bien, ce sont sont les petites extensions qui forment la terminaison des caractères de certaines typographies. Historiquement, les empattements proviennent de la trace laissée par l’outil (plume, pinceau etc.) lorsque la main s’élève pour achever le geste d’écriture.
  • 26.
    Notes Ainsi, la tendancede la grande typo, qui plus est, à empattement, donne aux interfaces un trait de caractère fort et marqué. Elles permettent de faire passer des messages de façon impactante, en prenant une place non négligeable à l’écran,. Elles donnent ainsi beaucoup de poids au discours qu’on souhaite véhiculer sur le site. C’est une tendance qui s’inscrit dans celle du minimalisme qui s’est grandement confirmée depuis ces derniers mois. https://www.queengarnet.com/
  • 28.
    Notes C’est ce qu’onpeut voir avec ces exemples d’ailleurs. https://works.studio/ https://www.ivantoma.com/
  • 30.
    Style passager ou véritabletendance de fond ?
  • 31.
    Notes Il est vraique cette tendance s’applique mieux, voire parfaitement à certains domaines, à certains types de sites en particulier, comme des sites portfolio, du corporate, du premium etc. Par contre, l’utilisation de grandes typographies, (qu’elle soit à empattement ou non) est vraiment ancrée depuis des années dans les bonnes pratiques du web design. Elle a encore de beaux jours devant elle ! Elle s’inscrit bien dans la tendance qui va suivre.
  • 32.
  • 34.
    Notes En effet, onremarque les sites sont amenés à privilégier de plus en plus les éléments de grande taille, des grandes typographies (on vient de le voir), des grandes images, des grandes icônes. C’est pour cela qu’on parle de design XXL, qui permet d’attirer l’œil et de transmettre très rapidement un message.
  • 36.
    Notes Car l’un desenjeux majeurs du webdesign aujourd’hui est de se faire comprendre instantanément par l’utilisateur : donc on utilise des grandes typos, des visuels étirés… ça implique toutefois de réduire la quantité d’éléments affichés, afin de ne pas submerger le visiteur de trop d’informations en même temps. https://brunoarizio.com/ https://www.blogduwebdesign.com/tendances-webdesign-2020/
  • 39.
  • 40.
  • 41.
    La couleur peut influencerles émotions et les actions des utilisateurs.
  • 42.
    Notes L’apparition des couleursvives est une tendance qui est apparu il y a maintenant deux ans. Cette tendance permet d’attirer l’œil humain et ainsi le site reste en tête chez les utilisateurs. Une étude montre que 85% des consommateurs déclarent que les couleurs ont une influence dans leur processus d’achat. Source image : http://andreirobu.com/
  • 45.
    Notes Mailchimp en estle parfait exemple, avec la récente refonte de son identité visuelle (2019). En remplaçant son traditionnel bleu pour un “jaune cavendish” (un jaune banane !), Mailchimp a bousculé les codes du secteur habituellement basés sur la couleur bleue.
  • 47.
    Notes La couleur estun outil très puissant pour transmettre des informations. Elle peut attirer l’attention, créer une ambiance, influencer les émotions et les actions des utilisateurs. En matière de conception d’applications mobiles et web, utiliser des couleurs vives devient ainsi la norme. La couleur sera utilisée non seulement pour l’esthétique, mais fera également partie de l’expérience fonctionnelle. Par exemple, elle peut aider à mieux différencier l’état d’un élément (le bouton est grisé lorsqu’aucune action n’a été faite le bouton devient vert lors de la validation ou rouge si il manque une information. Une couleur peut avoir une signification différente selon la manière dont elle est utilisée. Attention à ne pas utiliser du rouge lors de la validation d’un élément par exemple.
  • 49.
    Notes Ici, on voitbien que des gros acteurs comme Instagram et Spotify utilisent des couleurs vibrantes dès l’ouverture de leurs apps. Ses couleurs vont permettre de faire ressentir un bien être chez l’utilisateur lors de l’utilisation de l’application. Les couleurs vibrantes vont permettre de véhiculer du dynamisme.
  • 51.
    Notes Le design étantde plus en plus important les marques se permettent de plus en plus d’originalité dans leurs choix de couleurs afin de se démarquer de leurs concurrence. Cette tendance est grandement inspiré du cyberpunk une branche de la science fiction. Source : https://99designs.fr/blog/tendances/tendances-design-graphique/#1
  • 53.
    Notes En revanche, ilest important de prendre en compte que les couleurs n’ont pas forcément la même signification d’une culture à une autre. De plus, la perception des couleurs peut être variable d’une personne à une autre. Il ne faut ainsi pas se baser uniquement sur cet aspect pour transmettre une information.
  • 55.
    Notes On voit égalementde plus en plus de « blanc » dans les sites, dans des interfaces de plus en plus minimalistes. Cette tendance est apparue suite aux nouveau site Apple. Le site est épuré au maximum pour favoriser la place aux visuels des produits Notre avis : Nous pensons que cette tendance est à prendre en compte et pas seulement dans les design minimalistes. • La ligne de flottaison n’est plus vraiment un point à prendre en compte l’utilisateur n’a pas peur de naviguer dans le site • Contrairement à ce qu’on croit, condenser des informations sur une même zone de lecture ne favorise pas du tout l’accès à tous les contenus • Laissons respirer le design, les magazines print l’ont compris depuis longtemps ;) • Les animations d’interaction étant promis à prendre de plus en plus d’importance, il faut leur laisser de la place pour s’exprimer
  • 57.
    Notes Dans ce sitenous pouvons constater que chaque partie est bien délimité par du blanc tournant L’utilisateur peut donc apporter une grande importance aux visuels Lors du défilement le site nous raconte une histoire https://ferrumpipe.com/
  • 59.
    Notes Dans les couleurs,on note aussi des inspirations 80’s 90’s, avec des teintes pastel, une sorte de « nouveau retro » dans les interfaces. Cette tendance « Retour aux années 80 /90’s » s’observe un peu partout : culture (musique, séries…), prêt à porter… et donc déteint forcément (aussi !) sur le numérique, et le webdesign. https://www.sneakerdistrict.com/wotherspoon/ https://graphiste.com/blog/inspiration-site-web-retro https://www.sneakerdistrict.com/wotherspoon/
  • 60.
  • 61.
  • 63.
    Notes Alors que l’utilisationquotidienne des écrans a un impact sur notre santé mais également sur notre consommation d’énergie, de plus en plus d’interfaces passent « en mode sombre ». En plus d’améliorer l’esthétique, le thème sombre permet d’aider à réduire la fatigue oculaire, l'éblouissement et l’exposition à la lumière bleue. En effet, le noir se révèle moins agressif pour nos yeux. Terminé donc le fond blanc hyper lumineux qui tire sur les yeux, le « dark mode » assombrit les couleurs de l’écran, le texte apparaissant en blanc sur fond noir afin de proposer une interface bien plus confortable. Les bénéfices ? • Un meilleur sommeil : les écrans, éclairés par des LED, émettent une lumière bleue non seulement néfaste pour nos yeux mais qui neutralise la sécrétion de mélatonine, l’hormone régulant le sommeil. En réduisant cette luminosité, on atténue les effets néfastes de la lumière bleue sur notre cycle de sommeil. • Plus d’autonomie : L’écran a tendance à mettre la batterie K.O, car très énergivore. Le mode sombre permet donc d’augmenter l’autonomie de ses appareils.
  • 65.
    Notes Apple l’a renduplus populaire avec la sortie de la mise à jour du système Mojave qui peut automatiquement définir un thème sombre pour ses applications. De plus, il a lancé une mise à jour iOS qui fournit des fonctionnalités similaires en mode sombre.
  • 68.
    Notes Gmail propose égalementun thème sombre. En mars 2020, Facebook a proposé un mode sombre qui peut être activé et désactivé dans le menu déroulant situé dans les paramètres. Compte tenu du penchant de ces géants de la technologie vers le « thème sombre », cette tendance est susceptible de régir la sphère de conception mobile UI en 2020 et au-delà.
  • 69.
  • 71.
    Notes En utilisant plusieursplans, la superposition d’images ou de vidéos permet de donner de la profondeur aux designs. Vous pouvez ainsi créer des effets en positionnant vos médias et typographies et en utilisant notamment l’effet parallaxe qui donne une impression de mouvement à l’image (en bougeant les plans à des vitesses différentes). https://www.codeur.com/blog/tendances-web- design/ + https://www.blogduwebdesign.com/tendances-webdesign-2020/ https://www.castoretpollux.com/
  • 74.
  • 75.
  • 76.
    Le design émotionnel, c’estimiter les émotions humaines dans l’interface utilisateur.
  • 78.
    Notes Dans cet exemple,l’interface transmet l’émotion qu’a pu ressentir l’utilisateur en associant la note avec des éléments représentant un visage : pas content lorsque c’est une mauvaise note ou à l’inverse très content quand c’est une bonne note. En tant qu’êtres humains, nous établissons un lien affectif avec les produits que nous utilisons. Par conséquent, nous attendons un niveau de retour similaire à un échange entre deux individus lorsque nous interagissons avec ces produits. Même si nous savons qu’ils ne sont pas des humains et qu’ils ne peuvent pas ressentir d’émotions, nous voulons croire qu’ils le peuvent. Le design émotionnel peut passer par l’aspect visuel, et par les animations.
  • 80.
    Notes Autre exemple avecMailchimp, qui personnifie le principe d’ « appuyer sur un bouton rouge » pour envoyer sa campagne emailing. Ça peut être aussi dans la rédaction des contenus, comme dans l’exemple suivant.
  • 84.
    Notes On note deplus en plus dans les interfaces l’utilisation d’émojis qui complète cette convergence vers le design émotionnel. Exemple toujours avec l’assurance santé ALAN. Aujourd’hui les emojis ont véritablement créé un nouveau vocabulaire, universellement reconnue. Ils font désormais partie intégrante de nos conversations, et ce à tous âges. Ça permet d’exprimer ce que l’on ne peut/veut pas dire avec des mots, en générant des émotions. C’est aussi pratique pour gagner de la place, en traduisant en images un long discours. Et surtout, ils vont créer une vraie proximité avec votre audience, en humanisant votre discours.
  • 85.
    #7 L’expérience centrée surle contenu Content-centered experience
  • 86.
    L’expérience centrée surle contenu a pour objectif d’améliorer la hiérarchisation visuelle des éléments.
  • 88.
    Notes La suppression del’encombrement visuel et l’amélioration de la compréhension constituent un objectif en vogue. Le but est de supprimer les informations non pertinentes et de hiérarchiser les informations essentielles en donnant la priorité au contenu et en élaborant un langage visuel clair.
  • 91.
    Notes Cette tendance n’estpas nouvelle, elle a commencé il y a déjà quelques années mais continue d’être au cœur des préoccupations de nombreux UX designers. Il est important de définir clairement l’ordre de présentation des éléments de l’interface utilisateur pour faciliter la compréhension du contenu. Des signifiants visuels forts (tels que des couleurs contrastées pour les boutons d’appel à l’action) sont utilisés pour diriger l’utilisateur sur certains éléments interactifs ou sur des informations essentielles.
  • 92.
    #8 La puissance d’un« hero-image » sur une page d’atterrissage
  • 94.
    Notes Comme les imagesd’arrière-plan en plein écran, les images de type « hero-image » se feront sentir dans l’interface utilisateur mobile en 2020. Pour rappel, une image dite « hero » est une bannière avec de l’impact, généralement assez grande, et située en haut. Les images « hero » sont un moyen important et efficace de rendre votre application ou site impactant. Pour les applications, souvent, les images « hero » transmettent le message de votre application. Étant donné qu’ils sont placés sur la page de destination de l’application, cela donne une idée de ce à quoi s’attendre dans l’application. Si vous avez des visuels sophistiqués, les utilisateurs supposent que votre application inclut un contenu élégant, tandis qu’un contenu coloré et vif signifie que votre application est liée au divertissement ou à la comédie.
  • 97.
  • 98.
    #9 Les micro-interactions et lesanimations contextuelles
  • 99.
    Les micro-interactions etles animations contextuelles sont la traduction visuelle d’une action. Elles permettent d’apporter un retour visuel aux interactions de l’utilisateur.
  • 101.
    Notes Par exemple :l’effet de survol. L’effet de survol a toujours existé. Avant, on passait généralement simplement d’une couleur à une autre. Aujourd’hui, c’est beaucoup plus poussé. Par exemple, des informations de livraison qui apparaissent lors d’un survol d’ajout au panier. Cela doit servir l’interface et l’aide à la compréhension globale de l’interface et du message à véhiculer. C’est une tendance annoncée comme étant très forte, et ça semble être logique quand on la met en rapport avec l’évolution du digital. C’est une option qui est d’ailleurs de plus en plus poussée et travaillée dans les softs de création graphiques (XD, Studio, Sketch…). Ce qui ne fait que confirmer cette évolution, et cette sortie du statique. À titre de comparaison dans un autre secteur digital, qui imaginerait aujourd’hui un jeu vidéo très statique ?... C’est pareil par le web il va falloir qu’il devienne de plus en plus ludique tout en gardant en tête les objectifs de compréhension et de facilitation de parcours.
  • 102.
  • 103.
    Notes Exemple de micro-interaction: le clic sur « Ajouter aux favoris » sur le site Twitter.
  • 105.
    Notes Elles sont unexcellent moyen de donner vie aux applications et d’accroître l’expérience utilisateur. Sans elles, les applications donnent l’impression d’être des supports statiques. De plus, les mobinautes et internautes sont dorénavant familiers avec les micro- interactions (swiper, glisser vers le bas pour recharger une page, etc). Elles peuvent être utilisées pour guider l’utilisateur dans un processus, attirer son attention sur un élément précis, marquer une transition, indiquer la possibilité d’une interaction, informer sur la validation ou l’échec d’une action, etc.
  • 109.
  • 110.
    Les designs sontplus immersifs lorsqu’ils prennent vie.
  • 112.
    Notes C’est surtout lecas dans le monde des apps, comme le montre cet exemple. C’est la première impression qui compte, tout le monde le sait ! La plupart des applications proposent ainsi d’initialiser la découverte de leur fonctionnement à travers une phase d’onboarding. Il est donc logique que ce soit l’endroit où l’on trouve du contenu animé. La représentation numérique du monde réel, même modifié, doit s’appuyer sur les mêmes habitudes de perception que les objets réels pour éviter d’être trompeuse et de prêter à confusion pour les utilisateurs. Si des objets incorporés voient leur état changer en fonction des actions de l’utilisateur, ils doivent se déplacer et effectuer une transition naturelle ou augmentée. Par exemple, quand un objet se déplace, il a une phase d’accélération et une phase de décélération. Il faut donc essayer de reproduire ce comportement dans les animations.
  • 115.
  • 116.
    Les illustrations ont desuper-pouvoirs !
  • 117.
    Elles contribuent àcréer un univers et une ambiance propice à l’affirmation de la marque.
  • 123.
    Notes Parce que noussortons de plus en plus de l’utilisation exclusive de photos. • Déjà, parce qu’on a beaucoup vu de photos de paysages • Parce qu’Unsplash – site vous permettant de télécharger de belles images libres de droit, vous connaissez sûrement ? est aujourd’hui très connu et utilisé par beaucoup de monde (oui cette photo est belle, mais on l’a déjà vue dans plusieurs sites..) • Parce que les gens repèrent maintenant très vite le style des banques d’images un petit peu fake, et par conséquent l’utilisateur peut moins s’identifier et se projeter. • Parce que gérer des shoots photos personnalisés coûte cher • C’est pour cela que les icônes et les pictogrammes ont été une grande tendance ces dernières années. L’illustration est la suite logique. Elle permet de faire passer des messages lorsque le texte et les images ne suffisent pas, ou que l’on veut représenter visuellement simplement un sujet complexe, tout en créant une ambiance mémorable pour l’utilisateur.
  • 125.
    Notes En plus, lesillustrations aident souvent à amener de la chaleur et de la personnalité dans les interfaces.
  • 126.
    Quelles sont lesgrandes tendances illustratives cette année ?
  • 127.
    Le dessin fait-main Ouau trait « Line Art »
  • 128.
    Notes C’est l’une destendances du design graphique qui a vraiment évolué cette année. Ce style vient du street art avec un côté retro qui plait. Le street art fait sont come back dans le graphisme. Le style tatouage rentre aussi dans cette tendance fait main noir et blanc cette tendance est repris chez de nombreux artistes. https://www.legworkstudio.com/
  • 131.
    Notes https://www.hiiammat.cz/ Dans ce sitenous pouvons justement observer le retour à la matière et à la texture. On observe que les images sont mises dans des cadres avec un effet papier déchiré. Ici aussi la texture vient apporter un côté matière, qui donne l’impression du touché. Cela va permettre à l’utilisateur de sortir du digital et de retrouver une sensation plus matérielle.
  • 133.
    Notes On peut aussiavoir ce genre de composition ou l’effet de peinture vient révéler l’image. Cette tendance vient du faite que les utilisateurs souhaitent de plus en plus revenir à une texture naturelle et moins digitale. Ce retour au naturelle permet de provoquer de nouvelles émotions et quitter l’aspect trop aseptisé du flat design. https://accm.ie/
  • 134.
  • 135.
    Notes Compositions « déstructurées» : l’émancipation du réalisme va permettre de donner plus de liberté pour créer une diversité de styles et de compositions différentes. C’est très efficaces pour créer une identité unique et originale. https://www.thecollective.com/
  • 136.
  • 138.
    Notes Le collage etle découpage permet d’ouvrir avec de la matière existence de nouvelles possibilités artistiques. Cette tendance est apparue notamment suite à la mise en ligne de milliers d’images d’archives gratuitement sur différents sites comme sur la site de la Bibliothèque de New York.
  • 139.
  • 140.
  • 141.
    Notes La 3D alittéralement explosé cette année. Elle va donner de la profondeur et du réalisme là où cela est nécessaire, Elle permet à nous designers de dépasser les limites de la deux dimensions et pose des liens solides avec les objets du monde « réel ». La 3D va aussi permettre de montrer avec précision un produit. On va pouvoir tourner autour, zoomer voir avec précisions les détails du produit. Comme ici le pneu. Mais cela est encore plus intéressant avec le secteur de l’automobile ou la 3D va permettre de rentrer à l’intérieur du véhicule. Pratique pour choisir son intérieur cuir ☺
  • 142.
  • 143.
    Notes Le surréalisme :à l’image des compositions déstructurées, ce style inspiré de l’art surréaliste donne un résultat original et « propriétaire » à une marque. Dans cette tendance les proportions ne sont pas importantes ce qui compte c’est le message que l’on souhaite véhiculer. Les illustrations apportent une dimension émotionnelle importante à votre interface. Selon le style employé, les réactions et les émotions peuvent être positives ou négatives, mais il y a une chose de sûre : personne ne restera indifférent.
  • 144.
  • 145.
    Notes L’illustration texturée :l’effet de « bruit visuel » donnant un effet de texture semble être l’un des effets les plus populaires en illustration cette année. Il rend instantanément les illustrations plus riches, en ajoutant de la matière, du volume et de l’ancrage dans le réel.
  • 146.
  • 148.
    Répondre à desbesoins courants d’utilisateurs
  • 149.
    Notes Ça vous rappellequelquechose ? L’utilisation de chatbots (en français agent conversationnel) et d’Intelligence Artificielle (IA) est en forte hausse ces dernières années. Cela permet de mettre en place un système qui va répondre à des besoins courants d’utilisateurs. Par exemple, combien coûte un abonnement à un service en ligne ? L’avantage c’est que la réponse est instantanée et le chatbot est disponible 24/24 et 7/7. Attention, il faut préciser que cette solution ne remplace en aucun cas le support avec une personne réelle, et que c’est fastidieux à mettre en place. Cela ne se prête pas à tous les projets.
  • 151.
    Notes De plus, unchatbot est incapable de trouver une réponse à un élément pour lequel il n’a pas été programmé pour répondre. Par ailleurs, il ne comprendra pas toutes les tournures de phrase, ni toutes les fautes d’orthographe.
  • 154.
    Notes Notre avis : Leschatbots s’imposent de plus en plus. Nous ne pouvons plus passer à côté. Comme tout élément de vos interfaces, il devient nécessaire de les personnaliser au maximum pour que vos utilisateurs aient l’impression de discuter avec une identité représentant l’image de la marque, et d’être immergé dans votre univers. L’idée de la mascotte est intéressante (car on assume le fait que ce n’est pas un humain de l’autre côté, contrairement à il y a qqs temps) si on trouve un axe de cohérence avec l’univers de marque. https://www.oui.sncf/bot
  • 155.
  • 156.
    Le but del’autorisation biométrique est de rendre l’étape d’authentification à une application ou un service plus rapide et plus sécurisée.
  • 158.
    Notes Cette fonctionnalité permetde simplifier les processus de sécurité de certaines applications. Lorsqu’elle est en place, elle est généralement plus utilisée que les systèmes conventionnels (mot de passe, schéma, etc). Elle est pertinente seulement si l’application contient des données personnelles et demande de s’authentifier très régulièrement (ex : applications bancaires).
  • 159.
  • 160.
    FAUT-IL TOUJOURS SUIVRE LESTENDANCES ? Une question s’impose :
  • 162.
    Notes Oui, c’est périlleuxen terme d’image et de business de ne pas suivre le mouvement. Il y a un vrai risque de se faire dépasser par les concurrents et de ne plus engager les utilisateurs, qui sont de plus en plus exigeants.
  • 163.
  • 164.
    Notes Non, car appliquerles tendances à la lettre et de façon tranchée risque de rendre le site ou l’app plus rapidement obsolète (sauf si vous votre budget vous permet de faire des refontes régulièrement). Il ne faut pas non plus s’éloigner de son identité graphique et des messages que vous voulez transmettre à vos utilisateurs.
  • 165.
    EN RÉSUMÉ, CE QU’ILFAUT RETENIR ET CE QUI COMPTE VRAIMENT, C’EST QUOI ?
  • 166.
    Chercher de l’inspiration, explorerde nouveaux horizons, observer les tendances C’EST BIEN 👍
  • 167.
    Tout en décodantles besoins d’un client et d’une équipe C’EST MIEUX 👌
  • 168.
    Notes En gros, c’estconnaître les tendances et avoir conscience des usages d’aujourd’hui, pour en retenir le meilleur. C’est à dire mettre en œuvre les tendances qui s’adaptent le mieux à vos objectifs, besoins et cible. Quelque soit le but recherché pour votre site ou appli : • Que ça soit pour l’améliorer, • Lui redonner un coup de jeune, • Ou offrir plus de possibilités à vos utilisateurs, etc.
  • 171.
    PROCHAINS PETITS-DEJ Jeudi 15octobre LES BONNES PRATIQUES DU RÉFÉRENCEMENT NATUREL EN 2020 Jeudi 19 novembre CONSTRUIRE UNE STRATÉGIE DIGITALE
  • 172.