Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

Nouvelles tendances ui ux avec notes

Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Wird geladen in …3
×

Hier ansehen

1 von 172 Anzeige

Nouvelles tendances ui ux avec notes

Le monde des applis et du webdesign est en constante évolution, d’un point de vue technologique, mais également éditorial et graphique. On parle chaque année de nouvelles tendances. Mais les tendances, c'est comme la mode ? Un peu, mais pas complètement. En matière de webdesign, les tendances ne sont pas juste des couleurs que tous les sites arboreront fièrement au printemps, et il est intéressant de les analyser pour nourrir vos réflexions.

Nous ferons un tour d'horizon des tendances UX et UI actuelles, du design émotionnel à la réalité augmentée, en passant par les animations et les chatbots.
Et nous essayerons de répondre ensemble à 3 questions :
- Comment interpréter les tendances actuelles ?
- Quelles tendances se sont imposées de façon pérenne ?
- Quelles sont les tendances émergentes ?

Le monde des applis et du webdesign est en constante évolution, d’un point de vue technologique, mais également éditorial et graphique. On parle chaque année de nouvelles tendances. Mais les tendances, c'est comme la mode ? Un peu, mais pas complètement. En matière de webdesign, les tendances ne sont pas juste des couleurs que tous les sites arboreront fièrement au printemps, et il est intéressant de les analyser pour nourrir vos réflexions.

Nous ferons un tour d'horizon des tendances UX et UI actuelles, du design émotionnel à la réalité augmentée, en passant par les animations et les chatbots.
Et nous essayerons de répondre ensemble à 3 questions :
- Comment interpréter les tendances actuelles ?
- Quelles tendances se sont imposées de façon pérenne ?
- Quelles sont les tendances émergentes ?

Anzeige
Anzeige

Weitere Verwandte Inhalte

Diashows für Sie (20)

Ähnlich wie Nouvelles tendances ui ux avec notes (20)

Anzeige

Weitere von Concept Image (11)

Aktuellste (20)

Anzeige

Nouvelles tendances ui ux avec notes

  1. 1. LES NOUVELLES TENDANCES UX UI
  2. 2. 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
  3. 3. Votre micro ne marche pas ? C'est normal
  4. 4. Mais vous allez pouvoir poser des questions
  5. 5. Pourquoi vous-êtes vous levé(e) si tôt ce matin ?
  6. 6. Ce matin, on va parler TENDANCES
  7. 7. Notes Alors pas forcément celle-ci...désolée pour les adeptes du claquette chaussettes…
  8. 8. TENDANCES autour du design d’interface utilisateur
  9. 9. 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.
  10. 10. une tendance ? Mais au fait, c’est quoi
  11. 11. 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.
  12. 12. "La mode se démode, mais jamais le style »
  13. 13. 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.
  14. 14. le webdesign ? À quoi sert Améliorer l’expérience utilisateur Donner de la valeur ajoutée Transmettre un message
  15. 15. 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…
  16. 16. on fait ça ? Comment Équilibre des espaces et des textes Cohérence des couleurs Pertinence de l’iconographie Hiérarchie de l’information
  17. 17. 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 !
  18. 18. #1 Les grandes typographies à empattement
  19. 19. 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.
  20. 20. 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/
  21. 21. Notes C’est ce qu’on peut voir avec ces exemples d’ailleurs. https://works.studio/ https://www.ivantoma.com/
  22. 22. Style passager ou véritable tendance de fond ?
  23. 23. 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.
  24. 24. #2 Un design XXL
  25. 25. 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.
  26. 26. 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/
  27. 27. Notes https://www.badass35.com/en/home https://www.findwunder.com/
  28. 28. #3 Des couleurs vibrantes
  29. 29. La couleur peut influencer les émotions et les actions des utilisateurs.
  30. 30. 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/
  31. 31. 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.
  32. 32. 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.
  33. 33. 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.
  34. 34. 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
  35. 35. 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.
  36. 36. 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
  37. 37. 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/
  38. 38. 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/
  39. 39. #4 Les thèmes sombres
  40. 40. Aka le dark mode
  41. 41. 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.
  42. 42. 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.
  43. 43. 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à.
  44. 44. #5 Les superpositions
  45. 45. 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/
  46. 46. Notes https://theme698-furniture-store.myshopify.com/ https://artvillas.com/
  47. 47. #6 Le design émotionnel
  48. 48. Le design émotionnel, c’est imiter les émotions humaines dans l’interface utilisateur.
  49. 49. 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.
  50. 50. 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.
  51. 51. 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.
  52. 52. #7 L’expérience centrée sur le contenu Content-centered experience
  53. 53. L’expérience centrée sur le contenu a pour objectif d’améliorer la hiérarchisation visuelle des éléments.
  54. 54. 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.
  55. 55. 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.
  56. 56. #8 La puissance d’un « hero-image » sur une page d’atterrissage
  57. 57. 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.
  58. 58. Notes https://www.belco.fr/ https://digitalhorizon.vc/en/
  59. 59. #9 Les micro-interactions et les animations contextuelles
  60. 60. 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.
  61. 61. 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.
  62. 62. Crédit : Twitter
  63. 63. Notes Exemple de micro-interaction : le clic sur « Ajouter aux favoris » sur le site Twitter.
  64. 64. 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.
  65. 65. #10 Des animations toujours plus poussées
  66. 66. Les designs sont plus immersifs lorsqu’ils prennent vie.
  67. 67. 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.
  68. 68. #11 Les illustrations
  69. 69. Les illustrations ont de super-pouvoirs !
  70. 70. Elles contribuent à créer un univers et une ambiance propice à l’affirmation de la marque.
  71. 71. 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.
  72. 72. Notes En plus, les illustrations aident souvent à amener de la chaleur et de la personnalité dans les interfaces.
  73. 73. Quelles sont les grandes tendances illustratives cette année ?
  74. 74. Le dessin fait-main Ou au trait « Line Art »
  75. 75. 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/
  76. 76. 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.
  77. 77. 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/
  78. 78. Compositions « déstructurées »
  79. 79. 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/
  80. 80. Collages et découpages
  81. 81. 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.
  82. 82. La 3D
  83. 83. La 3D
  84. 84. 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 ☺
  85. 85. Le surréalisme
  86. 86. 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.
  87. 87. L’illustration texturée
  88. 88. 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.
  89. 89. #12 Les interfaces conversationnelles
  90. 90. Répondre à des besoins courants d’utilisateurs
  91. 91. 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.
  92. 92. 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.
  93. 93. 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
  94. 94. #13 L’autorisation biométrique
  95. 95. 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.
  96. 96. 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).
  97. 97. Et pour CONCLURE ?
  98. 98. FAUT-IL TOUJOURS SUIVRE LES TENDANCES ? Une question s’impose :
  99. 99. 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.
  100. 100. NON.
  101. 101. 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.
  102. 102. EN RÉSUMÉ, CE QU’IL FAUT RETENIR ET CE QUI COMPTE VRAIMENT, C’EST QUOI ?
  103. 103. Chercher de l’inspiration, explorer de nouveaux horizons, observer les tendances C’EST BIEN 👍
  104. 104. Tout en décodant les besoins d’un client et d’une équipe C’EST MIEUX 👌
  105. 105. 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.
  106. 106. PROCHAINS PETITS-DEJ Jeudi 15 octobre LES BONNES PRATIQUES DU RÉFÉRENCEMENT NATUREL EN 2020 Jeudi 19 novembre CONSTRUIRE UNE STRATÉGIE DIGITALE
  107. 107. LAISSEZ-VOUS UN AVIS ;)

×