Découvrez les tendances webdesign 2019, et nos conseils en tant que webdesigner et directeur artistique. Qu'est-ce qu'une tendance ? A quoi sert le webdesign ? Quelles sont les tendances pour 2019 ?
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 ?
Rédiger pour le web est un exercice particulier. Pas forcément plus difficile que de rédiger pour un autre support, mais qui nécessite de connaître et suivre certaines règles. D'autant plus si vous prenez la parole sur des canaux multiples (web, mailing, blog, réseaux sociaux), et si vous êtes plusieurs rédacteurs.
Nous aborderons ensemble les bonnes pratiques de rédaction pour le web (mots clefs, lisibilité, métadonnées, etc.), et partagerons quelques outils à utiliser ou à créer pour faciliter votre quotidien.
Créer du contenu de qualité pour les réseaux sociauxConcept Image
Créer des contenus pour les réseaux sociaux, ça prend du temps, ça revient tout le temps, et ce n'est pas le même exercice pour son compte personnel et pour la communication de son entreprise.
Comment s’y prendre quand on n’est pas une agence avec un studio intégré et un rédacteur ? Comment produire des contenus de qualité : à la fois textes, photos et vidéos ?
Lors de ce petit-déj, nous découvrirons l'utilité d'un calendrier éditorial et mettrons en pratique quelques techniques et conseils pour réaliser des photos et des vidéos de qualité avec un smartphone.
Et si vos présentations n’endormaient plus votre auditoire ?Concept Image
On a tous déjà assisté à une présentation qui donne envie de s’endormir. Car, pour intéresser et convaincre votre public, vous devez lui raconter une histoire dont il a envie de connaître la suite.
Comment commencer et raconter cette histoire ? Comment donner plus d’impact à sa présentation ?
Nous allons répondre à toutes les questions que vous vous posez et plus encore.
- Réussir son plan, et bien découper sa présentation
- Que met-on dans une slide ?
- Cohérence graphique : quelques règles de base
- Tour d’horizon d'outils pratiques
Comment améliorer les performances de mon site web grâce à l'UX ?Concept Image
Vous vous êtes sans doute déjà demandé ce qu’est un site performant ? Et vous n'arrêtez pas d'entendre parler d'UX Design (ou design d'expérience utilisateur) ?
C’est en mettant l’utilisateur au cœur de la conception, en observant et en testant la façon dont il utilise votre site, que vous parviendrez à en faire un outil réellement performant.
Nous aborderons quelques méthodes et outils pour répondre à ces enjeux et vous donner les clés pour les appliquer à vos projets.
Identité et plateforme de marque avec notesConcept Image
La plateforme de marque et l’identité visuelle sont les deux composantes clés dans la création d’une marque ou son positionnement. Elles sont indispensables pour créer une marque forte et pérenne.
Qu'est-ce qu'une plateforme de marque ? Quel est l'interêt d'en créer une pour votre entreprise ? Pourquoi créer une identité visuelle ? Ne peut on pas se contenter d'un logo pour lancer ses supports de communication : print, web, mailing... ?
Nous vous expliquerons ce qui se cache derrière ces documents de référence, quelle est leur utilité, et comment procéder pour les mettre en place. Et partagerons avec vous quelques retours d'expérience sur ce type de projet, qui soulève souvent des questions plus larges et complexes dans l'entreprise : tout le monde est-il aligné sur la vision ? La stratégie de développement est-elle validée ? Le positionnement de l'entreprise est-il clair ? Les valeurs reflètent-elles une réalité ?
Les bonnes pratiques du référencement naturel en 2020 notesConcept Image
Vous avez un site web ou un blog, vous savez qu'il n'est pas là juste pour être joli, et qu'il est crucial de bien travailler votre visibilité sur le web, et donc votre référencement ?
Chaque année, Google propose de nouvelles fonctionnalités et améliore son algorithme pour toujours mieux répondre aux besoins des utilisateurs. La conséquence : il faut rester à la page.
Nous ferons le tour des dernières tendances du référencement naturel pour savoir à quoi se préparer et comment faire progresser votre référencement.
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 ?
Rédiger pour le web est un exercice particulier. Pas forcément plus difficile que de rédiger pour un autre support, mais qui nécessite de connaître et suivre certaines règles. D'autant plus si vous prenez la parole sur des canaux multiples (web, mailing, blog, réseaux sociaux), et si vous êtes plusieurs rédacteurs.
Nous aborderons ensemble les bonnes pratiques de rédaction pour le web (mots clefs, lisibilité, métadonnées, etc.), et partagerons quelques outils à utiliser ou à créer pour faciliter votre quotidien.
Créer du contenu de qualité pour les réseaux sociauxConcept Image
Créer des contenus pour les réseaux sociaux, ça prend du temps, ça revient tout le temps, et ce n'est pas le même exercice pour son compte personnel et pour la communication de son entreprise.
Comment s’y prendre quand on n’est pas une agence avec un studio intégré et un rédacteur ? Comment produire des contenus de qualité : à la fois textes, photos et vidéos ?
Lors de ce petit-déj, nous découvrirons l'utilité d'un calendrier éditorial et mettrons en pratique quelques techniques et conseils pour réaliser des photos et des vidéos de qualité avec un smartphone.
Et si vos présentations n’endormaient plus votre auditoire ?Concept Image
On a tous déjà assisté à une présentation qui donne envie de s’endormir. Car, pour intéresser et convaincre votre public, vous devez lui raconter une histoire dont il a envie de connaître la suite.
Comment commencer et raconter cette histoire ? Comment donner plus d’impact à sa présentation ?
Nous allons répondre à toutes les questions que vous vous posez et plus encore.
- Réussir son plan, et bien découper sa présentation
- Que met-on dans une slide ?
- Cohérence graphique : quelques règles de base
- Tour d’horizon d'outils pratiques
Comment améliorer les performances de mon site web grâce à l'UX ?Concept Image
Vous vous êtes sans doute déjà demandé ce qu’est un site performant ? Et vous n'arrêtez pas d'entendre parler d'UX Design (ou design d'expérience utilisateur) ?
C’est en mettant l’utilisateur au cœur de la conception, en observant et en testant la façon dont il utilise votre site, que vous parviendrez à en faire un outil réellement performant.
Nous aborderons quelques méthodes et outils pour répondre à ces enjeux et vous donner les clés pour les appliquer à vos projets.
Identité et plateforme de marque avec notesConcept Image
La plateforme de marque et l’identité visuelle sont les deux composantes clés dans la création d’une marque ou son positionnement. Elles sont indispensables pour créer une marque forte et pérenne.
Qu'est-ce qu'une plateforme de marque ? Quel est l'interêt d'en créer une pour votre entreprise ? Pourquoi créer une identité visuelle ? Ne peut on pas se contenter d'un logo pour lancer ses supports de communication : print, web, mailing... ?
Nous vous expliquerons ce qui se cache derrière ces documents de référence, quelle est leur utilité, et comment procéder pour les mettre en place. Et partagerons avec vous quelques retours d'expérience sur ce type de projet, qui soulève souvent des questions plus larges et complexes dans l'entreprise : tout le monde est-il aligné sur la vision ? La stratégie de développement est-elle validée ? Le positionnement de l'entreprise est-il clair ? Les valeurs reflètent-elles une réalité ?
Les bonnes pratiques du référencement naturel en 2020 notesConcept Image
Vous avez un site web ou un blog, vous savez qu'il n'est pas là juste pour être joli, et qu'il est crucial de bien travailler votre visibilité sur le web, et donc votre référencement ?
Chaque année, Google propose de nouvelles fonctionnalités et améliore son algorithme pour toujours mieux répondre aux besoins des utilisateurs. La conséquence : il faut rester à la page.
Nous ferons le tour des dernières tendances du référencement naturel pour savoir à quoi se préparer et comment faire progresser votre référencement.
Rédiger son cahier des charges notes - version courteConcept Image
L’objectif principal du cahier des charges, c’est de s’accorder sur les objectifs et les limites du projet pour s’assurer que tout le monde sera satisfait à la livraison. Et un cahier des charges bien rédigé, c’est du temps en moins à faire des aller-retours pour éclaircir vos différents besoins.
Écrire un cahier des charges pour votre site internet, ça a l'air plutôt simple comme ça... Jusqu'au moment où vous êtes face à votre document Word et où vous avez l'angoisse de la page blanche.
Bonnes pratiques et faux-pas à éviter, tous nos conseils pour la rédaction du cahier des charges idéal. Vous repartez du petit-déj avec un plan et un modèle de cahier des charges !
L’objectif principal du cahier des charges, c’est de s’accorder sur les objectifs et les limites du projet pour s’assurer que tout le monde sera satisfait à la livraison. Et un cahier des charges bien rédigé, c’est du temps en moins à faire des aller-retours pour éclaircir vos différents besoins.
Écrire un cahier des charges pour votre site internet, ça a l'air plutôt simple comme ça... Jusqu'au moment où vous êtes face à votre document Word et où vous avez l'angoisse de la page blanche.
Bonnes pratiques et faux-pas à éviter, tous nos conseils pour la rédaction du cahier des charges idéal. Vous repartez du petit-déj avec un plan et un modèle de cahier des charges !
Et si vos présentations n’endormaient plus votre auditoire ?Concept Image
On a tous déjà assisté à une présentation qui donne envie de s'endormir. Pour intéresser et convaincre votre public, vous devez lui raconter une histoire dont il a envie de connaître la suite.
Comment commencer et raconter cette histoire? Comment donner plus d'impact à sa présentation? Nous allons répondre à toutes les questions que vous vous posez et plus encore.
- Réussir son plan , et bien découper sa présentation
- Que met-on dans une diapositive?
- Cohérence graphique : quelques règles de base
- Tour d'horizon d' outils pratiques
L'AMOA web, un allié pour exprimer vos besoins et choisir vos prestataires.Concept Image
Vous avez un besoin pour un site web ou une application, mais vous ne savez pas par où commencer ? Vous avez du mal à élaborer vos budgets ? Vous ne trouvez pas le temps de formaliser vos besoins et de rencontrer les 12 entités en interne impactées par votre projet ? Les sujets que vous souhaitez lancer vous semblent techniques ? Vous voulez éviter de sélectionner un prestataire à la va-vite dans un domaine qui vous paraît flou ? Si vous vous posez ces questions, l’assistance à maîtrise d’ouvrage va vous simplifier la vie !
Nous parcourerons ensemble les grandes étapes d'un projet d'AMOA web et partagerons avec vous nos retours d'expérience ainsi que quelques outils pratiques.
Rédiger pour le web est un exercice particulier. Pas forcément plus difficile que de rédiger pour un autre support, mais qui nécessite de connaître et suivre certaines règles. D'autant plus si vous prenez la parole sur des canaux multiples (web, mailing, blog, réseaux sociaux), et si vous êtes plusieurs rédacteurs.
Nous aborderons ensemble les bonnes pratiques de rédaction pour le web (mots clefs, lisibilité, métadonnées, etc.), et partagerons quelques outils à utiliser ou à créer pour faciliter votre quotidien.
Si vous gérez un site internet, vous chercherez à découvrir ce qui marche ou pas, et ce qui peut être amélioré afin d’en maximiser les résultats. Grâce à des outils comme Google Analytics, il est possible d’analyser votre site internet. C’est un outil facile à installer sur le site, très puissant, et qui récupère énormément de données sur les utilisateurs et leurs comportements.
Comment comprendre ces multiples données ? Comment faire le tri pour suivre uniquement ce qui est pertinent au vu de vos objectifs ? Comment les interpréter ? Comment prendre des décisions et continuer à améliorer les résultats de votre interface ? À l'issue de ce petit-déj, vous ne devriez plus avoir peur de mettre les mains dans votre compte Google Analytics.
Le digital est sur toutes les bouches et vous savez qu'il offre d’innombrables opportunités. Mais justement, parmi la quantité de canaux, de supports et d'outils qui existent, vous êtes peut-être un peu perdu et ne savez pas par quoi commencer.
Nous aborderons ensemble différentes méthodologies pour mener un projet de stratégie digitale de A à Z, du cadrage à l'élaboration d'un plan d'action digital.
Au menu de ce petit-déj : un partage de retours d'expérience à travers quelques exemples de projets. Animation d'ateliers pour mobiliser vos équipes en interne, interviews et compréhension du besoin de vos utilisateurs, benchmark, définition de chantiers et composition d'équipes projet.
Comment (mieux) rédiger mon cahier des charges ? Concept Image
L’objectif principal du cahier des charges, c’est de s’accorder sur les objectifs et les limites du projet pour s’assurer que tout le monde sera satisfait à la livraison. Et un cahier des charges bien rédigé, c’est du temps en moins à faire des aller-retours pour éclaircir vos différents besoins.
Écrire un cahier des charges pour votre site internet, ça a l'air plutôt simple comme ça... Jusqu'au moment où vous êtes face à votre document Word et où vous avez l'angoisse de la page blanche.
Bonnes pratiques et faux-pas à éviter, tous nos conseils pour la rédaction du cahier des charges idéal. Vous repartez du petit-dej avec un plan et un modèle de cahier des charges !
Gagner des clients grâce au marketing digitalConcept Image
Aujourd’hui, les internautes ne vous cherchent pas : ils cherchent des réponses à leurs questions.
Comment adopter une stratégie de contenu pour attirer des visiteurs sur votre site ? Comment transformer ces visiteurs en prospects puis en clients ? Nous aborderons les conséquences de cette stratégie sur l’organisation de la force de vente de l’entreprise, qui va être en relation avec des prospects de mieux en mieux informés. Une transition vers plus de conseillers qualifiés et moins de commerciaux « purs » est donc à envisager.
Nous aborderons avec vous cette nouvelle façon d’appréhender le commerce et le marketing à travers des exemples concrets, et ferons un tour d'horizon des outils du marché.
Ai-je besoin d'une application mobile ?Concept Image
Aujourd'hui, près de 80% des connexions en France se font via un Smartphone.
Quelle conséquence pour votre communication d'entreprise ? Vous avez un projet de développement d’application mobile liée à votre activité ? Mais êtes-vous bien sûr que l'application mobile soit la seule (voire la meilleure) solution ?
Nous étudierons les différentes solutions techniques permettant d'être présent sur mobile, afin que vous puissiez identifier la plus pertinente au vu de vos objectifs : site responsive, web app, progressive web app et application native.
Et nous examinerons les différents moyens de mener votre projet mobile : collecte du besoin, tests utilisateurs, analyse des avis sur les stores, prototypage, A/B testings, etc.
Rédaction web et référencement naturel - la Licence Pro de MulhouseYellow Dolphins
L'Institut universitaire de technologie de Mulhouse (IUT) a compris l'enjeu de la rédaction web et du référencement en lançant la Licence professionnelle "Référenceur et Rédacteur Web (search marketing)" en 2008. Le parrain de la promotion 2008 était Olivier Andrieu. Les responsables de cette formation m'avait demandé d'être la marraine de la promotion 2009-2010. Un grand honneur pour moi. Pour la promotion 2010-2011, Sébastien Billard qui a signé la préface de mon livre "Bien rédiger pour le Web et améliorer son référencement naturel" prend la relève ! Á tous les futurs référenceurs et rédacteurs : très bonne année !
Voici ma présentation : à propos des qualités du rédacteur web et la stratégie éditoriale.
Gagner des clients grâce au marketing digital - Début de la présentationConcept Image
Aujourd’hui, les internautes ne vous cherchent pas : ils cherchent des réponses à leurs questions.
Comment adopter une stratégie de contenu pour attirer des visiteurs sur votre site ? Comment transformer ces visiteurs en prospects puis en clients ? Nous aborderons les conséquences de cette stratégie sur l’organisation de la force de vente de l’entreprise, qui va être en relation avec des prospects de mieux en mieux informés. Une transition vers plus de conseillers qualifiés et moins de commerciaux « purs » est donc à envisager.
Nous aborderons avec vous cette nouvelle façon d’appréhender le commerce et le marketing à travers des exemples concrets, et ferons un tour d'horizon des outils du marché.
Un contour, une couleur, une silhouette, un mouvement,
autant d’éléments que notre œil détecte instantanément et qui interpellent notre cerveau, sans même avoir le temps d’analyser, de corriger, de pondérer, de modifier l’émotion que cela a créé.
Cette perception instinctive forge notre opinion et positionne notre curseur émotionnel sur une première valeur “j’aime / je n’aime pas”. Ce n’est qu’ensuite, après une analyse approfondie que notre intellect corrige cette première impression, mais ce n’est qu’une correction, rarement un changement radical.
Ce livre blanc détaille les éléments de Design à prendre en compte dans la conception de vos portails de formation.
A télécharger ici : http://il-di.com/publications/livre-blanc-design-portails-formation/
L'UX design, qu'est-ce que c'est vraiment ?Carole Laimay
1/ Les 3 mythes sur l'UX design à déconstruire
2/ Le déroulé d'un projet type en UX design
3/ Les 3 points clés à retenir
4/ Quels métiers et formations
5/ Les questions / réponses
{Copywriting}: 5 techniques de persuasion éprouvéesSophie Lecomte
Comment amener vos visiteurs à faire exactement ce que vous attendez d’eux?
S’il suffisait de copier les titres d’Upworthy et les boutons d’Amazon pour convertir votre trafic, il y a longtemps que vous seriez millionnaire.
La réalité est toute autre : quel pourcentage de vos visiteurs transformez-vous en clients?
10%? 3%? …. 0,5% ?
Prenez le temps de lire ces 5 techniques de copywriting et de persuasion pour transformer votre site Internet ou votre blog en véritable machine de guerre.
Les tendances graphiques pour avoir un site agréable et moderne - Agence Pilo...Julien Dereumaux
Découvrez nos conseils pour avoir un site internet moderne et agréable. Nous vous présentons les tendances graphiques 2017, des ressources utiles et des conseils simples à mettre en place.
Rédiger son cahier des charges notes - version courteConcept Image
L’objectif principal du cahier des charges, c’est de s’accorder sur les objectifs et les limites du projet pour s’assurer que tout le monde sera satisfait à la livraison. Et un cahier des charges bien rédigé, c’est du temps en moins à faire des aller-retours pour éclaircir vos différents besoins.
Écrire un cahier des charges pour votre site internet, ça a l'air plutôt simple comme ça... Jusqu'au moment où vous êtes face à votre document Word et où vous avez l'angoisse de la page blanche.
Bonnes pratiques et faux-pas à éviter, tous nos conseils pour la rédaction du cahier des charges idéal. Vous repartez du petit-déj avec un plan et un modèle de cahier des charges !
L’objectif principal du cahier des charges, c’est de s’accorder sur les objectifs et les limites du projet pour s’assurer que tout le monde sera satisfait à la livraison. Et un cahier des charges bien rédigé, c’est du temps en moins à faire des aller-retours pour éclaircir vos différents besoins.
Écrire un cahier des charges pour votre site internet, ça a l'air plutôt simple comme ça... Jusqu'au moment où vous êtes face à votre document Word et où vous avez l'angoisse de la page blanche.
Bonnes pratiques et faux-pas à éviter, tous nos conseils pour la rédaction du cahier des charges idéal. Vous repartez du petit-déj avec un plan et un modèle de cahier des charges !
Et si vos présentations n’endormaient plus votre auditoire ?Concept Image
On a tous déjà assisté à une présentation qui donne envie de s'endormir. Pour intéresser et convaincre votre public, vous devez lui raconter une histoire dont il a envie de connaître la suite.
Comment commencer et raconter cette histoire? Comment donner plus d'impact à sa présentation? Nous allons répondre à toutes les questions que vous vous posez et plus encore.
- Réussir son plan , et bien découper sa présentation
- Que met-on dans une diapositive?
- Cohérence graphique : quelques règles de base
- Tour d'horizon d' outils pratiques
L'AMOA web, un allié pour exprimer vos besoins et choisir vos prestataires.Concept Image
Vous avez un besoin pour un site web ou une application, mais vous ne savez pas par où commencer ? Vous avez du mal à élaborer vos budgets ? Vous ne trouvez pas le temps de formaliser vos besoins et de rencontrer les 12 entités en interne impactées par votre projet ? Les sujets que vous souhaitez lancer vous semblent techniques ? Vous voulez éviter de sélectionner un prestataire à la va-vite dans un domaine qui vous paraît flou ? Si vous vous posez ces questions, l’assistance à maîtrise d’ouvrage va vous simplifier la vie !
Nous parcourerons ensemble les grandes étapes d'un projet d'AMOA web et partagerons avec vous nos retours d'expérience ainsi que quelques outils pratiques.
Rédiger pour le web est un exercice particulier. Pas forcément plus difficile que de rédiger pour un autre support, mais qui nécessite de connaître et suivre certaines règles. D'autant plus si vous prenez la parole sur des canaux multiples (web, mailing, blog, réseaux sociaux), et si vous êtes plusieurs rédacteurs.
Nous aborderons ensemble les bonnes pratiques de rédaction pour le web (mots clefs, lisibilité, métadonnées, etc.), et partagerons quelques outils à utiliser ou à créer pour faciliter votre quotidien.
Si vous gérez un site internet, vous chercherez à découvrir ce qui marche ou pas, et ce qui peut être amélioré afin d’en maximiser les résultats. Grâce à des outils comme Google Analytics, il est possible d’analyser votre site internet. C’est un outil facile à installer sur le site, très puissant, et qui récupère énormément de données sur les utilisateurs et leurs comportements.
Comment comprendre ces multiples données ? Comment faire le tri pour suivre uniquement ce qui est pertinent au vu de vos objectifs ? Comment les interpréter ? Comment prendre des décisions et continuer à améliorer les résultats de votre interface ? À l'issue de ce petit-déj, vous ne devriez plus avoir peur de mettre les mains dans votre compte Google Analytics.
Le digital est sur toutes les bouches et vous savez qu'il offre d’innombrables opportunités. Mais justement, parmi la quantité de canaux, de supports et d'outils qui existent, vous êtes peut-être un peu perdu et ne savez pas par quoi commencer.
Nous aborderons ensemble différentes méthodologies pour mener un projet de stratégie digitale de A à Z, du cadrage à l'élaboration d'un plan d'action digital.
Au menu de ce petit-déj : un partage de retours d'expérience à travers quelques exemples de projets. Animation d'ateliers pour mobiliser vos équipes en interne, interviews et compréhension du besoin de vos utilisateurs, benchmark, définition de chantiers et composition d'équipes projet.
Comment (mieux) rédiger mon cahier des charges ? Concept Image
L’objectif principal du cahier des charges, c’est de s’accorder sur les objectifs et les limites du projet pour s’assurer que tout le monde sera satisfait à la livraison. Et un cahier des charges bien rédigé, c’est du temps en moins à faire des aller-retours pour éclaircir vos différents besoins.
Écrire un cahier des charges pour votre site internet, ça a l'air plutôt simple comme ça... Jusqu'au moment où vous êtes face à votre document Word et où vous avez l'angoisse de la page blanche.
Bonnes pratiques et faux-pas à éviter, tous nos conseils pour la rédaction du cahier des charges idéal. Vous repartez du petit-dej avec un plan et un modèle de cahier des charges !
Gagner des clients grâce au marketing digitalConcept Image
Aujourd’hui, les internautes ne vous cherchent pas : ils cherchent des réponses à leurs questions.
Comment adopter une stratégie de contenu pour attirer des visiteurs sur votre site ? Comment transformer ces visiteurs en prospects puis en clients ? Nous aborderons les conséquences de cette stratégie sur l’organisation de la force de vente de l’entreprise, qui va être en relation avec des prospects de mieux en mieux informés. Une transition vers plus de conseillers qualifiés et moins de commerciaux « purs » est donc à envisager.
Nous aborderons avec vous cette nouvelle façon d’appréhender le commerce et le marketing à travers des exemples concrets, et ferons un tour d'horizon des outils du marché.
Ai-je besoin d'une application mobile ?Concept Image
Aujourd'hui, près de 80% des connexions en France se font via un Smartphone.
Quelle conséquence pour votre communication d'entreprise ? Vous avez un projet de développement d’application mobile liée à votre activité ? Mais êtes-vous bien sûr que l'application mobile soit la seule (voire la meilleure) solution ?
Nous étudierons les différentes solutions techniques permettant d'être présent sur mobile, afin que vous puissiez identifier la plus pertinente au vu de vos objectifs : site responsive, web app, progressive web app et application native.
Et nous examinerons les différents moyens de mener votre projet mobile : collecte du besoin, tests utilisateurs, analyse des avis sur les stores, prototypage, A/B testings, etc.
Rédaction web et référencement naturel - la Licence Pro de MulhouseYellow Dolphins
L'Institut universitaire de technologie de Mulhouse (IUT) a compris l'enjeu de la rédaction web et du référencement en lançant la Licence professionnelle "Référenceur et Rédacteur Web (search marketing)" en 2008. Le parrain de la promotion 2008 était Olivier Andrieu. Les responsables de cette formation m'avait demandé d'être la marraine de la promotion 2009-2010. Un grand honneur pour moi. Pour la promotion 2010-2011, Sébastien Billard qui a signé la préface de mon livre "Bien rédiger pour le Web et améliorer son référencement naturel" prend la relève ! Á tous les futurs référenceurs et rédacteurs : très bonne année !
Voici ma présentation : à propos des qualités du rédacteur web et la stratégie éditoriale.
Gagner des clients grâce au marketing digital - Début de la présentationConcept Image
Aujourd’hui, les internautes ne vous cherchent pas : ils cherchent des réponses à leurs questions.
Comment adopter une stratégie de contenu pour attirer des visiteurs sur votre site ? Comment transformer ces visiteurs en prospects puis en clients ? Nous aborderons les conséquences de cette stratégie sur l’organisation de la force de vente de l’entreprise, qui va être en relation avec des prospects de mieux en mieux informés. Une transition vers plus de conseillers qualifiés et moins de commerciaux « purs » est donc à envisager.
Nous aborderons avec vous cette nouvelle façon d’appréhender le commerce et le marketing à travers des exemples concrets, et ferons un tour d'horizon des outils du marché.
Un contour, une couleur, une silhouette, un mouvement,
autant d’éléments que notre œil détecte instantanément et qui interpellent notre cerveau, sans même avoir le temps d’analyser, de corriger, de pondérer, de modifier l’émotion que cela a créé.
Cette perception instinctive forge notre opinion et positionne notre curseur émotionnel sur une première valeur “j’aime / je n’aime pas”. Ce n’est qu’ensuite, après une analyse approfondie que notre intellect corrige cette première impression, mais ce n’est qu’une correction, rarement un changement radical.
Ce livre blanc détaille les éléments de Design à prendre en compte dans la conception de vos portails de formation.
A télécharger ici : http://il-di.com/publications/livre-blanc-design-portails-formation/
L'UX design, qu'est-ce que c'est vraiment ?Carole Laimay
1/ Les 3 mythes sur l'UX design à déconstruire
2/ Le déroulé d'un projet type en UX design
3/ Les 3 points clés à retenir
4/ Quels métiers et formations
5/ Les questions / réponses
{Copywriting}: 5 techniques de persuasion éprouvéesSophie Lecomte
Comment amener vos visiteurs à faire exactement ce que vous attendez d’eux?
S’il suffisait de copier les titres d’Upworthy et les boutons d’Amazon pour convertir votre trafic, il y a longtemps que vous seriez millionnaire.
La réalité est toute autre : quel pourcentage de vos visiteurs transformez-vous en clients?
10%? 3%? …. 0,5% ?
Prenez le temps de lire ces 5 techniques de copywriting et de persuasion pour transformer votre site Internet ou votre blog en véritable machine de guerre.
Les tendances graphiques pour avoir un site agréable et moderne - Agence Pilo...Julien Dereumaux
Découvrez nos conseils pour avoir un site internet moderne et agréable. Nous vous présentons les tendances graphiques 2017, des ressources utiles et des conseils simples à mettre en place.
Sesion qui consiste à donner plein d’astuces pour avoir un design et une ergo unique sur les appli Modern UI. En résumé je reprends le travail effectué sur l’accélérateur pour expliquer les points essentiels et incontournables de Modern UI, les bonnes pratiques de design pour créer un style unique, les erreurs à éviter…
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia
Découvrez notre dossier tendance 2015 avec un focus sur l'expérience utilisateur au sein de vos projets digitaux.
Webdesign, RWD, vidéo, contenu ou encore interactions possibles, le dossier réalisé par le studio telmedia* alimentera vos réflexions pour l'année à venir ;-)
En savoir plus sur telmedia* ? Nous sommes une agence digitale avec une moyenne d’âge de 33 ans, où ingénieurs et designers conçoivent des produits et des services adaptés aux nouveaux comportements des consommateurs.
www.telmedia.fr
PS : Toutes les photos et/ou illustrations présentent dans notre dossier sont la propriété intellectuelle d'artistes et sont protégées par la législation en vigueur sur le droit d'auteur.
Les 10 Tendances Webdesign de 2014 by VanksenVanksen
Découvrez les tendances webdesign de l'année 2014 selon Vanksen.
This presentation is also available IN ENGLISH, here : https://fr.slideshare.net/Vanksen/10-webdesign-trends-for-2014
près avoir passé une année 2015 basée sur la mobilité, nous allons continuer sur ce chemin :
Le webdesign doit s’adapter à l’ensemble des supports sans aucune rupture !
On y est, le webdesign n’est plus considéré comme une création artistique ou décorative, mais il sert bien à délivrer un message à l’utilisateur.
C’est le liant entre les données et l’utilisateur. Il se veut simple, efficace et accessible à tous.
Pour 2016, on scénarise, on crée des expériences uniques et on délivre des messages percutants !
Branding et ModernUI : Des ressources et des conseils pour passer d'un templ...Microsoft
Des slides et Blend pour Visual Studio : Voilà le cocktail requis pour vous expliquer comment partir d'un template applicatif basique pour le transformer en une application brandée, possédant une identité et agréable. Nous verrons comment trouver ou créer des assets graphiques de qualité pour obtenir un résultat très agréable, et quels sont les principes à respecter pour y parvenir, le tout en 45 mns !
Speakers : Michel Rousseau (microsoft)
Les 10 Tendances du Design d'interface en 2016Idean France
Chez Backelite, nous remettons constamment en question nos méthodes de conception pour répondre à l'évolution des devices, des besoins utilisateurs et des marques.
Le propre des tendances étant d’évoluer, elles sont aussi là pour être challengées en mode "test & learn".
Partageons ensemble notre vision sur l'évolution du design en 2016 avec ces 10 grands principes clés de l'UI Design.
Responsive design, flat design, grid, Parallax... autant de mots anglo-saxons qui nous révèlent les tendances à venir en matière de graphisme et d'ergonomie pour les sites web d'aujourd'hui et de demain.
Responsive design, flat design, grid, parallax, HTML 5, CSS3, ... toutes les tendances en matière de site web en 2014. Conférence du 30 janvier 2014, à la CCI de Bordeaux, animée par Vincent Pereira, consultant webmarketing de l'agence Inaativ.
2020 aura été une année qui a changé le cours de notre histoire mais qui a également accéléré le passage au numérique. Le monde et notamment les marques ont dû réapprendre et revoir leur façon de communiquer dans un mode de travail devenu totalement, virtuel. Le marketing digital est une industrie en constante évolution qui ne cesse de réinventer pour surprendre ses consommateurs. Après cette année d'enrichissement numérique, regardons ensemble les tendances digitales à venir pour cette nouvelle année, 2021.
Contributeurs :
Ludivine Porte - Maëlys Sanchez - Morgane Cocchia - Elie Fitoussi - Julie Torre - Baptiste Mondonnet - Grégoire Bascou - Océane Chevalier - Fiona Cucchiara - Théo Chaput - Gabriel Voissiere, étudiants à l'ECV Digital Aix-en-Provence
Sous la supervision de : Thibaut Brousse, Directeur des opérations de 50A.
Dans la course aux innovations sociales, certains éléments sortent quelques fois du lots. Régulièrement, Be Angels les teste pour vous et livre une solution simple et efficace pour vous guider dans vos premières utilisations.
L'objet du jour : Visme, un outils de création graphique en ligne. Il vous aidera notamment à créer infographies, présentations et bandeaux publicitaires facilement et gratuitement.
Similaire à Les tendances du webdesign 2019 à retenir (20)
Lancer son podcast : à quoi ça sert, comment s'y prendre ? Concept Image
This document provides guidance on launching a podcast for a company. It discusses determining objectives, budget, and timeline. Key steps include finding engaging topics of value to listeners, conceiving the identity including a memorable name and relevant category, and planning 10 initial episodes to establish a viable concept. Metrics like subscriber retention, listen completion, and audience reach are also important to measure success. The document emphasizes assessing feasibility before launching to ensure the podcast can be sustained over multiple episodes.
Chargé.e.s de com : trucs, astuces et outils pour vous aider au quotidien.Concept Image
La stratégie marketing et la communication, les réseaux sociaux, le site internet (voire le blog…), les supports print, les salons, autant de sujets que vous devez mener de front ! Et ceci, sans compter les nombreuses parties prenantes en interne ou avec vos agences. Vos journées passent vite, et s’équiper des bons outils peut faire la différence.
Bien que vos tâches peuvent varier d’une entreprise à une autre, votre mission principale est de donner du souffle à votre entreprise, de faire grandir votre marque. Nous vous partagerons nos conseils avisés et notre sélection d'outils pratiques que vous pourrez mettre en application pour renforcer votre efficacité !
SXO : Comment optimiser son SEO grâce à l'UX ? Concept Image
Sur des marchés de plus en plus connectés, les entreprises doivent soigner leur visibilité sur le web pour conserver l’avantage, faisant ainsi du référencement naturel (SEO : Search Engine Optimization) un véritable enjeu.
Alors c'est bien de générer du trafic qualifié sur votre site, mais il faut ensuite convertir l'internaute. Or, il se fait une idée de la pertinence de votre site web en à peine 10 secondes. Il faut donc écrire pour les robots (Google) ET pour les humains (vos prospects et clients). D'ailleurs, les moteurs de recherche intègrent désormais l’amélioration de l’expérience utilisateur dans leurs critères de référencement.
C’est cette notion de SXO (Search eXperience Optimisation) que nous détaillerons ensemble. Elle associe l’expérience utilisateur à l’optimisation pour les moteurs de recherche, permettant à ces derniers de mieux comprendre les intentions de recherche des internautes.
Alors SEO VS UX, comment choisir ? La réponse est simple, ne choisissez pas, liez les deux pour faire du SXO !
Identité visuelle et plateforme de marque : ça sert vraiment à quelque chose ?Concept Image
La plateforme de marque et l’identité visuelle sont les deux composantes clés dans la création d’une marque ou son positionnement. Elles sont indispensables pour créer une marque forte et pérenne.
Qu'est-ce qu'une plateforme de marque ? Quel est l'intérêt d'en créer une pour votre entreprise ? Pourquoi créer une identité visuelle ? Ne peut on pas se contenter d'un logo pour lancer ses supports de communication : print, web, mailing... ?
Nous vous expliquerons ce qui se cache derrière ces documents de référence, quelle est leur utilité, et comment procéder pour les mettre en place. Et partagerons avec vous quelques retours d'expérience sur ce type de projet, qui soulève souvent des questions plus larges et complexes dans l'entreprise : tout le monde est-il aligné sur la vision ? La stratégie de déveveloppement est-elle validée ? Le positionnement de l'entreprise est-il clair ? Les valeurs reflètent-elles une réalité ?
Comment lancer sa strategie de marketing automation ?Concept Image
Vous êtes convaincu(e) que l'e-mail n'est pas mort ? Il correspond à vos cibles ? Vous souhaitez générer des prospects et fidéliser vos clients ? Vous en avez assez de bricoler à la main tous vos emailings ? Le marketing automation est fait pour vous !
La tâche peut sembler vaste : nous vous guiderons dans les étapes à suivre pour mettre en place cette démarche. Nous ferons également un tour d'horizon des outils de marketing automation en fonction de votre budget et de votre maturité.
Rédiger pour le web est un exercice particulier. Pas forcément plus difficile que de rédiger pour un autre support, mais qui nécessite de connaître et suivre certaines règles. D'autant plus si vous prenez la parole sur des canaux multiples (web, mailing, blog, réseaux sociaux), et si vous êtes plusieurs rédacteurs.
Nous aborderons ensemble les bonnes pratiques de rédaction pour le web (mots clefs, lisibilité, métadonnées, etc.), et partagerons quelques outils à utiliser ou à créer pour faciliter votre quotidien.
Se lancer et grandir avec les réseaux sociaux. Focus sur Instagram et LinkedInConcept Image
This document provides guidance on setting up and optimizing social media accounts on LinkedIn and Instagram for business purposes. It emphasizes the importance of proper optimization of account profiles, including using the business name, industry and location in the profile name and bio. It also recommends creating a content calendar and publishing strategy to stay organized. The document reviews some of the key statistics available on each platform, such as follower demographics on LinkedIn and engagement metrics on posts. It also provides tips for including links and calls to action within posts and bios despite limitations on each platform.
Reussir son atelier collaboratif de l'organisation à l'animationConcept Image
De plus en plus d'équipes projet se montent dans les organisations : pour préparer le lancement d'un nouveau produit, améliorer les processus internes, refondre un outil, etc. Les salariés sont invités à mettre à contribution leurs compétences et à travailler, en plus de leurs missions, sur des projets transverses. Pour les piloter, des chefs de projets sont nommés en interne : ils vont devoir animer une réflexion collective. Ce chef de projet, c'est peut-être vous ? Or animer des ateliers collaboratifs, ce n'est peut être pas votre coeur de métier.
Qu'est ce qu'un atelier collaboratif ? Quand est-ce pertinent d'en organiser ? Quels sont les avantages et les limites ?
Nous tenterons de répondre à ces questions, et partagerons avec vous des exemples de méthodes d'animation d'atelier, ainsi que nos bonnes pratiques.
Deployer une strategie_demailing_efficace _notes_compressedConcept Image
L’emailing est un outil incontournable dans toute bonne stratégie marketing. Il vous permet à la fois de convertir vos prospects en clients et de les fidéliser. C’est le canal d’acquisition privilégié par les entreprises, quelque soit leur secteur d’activité.
Pour réussir efficacement votre campagne, vous allez devoir opérer une démarche stratégique et opérationnelle. Nous partagerons ensemble les bonnes pratiques et les étapes incontournables pour réaliser une stratégie emailing efficace et vous faire devenir un pro de l’email marketing.
1. Les tendances webdesign 2019
Ce qu’il faut retenir. Ou pas.
Florent Beaufils
Directeur Artistique
florent@concept-image.fr
Ophélie Tardivel
Webdesigner
ophelie@concept-image.fr
2. Vous lisez actuellement le support de présentation utilisé lors d’un atelier organisé à l’agence Concept Image.
Tout le long de la présentation, vous trouverez des slides « NOTES » comme celle-ci. Ce sont les commentaires oraux des
présentateurs.
NOTES
3. Durant cet atelier nous vous donnerons notre avis sur certaines tendances 2019 mais surtout les conseils d’un designer
graphique et web ainsi que d’un directeur artistique.
Ces conseils pourront varier selon votre domaine de prédilection puisque toutes les tendances anciennes et nouvelles ne sont
pas adaptables pour tous.
Il faudra les adapter selon vos objectifs, selon vos besoins ou même selon votre cible.
NOTES
5. On peut définir une tendance comme une direction, une orientation dans le sens commun.
Ici, on parlera de direction graphique, un design qui tend vers une aspiration, une opinion.
On peut reprendre cette citation : « La mode se démode, mais jamais le style »
En effet, les tendances sont évolutives tout comme les possibilités de développement web, et donc tout comme la mode.
Pour qu’un site vive plusieurs années, ce dont on doit se soucier, en termes de webdesign, c’est d’avoir une base qui peut
s’adapter au fur et à mesure du temps et des tendances.
Pour cela, nous avons des règles de base en terme de webdesign, des codes graphiques.
NOTES
6. le webdesign ?
À quoi sert
Améliorer l’expérience utilisateur
Renforcer la compréhension de l’ergonomie
Donner de la valeur ajoutée
Transmettre un message
7. Le webdesign, ça ne sert pas seulement à habiller un site pour le rendre « Whaou », le rendre beau. Ca 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 est donc d’être impactant tout en respectant un univers.
Cela passe par différents points :
• la structuration de la page, soit la mise en place des éléments
• l’identité graphique et éditoriale d’une marque,
Et donc plus généralement, le design passe par :
• L’équilibre des espaces et des textes
• Une cohérence des couleurs
• Une hiérarchie de l’information
• Une pertinence de l’iconographie
NOTES
8. on fait ça ?
Comment
Équilibre
des espaces et des textes
Cohérence
des couleurs
Pertinence
de l’iconographie
Hiérarchie
de l’information
22. La technique du cinemagraph consiste à donner l’impression au visiteur qu’il est sur une image fixe, mais seul un détail va venir
accrocher son œil à travers une légère animation laissant la sensation de douceur.
Par exemple, le clin d’œil d’un personnage ou une feuille qui tombe.
NOTES
25. Mais le son semble toujours plus perçu comme intrusif que comme un élément qui permet d’enrichir le design ou l’expérience
utilisateur.
NOTES
26. Pour conclure sur cette partie …
Retrouvez un bilan des tendances 2017 (avec des exemples) sur notre blog :
https://blog.concept-image.fr/design/tendances-web-design-2017-1/
31. Les polices avec serif ont toujours été utilisées sur les supports papier. Ce n’était pas le cas sur le digital à cause de la qualité
des écrans qui pouvait altérer la lisibilité en interprétant mal les empattements.
Avec des écrans possédant des définitions de plus en plus élevées, il ne serait pas étonnant de voir de plus en plus de texte de
labeur dans des caractères avec serif.
Notre avis :
-Ces typographies doivent répondre à votre univers.
-A ne pas utiliser si vous avez une charte graphique déjà établie
NOTES
32.
33. C’est le retour à des codes plus pop, à des compositions rappelant de vieilles enseignes
NOTES
35. Le film Captain Marvel se déroule dans les années 90. Le site un peu aussi
Il possède :
-Des typographies différentes
-Des effets de couleurs sur les polices
-Des gifs et des animations vintages
NOTES
37. Adidas sort une réédition d’un modèle de baskets des années 90. Son site est aussi resté dans le temps.
On y retrouve :
• un menu sur la gauche
• un fond matière
• une typographie en 3D fuchsia
• des boutons avec un effet or
NOTES
38.
39. Tendance qui casse les codes de l”harmonie”
D’après “webdesigner trends”, la tendance brutaliste dans le web design s’exprime par des mises en page atypiques et
déstructurées. La gamme de couleurs utilisée ne semble pas suivre de règles, idem pour la typographie et les grilles.
Il semble que cette tendance exprime le rejet de la masse, qui elle privilégie les interfaces minimalistes et « trop propres ». Un
acte de résistance en somme, qui donne naissance à des expériences intéressantes.
En 2019, tout semble indiquer que cette sorte de « sous-culture » du design continuera à briller sous le feu des projecteurs.
NOTES
41. Notre avis
Il est encore trop tôt pour dire si oui ou non cette tendance va venir bousculer le minimalisme qui a su s’imposer dans les mêmes
conditions il y a quelques années (à la place du skeumorphisme pourtant initié par Apple et bien en place). Pour le moment plus
adapté à des marques de mode, de labels de musique par exemple, il est quand même nécessaire de surveiller cette tendance.
NOTES
43. LES CHATBOTS
En français agents conversationnels, sont présents depuis déjà quelques années. Mais, cette
année c’est leur grand retour.
44.
45.
46. 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és dans votre univers.
L’idée de la mascotte est intéressante si on trouve un axe de cohérence avec l’univers de marque. En effet, on assume le fait que
ce n’est pas un humain de l’autre côté, contrairement à il y a quelques temps.
NOTES
48. Notre avis
Ça fait quelques mois, quelques années que l’on annonce que le contrôle par la voix est le nouveau terrain de jeu du digital. Ce
qui paraît logique de par sa facilité d’utilisation. Cependant il semble que ça ait tout de même du mal à s’imposer.
Notre avis est de surveiller cela, car il faudra des designs en cohérence / adaptés avec cette utilisation (ex : un message “j’ai
compris votre demande”), car ça va finir par exploser, mais c’est encore trop tôt pour mettre toute son énergie, tout son budget
sur ce fonctionnement.
NOTES
50. Des vidéos immersives, personnalisées et de plus en plus qualitatives
Notre avis
La vidéo s’impose (s’est imposée) depuis maintenant de nombreuses années de par l’interactivité de ce média. Mais là où on
mettait de la vidéo juste pour habiller ou animer une interface, maintenant il faut que la vidéo ait un sens (donner des réponses à
l’utilisateur, l’emmener plus loin dans vos services, lui faire découvrir les coulisses…) et immerge votre utilisateur.
Les vidéos ne sont plus simplement un média mais une immersion dans un univers, ce sont des vidéos d’ambiance. Cela semble
logique dans une époque ou l’UX design est roi et où le nerf de la guerre est l’engagement et l’attachement des utilisateurs
auprès de l’univers des marques/sociétés.
NOTES
53. Notre avis
Nous sortons de plus en plus de l’utilisation des photos :
• parce qu’on a beaucoup vu des photos de paysages
• parce qu’Unsplash est aujourd’hui connu et que tout le monde les utilise
• parce que les gens repèrent maintenant très vite le style des banques d’images. Les fausses images ne donnent ni
projection, ni identification de l’utilisateur
• parce que gérer des shoots photos personnalisés coûte cher
NOTES
54.
55. Du coup les illustrations qui permettent une personnalisation plus facile gagnent du terrain. Il est plus facile d’oser et de
remplacer si ça ne convient pas (sauf si vous faites appel à un illustrateur très connu !)
NOTES
57. Le temps des blocs carrés, ou ronds quand on était un peu foufou est révolu. L’arrivée du SVG permet de réaliser des zones
d’images plus organiques, plus personnalisées et plus détaillées graphiquement.
NOTES
58.
59. Notre avis
Ça ne peut être qu’une bonne nouvelle ! Cela offre plus de liberté pour personnaliser une interface, singulariser et affirmer votre
marque. Cela permettra aussi de sortir de cette “uniformisation” observée ces dernières années avec l’arrivée du Responsive
Design.
NOTES
62. Notre avis sur les micro interactions
Commençons par cette citation du site graphiste.com «Dans quelques mois ou années, les sites qui n’intégreront
pas de micro-interactions sembleront dépassés aux internautes. Et ce n’est certainement pas votre but.”
Nous sommes d’accord avec cela. Le web évolue, le web évolue même très vite. Les possibilités sont de plus en
plus nombreuses. Et l’animation des interfaces rentre dans ce cadre avec une utilité qui est de mieux faire
comprendre les éléments, les contenus de votre interface à vos utilisateurs.
Sur les zones d’actions (push / zones de clics /CTA).
Notre avis sur le survol
L’effet de survol à toujours existé. Mais on passait généralement simplement d’une couleur à une autre. Aujourd’hui
on nous annonce qu’il va falloir beaucoup plus pousser cela. 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.
NOTES
63. Crédit : Twitter
Exemple de micro-interaction : le clic sur « Ajouter aux favoris » sur le site
Twitter.
64. La structure
C’est à dire la mise en place des éléments d’une page, c’est de la mise en page.
On aura donc, comme vu précédemment, une structure déstructurée. Nous cassons
les codes et sortons de la grille de base d’une page web.
66. On annonce de plus en plus de blanc dans les interfaces minimalistes
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
• 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
• les animations d’interaction étant promis à prendre de plus en plus d’importance, il faut leur laisser de la place
pour s’exprimer
• laissons respirer le design, les magazines print l’ont compris depuis longtemps
NOTES
72. Notre avis :
L’époque où l’on se fiait strictement à la grille est révolu ! Et c’est tant mieux.
Aujourd’hui elle doit servir de repères, mais la tendance est à la tordre pour proposer aux utilisateurs des
expériences toujours plus marquantes et immersives !
Tout ça est cohérent avec cette promesse qui est que le web devient de plus en plus dynamique !
NOTES
73.
74. Notre avis :
Cela fait quelques temps que nous observons une sortie du Flat Design qui a inondé l’univers du design digital ces
dernières années.
Le Material Design (inventé par google et qui est une sorte de Flat Design avec du relief) amène un plus car il apporte
de la hiérarchie aux zones importantes, aux zones de clics etc…
Il permet aussi une évolution en douceur du Flat Design sans revenir vers un skeuomorphisme beaucoup plus
chargé.
Notre avis est donc d’intégrer cette tendance aux interfaces.
NOTES
75. Évolution des menus
Les emplacements standards des menus seront remis en cause.
De plus en plus et pas que sur mobile, les menus vont être placés sur le bas
comme sur les applis que nous utilisons tous les jours.
77. Notre avis :
Mobile first, mobile first, mobile first ! On entend cela depuis des mois et partout / depuis des mois partout, pour
tous.
Mais est-ce vraiment pour tous et qu’est-ce que cela veut dire? Mobile first comme son nom l’indique, c’est la
priorité au mobile, c’est à dire que nous travaillons tout le projet (UX, design…) en premier sur mobile puis sur
desktop. Ce choix de mobile first est dû à une étude de cible principale sur mobile.
Ce terme est différent de responsive, qui lui veut simplement dire adaptatif aux écrans.
Effectivement Google va aujourd’hui prioriser les versions mobiles… ce qui ne veut pas dire qu’il faut délaisser les
versions desktop…
Nous avions déjà vu ce “syndrome” lors de l’apparition du désormais célèbre menu “burger”.
Pas mal d’interfaces mobiles l'utilisaient aussi pour leur version desktop… avant de revenir à un menu plus classique
et plus adapté…
En effet le menu burger a une utilité sur mobile dû à la réduction de capacité d’écran. mais sur desktop on a la place
pour mettre l’information de façon plus claire !
Pourquoi s’en priver. Notre sensation est que ça va être un peu la même chose avec ces menus bas…
NOTES
80. Notre avis :
C’est un peu comme les interfaces vocales… On en entend beaucoup parler, on sait que ça arrivera, mais on a pas
encore vu grand chose…
Il semble que ça soit aujourd’hui surtout utilisé par les grandes marques plus pour des modules visant à faire de la
communication que pour répondre à des réelles envies utilisateurs. Par exemple, voir la vidéo d’Ikea «Explore our
2016 Catalogue with Augmented Reality | IKEA Australia”.
Nous ne pensons pas que ça soit encore une priorité.
Au vu de l’utilité actuelle mais aussi des budgets que ça engendre, sauf à faire une opération de communication.
Mais c’est à surveiller car il y a fort à parier que ça sera vraiment un incontournable un jour.
NOTES
82. Le design inclusif, ce n’est pas une tendance graphique, c’est une façon de penser la conception des interfaces.
On nous annonce des interfaces plus éthiques où l’on redonne du sens au contenu, où l’on s’échappe des
algorithmes et où l’on est moins exposés aux fake news.
Notre avis :
Cela parait logique. Les gens ont aujourd’hui conscience des enjeux, mais aussi des dangers de la toile. Il faut être
authentique avec eux dans les interfaces et tenir des propos vérifiés et sans ambiguïtés.
NOTES
83. Chercher les points d’exclusion
Par exemple, si vous proposez une vidéo, pensez aux
personnes malentendantes.
84. Identifier les difficultés
environnementales
Mais aussi, plus largement, penser aux personnes qui vont
regarder votre vidéo dans un environnement bruyant qui ne
leur permet pas de profiter du son.
85. Reconnaître les biais personnels
Et donc tester, pour ne pas se dire « ça fonctionne pour moi,
donc ça fonctionne pour tout le monde ».
86. Proposer des méthodes alternatives
Par exemple en proposant des sous-titres ou une
transcription de votre vidéo.
87. Fournir des expériences équivalentes
C’est-à-dire donner des outils pour que les utilisateurs bénéficiant de solutions alternatives puissent
en profiter dans de bonnes conditions.
Par exemple en proposant différentes vitesses de lecture, ou tout simplement en s’assurant que les
sous-titres sont bien lisibles.
88. Élargir à tous les utilisateurs
Les sous-titres ou la transcription ne sont pas utiles qu’aux personnes
malentendantes. Ils peuvent servir aux personnes ayant une mauvaise
connexion, ou se trouvant dans un environnement qui ne leur permet pas
d’utiliser le son.
89. « L’enjeu du webdesign n’est plus seulement
l’habillage pour faire transpirer l’identité d’une marque,
mais la navigation et l’histoire pour embarquer un
utilisateur et lui faciliter son expérience et sa relation
digitale avec la marque. »
91. Des identités dynamiques
qui s’adaptent au contexte
Plus des chartes figées.
Cohérence avec des interfaces de plus en plus dynamiques et des
supports de plus en plus différents.
92. Le retour du baroque
En réaction au minimalisme (retour des typos serif pour contre
balancer avec l’aseptisation générale (ex logo du luxe). Ca correspond
à une tendance aussi annoncée sur le web
94. Design responsable
Minimalisme de moyens face aux enjeux sociétaux (impératif)
ex : pas de moyens démentiels dans des shootings. Correspond avec la
tendance illustration, et plus largement au design inclusif
95. Brutal design
Une tendance « brutaliste » qui s’est surtout illustrée sur des sites de
mode, ou de musique au départ. Ca arrive doucement sur le web