Agence WEX

Catégorie : Actualités

  • B2B : lancer sa propre place de marché ? Une si bonne idée ?

    Illustration article sur les places de marché

    Les places de marché : nouvel Eldorado du ecommerce B2B ?

    Les places de marché en B2B sont en pleine expansion. Pas un mois sans qu’une nouvelle place se lance. Plus qu’une mode, déployer sa place de marché peut être le Graal pour toute entreprise qui veut dominer son secteur, d’où l’intérêt grandissant des entreprises B2B pour cette stratégie online.

    Le Boston Consulting Group vient de publier une belle synthèse à ce sujet. Et on vous en dit un peu plus sur les places de marché et l’intérêt pour votre entreprise.

    Une chose est certaine, les places de marché B2B gagnent en notoriété et en chiffre d’affaire.

    Depuis, plus de 3 ans, leur croissance est ininterrompue et la part de marché qu’elles prennent sans cesse en expansion.

    Pour les entreprises c’est une opportunité pour vendre plus de leurs produits et de s’installer plus fermement dans le paysage du B2B. Pour les acheteurs, c’est un moyen de se retrouver face à une offre plus abondante, plus riche, plus diversifiée et un moyen de s’affranchir des chaînes d’un fournisseur unique.

    Créer sa place de marché est clairement une opportunité qu’il ne faut pas rater. Les perspectives sont alléchantes. Le concept est éprouvé. Le volume d’affaires apétissants.

    Oui, mais voilà, lancer sa propre place de marché n’est pas une synécure et demande patience, doigté et force de caractère.

    Et tout d’abord, avant de se lancer dans le vif sujet, voyons voir un peu où en est le ecommerce B2B.

    En 2023, les ventes mondiales atteignaient plus de 23,400 milliards de dollars, avec une croissance de 16%, tandis qu’aux USA et en Europe, le marché atteignait plus de 4,800 milliards de dollars. Un marché pas près de ralentir avec plus de 50% des PME et ETI prête à faire 100% de leur approvisionnement en ligne.

    A l’intérieur de ce marché, les places de marché se taillent une part grandissante des affaires, avec une croissance 7 fois plus rapide.

    Mais pourquoi les acheteurs préfèrent les places de marché ?

    Deux raisons simples à cela : le choix et la liberté.

    Dans une étude récente, on apprenait que 8 acheteurs sur 10 plaçait le critère de choix au-dessus de tous les autres. Non seulement, ils trouvent plus d’offres sur les places de marché, peuvent comparer les prix, ont accès aux stocks en temps réel, mais ont aussi accès à des services plus personnalisés, des prix adaptés à leur profil, ainsi que des conditions de livraisons plus souples.

    Ce succès des places de marché n’est pas une question de mode, ni un engouement passager, mais bien une demande logique et rationnelle sur laquelle, pour les entreprises, les plus rapides, il existe des opportunités qui ne se produiront pas plusieurs fois.

    Créer sa place de marché : mission impossible ?

    Bien sûr, toutes les entreprises ne pourront pas créer leur place de marché… et tous les marché ne se prêtent pas forcément aux places de marché. Toutefois, celles qui pourront se lancer se positionneront en tant que leaders et rafleront sûrement la mise.

    Quelles raisons pour se lancer dans une place de marché ?

    1 – Étendre son offre

    La première est tout simplement de pouvoir étendre son offre et de proposer sur sa propre plateforme une offre de produits et de services qu’on ne serait tout simplement pas capable de proposer soi même. Une étude a montré que sur un échantillon international de 100 places de marché, toute avait atteint une offre dépassant en moyenne 100,000 références 6 mois après leur lancement.

    2 – Pas d’impact sur la chaîne logistique

    La deuxième est qu’étendre son offre par une place de marché ne demande pas de scaler sa chaîne logistique. Vous vous concentrez sur votre cœur d’offre et garde la maîtrise de l’entreposage et de la logistique, à vos partenaires affiliés de gérer leur propre expédition et stockage. Vous n’étendez pas la complexité inhérente au ecommerce à d’autres, vous devenez juste un apporteur d’affaire, un metteur en relation, sans que cela impacte votre propre fonctionnement.

    3 – Grande rentabilité

    La troisième raison est d’ordre économique. Tout montre que les places de marché sont rentables, très rentables, les commissions pouvant aller de 8%, dans le domaine de l’électronique, à plus de 20%, dans le domaine des vêtements de protection, par exemple). L’investissement dans une place de marché ne nécessite pas de lourds investissements, crée un retour sur investissement rapide, et contribue de 5 à 7% en plus sur l’EBITDA.

    4 – Vigie du marché

    Dernière raison, et non la moindre, les places de marché sont un formidable observatoire sur les tendances actuelles et à venir. Grâce à votre maîtrise des partenaires, c’est vous qui récoltez la donnée et c’est vous qui en bénéficiez et en tirez tous les bénéfices (et là, je vous vois déjà rêver avec l’IA). Mais oui, c’est un des avantages indéniables.

    Stratégie de déploiement

    Mais, comme je le disais, les places de marché ne sont pas magiques et tous les domaines du B2B ne se prêtent pas avec autant de facilité à ce petit jeu. Les premières places de marché B2B ne s’y sont pas trompés en investissant au premier chef des gamme de produits peu chères, faciles à transporter, limitant la complexité des transactions habituelles du B2C. Ce fut le cas notamment de la stratégie d’Amazon qui a préféré se concentrer sur un domaine qu’elle connaissait bien et bénéficiant de toutes les caractéristiques les plus bénéfiques aux places de marché : les fournitures de bureau.

    Comme Amazon, d’autres places de marché généralistes se partagent le gâteau, mais elles sont limitées de par leur nature à ne pas s’étendre vers des domaines plus spécialisés.

    Vers une nouvelle génération de places de marché ?

    C’est pourquoi l’on voit naître aujourd’hui une nouvelle génération de places de marché plus spécialisées, avec des gammes, certes moins étendues, mais capables, en revanche de mettre en œuvre des process plus compliqués, et d’avoir surtout un meilleur contrôleur des tierces parties (les partenaires) en ayant la capacité de maîtriser mieux la qualité des produits et services que ceux-ci peuvent proposer… ceci afin de garder une meilleure cohérence avec l’image de marque de l’entreprise.

    Des secteurs plus prometteurs que d’autres

    Plusieurs secteurs émergent, notamment celui de l’appareillage et des consommables médicaux, celui des pièces détachées automobiles, ou bien pour tout ce qui concerne la restauration et l’hotellerie. On parle là d’un marché de plus de 1 billion de dollars, fragmenté en plusieurs milliers d’acteurs (plus de 400 mille dans le monde).

    Dès lors, comment se lancer ?

    Là est évidemment, la grande question.

    Lancer une place de marché demeure un lourd investissement en temps et en argent, avec des chances de succès aléatoires… comme pour tout ce qui concerne le commerce, me direz-vous. Certes, mais il faut effectivement bien voir que les places de marché en B2B ne pourront prétendre atteindre au même nombre que les places de marché B2C, et surtout, qu’elles devront être internationale pour pouvoir survivre.

    Néanmoins, et ça n’est pas notre rôle ici, il semble que ça soit le bon moment pour se lancer, si vous estimez que votre secteur est prêt.

    Que nous dit le BCG à ce sujet ? Il émet 5 préconisations.

    1 – Se lancer dans une plateforme de ecommerce est une stratégie de long-terme…

    On s’en doutait un peu et on imagine mal une entreprise espérer faire un retour sur investissement au bout de 6 mois avec une place de marché.

    Une chose est certaine : bâtir un tel projet nécessite une certaine patience et, pour ça, je suis d’accord un soutien indéfectible du top management. Sans cela, l’abandon est au coin de la rue et l’échec cuisant.

    Mais, plus sérieusement, un des aguments de BCG est qu’il n’y aura pas de place pour tout le monde, et que l’investissment ne peut pas être un simple test&learn, mais bien une stratégie de long terme pour tenter de conquérir les deux ou trois places qui seront disponibles par segments.

    2 – L’offre doit être déployée rapidement, mais sans altérer la qualité de marque

    La réussite d’une place de marché dépend évidemment de la largeur de son offre et de la rapidité à laquelle cette largeur s’étend. C’est une des clés du succès. Avec trop peu d’offre, il ne sera pas possible de satisfaire les visiteurs du site qui sont habitués à l’exhaustivité (n’oubliez pas qu’ils sont formés dans leur esprit par les places de marché B2C qui ont bien 10 ans d’avance en moyenne sur le B2B).

    Quelles sont les étapes de cette croissance ?

    Recruter rapidement les trois ou quatres acteurs ayant pignon sur rue sur le marché (à condition qu’ils n’aient pas eu la même idée que vous;-) ). Solidifier votre fond de commerce, puis recruter d’autres partenaires tout en s’assurant de la qualité de services qu’ils offrent. Walmar impose un taux d’abandon de commande inférieur à 2% et oblige ses resellers à répondre en moins de 24h à un mail.

    3- Les « sales teams » doivent être embarquées dans l’opération

    D’après le BCG, il semble indispensable d’entraîner vos équipes commerciales dans le process de déploiement de la plateforme afin qu’elles ne la voient pas comme une concurrence déloyale.

    Malheureusement, l’article ne nous en apprend pas plus sur ce management de transition, hormis les fait qu’il faille impliquer ces collaborateurs, les éduquer, afin qu’elles mêmes puissent éduquer les clients… et sans doute, comme c’est de coutume, de relocaliser leur rôle plus dans un rôle de conseil, d’accompagnement, et de résolutions de problèmes sur les commandes complexes.

    Bref, rien de nouveau sur un sujet déjà abordé maintes et maintes fois en B2C.

    4- Créer des expériences inoubliables

    Le BCG parle « d’outstanding » experiences. Evidemment, en B2B, l’approche expérientielle ne peut pas être comparable au B2C où l’émotion, les facteurs d’urgence, de rareté, de modes, etc jouent un rôle prépondérant dans l’acte d’achat.

    Cependant, il ne faudrait pas négliger l’aspect de la chose. Car oui, la part de l’émotionnle peut être important… Je pense aux machines sur Caterpillar où la retransmission du design, la projection vers la puissance sont des atouts exceptionnels à mettre en valeur.

    Mettre la marque en avant

    En quelque sorte, le branding, l’ADN de marque peuvent être de véritables atout pour construire une expérience où la part de l’émotinnel peut être importante.

    Ceci étant dit ce à quoi se réfère le BCG est bien non seulement la qualité des interactions (l’ergonomie), mais aussi la richesse et l’accessibilité des fonctionnalités qui permettront de fournir aux clients de la place de marché les outils dont ils ont besoin pour trouver, comparer, acheter, faire des devis… tout cela en prenant en compte la complexité inhérente au B2B : multiples décisionnaires dans l’acte d’achat, personnalisation des produits, livraison, etc.

    Ne pas négliger l’UX

    Pour défendre notre paroisse, j’aurais tendance à dire que l’expérience est souvent l’angle mort du ecommerce B2B où la croyance commune est de croire que l’acte d’achat peut se faire sur des plateformes sommaires, les commerciaux faisant le reste… mais c’est une erreur dans la mesure où nous entrons dans un monde où l’acheteur est de plus en plus autonome, demande de plus en plus d’interactions digitales, et se rapatriera non seulement sur la place de marché ayant le plus d’offres, mais aussi celle fournissant l’expérience la plus simple, la plus efficace, et la plus riche.

    5 – Utiliser un mix technologique in-house et externe

    Il semble évident que se lancer aujourd’hui dans la construction from scratch d’une place de marché semble une alternative peu raisonnable, au vu de la nécessité d’avoir une certaine vélocité, de se reposer sur une plateforme fiable et éprouvée, et de ne pas se retrouver avec des coûts de maintenance exorbitants.

    Le BCG, en tout logique, préconise de se fonder sur un mix mêlant une plateforme robuste de ecommerce, capable de se connecter aux ERP des tierces parties de la plateforme (les vendeurs), mais également d’accueillir d’autres applications tierces afin de pouvoir fournir tous les services possibles aux visiteurs du site.

    A ce titre, une plateforme comme Intershop s’impose comme une solution pouvant aisément servir ce type de projet.

    Plateforme de ecommerce, elle est capable d’intégrer de multiples boutiques en son sein et d’intégrer de multiples catalogues aussi bien en français que dans d’autres langues. Elle peut donc aussi être facilement déployée à l’international.

    Même si ce n’est pas la seule, c’est celle dont nous sommes partenaire et dont la fiabilité, la souplesse et l’évolutivité ont été maintes fois démontrées.

    Conclusion

    On vous accompagne !

    Partenaire d’Intershop depuis 2024, Wexperience peut vous accompagner sur toute la mise en œuvre de votre place de marché :

    • Etude des besoins utilisateurs
    • Benchmark concurrentiels
    • Etude fonctionnelles
    • Cahier des charges
    • Développement / production
    • Design des parcours clients
    • Ergonomie
    • Déclinaison de l’entité de marque

    Prenez contact avec nous

    Ressources supplémentaires

    La session 2 des B2B Frontrunners d’Intershop (en anglais) : https://www.intershop.com/files/Videos/B2B-Frontrunners-Session-2.mp4

    Le livre blanc d’Intershop sur les tendances ecommerce B2B 2024 : https://info.intershop.com/en/b2b-e-commerce-trends

    Via Boston Consulting Group : https://www.bcg.com/publications/2024/how-b2b-marketplaces-are-rewriting-rules-of-trade

  • 5 analyses UX de sites ecommerce B2B

    Le mois de juillet a été riche en nouvelles analyses, et ce mois ci, ça ne sont pas moins de 5 sites qui sont passés sous la loupe de notre expert UX, Olivier Sauvage.

    Dans cet article, on vous explique un peu mieux le concept de simplicité et d’esthétique et on vous invite à découvrir 5 sites ecommerce B2B inspirants.

    5 sites de ecommerce b2b

    La simplicité : grande gagnante des sites ecommerce B2B d’aujourd’hui

    Faut-il encore le répéter ? La simplicité fait l’essence de la réussite d’un site ecommerce B2B. Être simple, facile à utiliser, ne pas bloquer les clients dans des parcours longs et demandant trop d’interactions, voilà le challenge des entreprises B2B aujourd’hui.

    Mais qu’est-ce que la simplicité ? Comment la définir ? Et… la simplicité se voit-elle ?

    Ce n’est pas parce qu’une interface est simple visuellement qu’elle est forcément simple à utiliser. Être simple en apparence encourage l’engagement, mais la simplicité visuelle peut dissimuler une complexité d’utilisation de par sa trop grande simplicité, justement !

    Autrement dit : il ne faut pas juger la simplicité sur son apparence, mais bien sur la manière dont les utilisateurs d’un site interagissent avec ce site. Et si les utilisateurs sont satisfaits, ont l’impression d’avoir atteint leurs objectifs rapidement et simplement, c’est gagné !

    C’est pourquoi chez Wexperience, nous ne mettons jamais en avant nos maquettes de sites, mais bien nos méthodes d’analyse et de conception qui sont les véritables garanties de la simplicité.

    Et à propos, si vous avez besoin d’évaluer la simplicité de votre site, faites appel à nous, comme tous nos autres clients, dont Décathlon, Toyota, Matmut et bien d’autres.

    Comment mesure-t-on la simplicité chez Wexperience ?

    Pour toutes nos études, nous utilisons une échelle UXM. C’est un questionnaire que nous avons créé et qui nous permet de mesurer l’UX sur 4 dimensions.

    Lors d’un test utilisateur, par exemple, chaque testeur répond à l’UXM. Ses réponses sont stockées en base, puis agrégées avec les autres réponses afin d’obtenir une moyenne. C’est cela qui nous permet de définir la simplicité d’une interface.

    Pour certains projets, nous faisons jusqu’à 3 UXM afin de pouvoir comparer les évolutions de l’UX d’un site ou d’une app suite à nos recommandations.

    Illustration du questionnaire UXM : 16 paires d’adjectifs, moins de 2 minutes pour y répondre, le questionnaire UXM apporte le ressenti des utilisateurs sur leur expérience, ce qui est être très différent de nos analyses d’experts UX

    Le design, un facteur d’engagement

    En B2B, l’habitude de se préoccuper d’apparence visuelle a souvent été rejetée au profit de la technique. Or, aujourd’hui avec les nouvelles habitudes des acheteurs, l’esthétique d’une interface compte de plus en plus.

    Fini les vilains sites où les catégories et les produits s’empilent comme dans un catalogue de pièces détachées automobile. Les acheteurs veulent des expériences ! Et ils ont besoin d’être séduits !

    Même si la fidélité est plus grande en B2B qu’en B2C, il ne faut pas négliger l’aspect séduction. La concurrence n’est souvent qu’à un clic de souris, et parfois, les choses tiennent à la confiance que peut inspirer un site.

    Or, cette confiance est véhiculée par l’apparence graphique. Un beau site inspirera plus sûrement confiance qu’un site désigné comme les pages jaunes de l’annuaire (👉 voir nos réfs).

    Il faut donc changer de paradigme et accepter que, désormais, les sites de B2B soient aussi beaux que les sites de B2C.

    Voici 5 sites que nous avons sélectionné pour leur design, mais aussi leur expérience.

    Berlin Packaging : le n°1 mondial du packaging place la barre très haut

    Illustration article Berlin Packaging

    Berlin packaging est un des leaders mondiaux des récipients pour l’industrie et la grande distribution. Son site est une réelle réussite esthétique tant au niveau de la navigation et du confort d’utilisation.

    Lire l’analyse

    Blake Envelopes : le roi britannique de l’enveloppe durable fait dans l’esthétiquement correct

    Blake Envelopes est une PME britannique familiale qui vend, comme son nom l’indique, des enveloppes en gros avec une dimension développement durable forte. Son site rassemble les qualités d’une navigation de type B2C avec un réel succès.

    Lire l’analyse

    Bürklin Elektronik : une refonte réussie pour le roi de la distribution de matériel électronique allemand

    Logo Burklin

    Bürklin Elektronik est un des leaders européens de la distribution de composants électronique pour les entreprises.

    Avec une refonte graphique audacieuse, Bürklin se positionne comme un leader innovant et audacieux.

    Lire l’analyse

    Chocomize : chocolats et cadeaux d’entreprise

    Logo Chocomize

    Chocomize est une petite PME de fabrication de chocolats. Elle vend ses produits directement à de grandes entreprises. Un joli site qui donne envie d’être très très gourmand.

    Lire l’analyse

    Shoprelevant : expérience simplifiée pour un équipementier dans l’industrie du pétrole

    Illustration article Relevant

    Relevant est une grosse PME texane qui fournit l’industrie gazière et pétrolière. La refonte récente de son site a été fait dans l’optique de proposer des services en ligne simple à utiliser à ses clients.

    Lire l’article

    Conclusion

    De plus en plus d’entreprises B2B investissent dans le design d’expérience et leur identité de marque. Non seulement pour se détacher de leur concurrence, mais aussi pour répondre à la demande croissante de leurs clients d’expériences simples, de facilité et de rapidité.

    Et à propos, si vous avez besoin d’évaluer la simplicité de votre site, faites appel à nous, comme tous nos autres clients, dont Décathlon, Toyota, Matmut et bien d’autres.

  • Pourquoi les entreprises US placent l’UX au cœur de leur stratégie : le cas ShopRelevant.com

    Page d'accueil de ShopRelevant.com, une entreprise spécialisée dans la distribution de matériel pour l'industrie

    Un objectif : mieux servir les clients

    Relevant Industrial est un distributeur US de produits allant des équipements de contrôle de la température, des vannes et des dispositifs de compression d’air pour l’industrie pétrolière.

    Elle distribue des produits de marques telles que Honeywell, Parker et Ingersoll-Rand, ainsi que des marques appartenant à Relevant

    Pour offrir un meilleur service à ses clients et leur permettre d’acheter plus facilement en ligne, l’entreprise a lancé ShopRelevant.com.

    Au cœur de ce lancement, l’expérience client, la facilité d’utilisation ont été placés très haut, faits soulignant, encore une fois, l’importance de la place prise par l’UX au sein de la stratégie d’acquisition et de croissances des entreprises industrielles.

    L’UX, une clé stratégique pour le PDG de Relevant

    John Carte, PDG de Relevant l’a d’ailleurs expliqué en déclarant que : « Nous sommes ravis d’offrir à nos clients un moyen plus facile, plus rapide et plus efficace d’accéder aux produits et solutions de haute qualité dont ils ont besoin pour réussir dans leurs opérations.

    💡Vous souhaitez évaluer l’expérience sur votre site actuel ou sur votre site en cours de refonte ? C’est ce que nous faisons pour nos dizaines de clients grands comptes.

    Parmi ses fonctionnalités orientées client, on trouve un menu interactif déroulant, le « Shop Relevant Assistant », qui invite les clients à cliquer pour obtenir des informations sur des sujets tels que les prix, les délais de production des produits, la création d’un compte en ligne et la consultation des commandes passées.

    En plus des fonctionnalités en libre-service pour les acheteurs, le nouveau site a également reçu un très bon accueil de l’équipe de vente de Relevant, déclare l’entreprise.

    « Notre équipe de vente est ravie du lancement de la nouvelle plateforme de commerce électronique », déclare John Butts, vice-président principal des ventes.

    A propos de Relevant

    • Solution technique : Magento
    • Date de la refonte : juillet 2024
    • CA annuel : env 500M$
    • Entreprise basée au Texas, USA

    Notre avis sur le design du site

    👍 👍 Le site offre un design et une image agréable avec des couleurs neutres et claires qui renforcent l’impression de simplicité de l’interface.

    👎 👎 La page d’accueil est sobre et bien organisée, mais a été très mal intégrée sur mobile. C’est dommage quand on pense que même les acheteurs pros peuvent aller consulter un site sur mobile.

    👎 La navigation est un peu « surannée » avec un menu principal à plusieurs niveaux ne favorisant pas la simplicité.

    👍 👍 Les pages listes et fiches produits sont tout à fait classiques et s’apparentent à ce qui se fait couramment en B2C. C’est une bonne chose qui permet de respecter les habitudes « conso » des acheteurs pros.

    👍 Un soin particulier a été fait pour montrer les produits avec des photos détourées sur fond blanc, ce qui permet de rendre l’affichage de l’offre plus lisible et homogène.

    💡Vous souhaitez évaluer l’expérience sur votre site actuel ou sur votre site en cours de refonte ? C’est ce que nous faisons pour nos dizaines de clients grands comptes.

  • Kiloutou : vaincre la complexité d’un tunnel de commande à 70 versions

    Feedback sur la table ronde du 25 juin 2024 par MC Factory

    La table ronde organisé par MC Factory, avec Kiloutou,

    La semaine dernière, le magazine MC Factory organisait une table ronde autour du ecommerce en partenariat avec le magazine Stratégies et Adobe.

    Invité, Cédric Tamboise, head of digital de Kiloutou, client de Wexperience, répondait aux questions de Majda Chaplain.

    Pour rappel, Kiloutou est le n°2 de la location de matériel de chantier en France et 3ème en Europe. En B2B et B2C.

    Voici ce que nous avons retenu de cet échange.

    A problème complexe -> solution complexe

    Pas possible de proposer un parcours unique pour des demandes très différentes. Du particulier, au pro, jusqu’à l’entreprise de travaux-public, les offres, les besoins sont différents, mais les points de contact sont les mêmes.

    Obligation de les concilier dans une même plateforme.

    Cela sous-tend une technologie capable de prendre en compte les différents parcours en une seule interface.

    Mais également de pouvoir proposer des parcours personnalisés. Exemple : tunnel de commande = 70 versions pour 70 cas de figure différents

    Conséquence : solution IT développée inhouse

    La vérité vient du terrain

    Pas possible de théoriser les parcours.

    Pas de modèle concurrent -> obligation d’innover et d’inventer

    L’innovation vient de l’observation de terrain :

    • Remontées collaborateurs
    • Tests utilisateurs
    • Ambassadeurs

    UX comme atout majeur

    Fluidité des parcours indispensables : les visiteurs n’ont pas à se battre avec l’interface

    Demandes complexes doivent être simplifiées en ligne.

    Atout, car soulage les collaborateurs en magasin ou téléphone

    Besoin de beaucoup d’informations sur le site, car contraintes logistiques parfois énormes (ex : livraison grue). Donc, plus claire sera l’interface, moins de temps sera perdu à trouver l’information

    Kiloutou en chiffres

    • Kiloutou : 40 ans, présent dans 7 pays, 600 agences, B2B, N2C, particuliers, artisans, entreprises du CAC 40
    • 10% activité faite sur le digital, X3 dans 6 ans
    • Site Récompensé l’année dernière trophée par Content Square

    Retrouvez la table ronde complète en vidéo : https://www.mcfactory.fr/marketing-digital/comment-lacoste-accor-kiloutou-stellantis-excellent-en-e-commerce-strategies-gagnantes-2024/

  • Découvrez notre outil d’évaluation des compétences UX

    Dans cet article, on vous parle formation et compétences, parce que le vrai problème, en formation, c’est que, souvent, on ne connaît pas vraiment le niveau des personnes que l’on veut former.

    Illustration de l'article : 2 jeunes hommes et 2 jeunes femmes faisant la queue et regardant autour d'eux

    Vous êtes du genre pressé ? Prenez contact avec nous pour savoir comment faire évaluer les compétences de vos collaborateurs

    Souvent, les managers ou les DRH connaissent mal les compétences de leurs collaborateurs

    Surtout dans des métiers en perpétuelle évolution, pour lesquelles il est difficile de se tenir en permanence au courant.

    On se doute, on suppute, on croit que… mais dans les faits, rien ne vient vraiment étayer nos convictions.

    Alors pour aider nos clients, chez Wex Academy, notre organisme de formation, avant chaque formation, on propose de faire passer un test aux personnes qui doivent être formées.

    Ce test est très simple, se passe en moins d’une minute, et très rapidement, il permet de faire un état des lieux des compétences des collaborateurs d’une petite ou grande équipe.

    Résultat d'un test d'auto-positionnement sur les connaissances de l'UX. Les compétences vertes sont considérées comme acquises. Les compétences orangées sont insuffisantes et nécessitent d'être améliorées.
    Résultat d’une évaluation pour une équipe de design

    Avantages de l’évaluation par Wex Academy

    Ouvrir la parole

    Ces tests permettent d’ouvrir la parole, car, outre les questions fermées que l’on pose, des questions ouvertes y permettent aux collborateurs d’exprimer leurs besoins ou leurs envies. Ce sont des choses qu’ils ne font peut-être pas naturellement ou pour lesquelles ils ne sont pas forcément écoutés (si, si, parfois les managers n’écoutent pas assez leurs équipes).

    Faire prendre conscience des manques

    En outre, ils permettent aussi aux « interrogés » de leur faire prendre conscience de leurs manques sur des compétences auxquelles ils n’auraient pas pensées. Et ça, c’est aussi valable pour les managers.

    Adapter la formation

    Le test permet aussi, bien évidemment, d’adapter la formation aux besoins réels des apprenants. Pas besoin de leur apprendre des choses qu’ils savent déjà. Et, avantage, cela permet aussi de se focaliser sur des sujets plus précis, voire même d’adapter les formations par groupe de niveaux.

    Découvrez nos formations à l’UX

    Comme vous le savez, nous proposons plusieurs formations autour de la thématique de l’UX.

    👉 Initiation à l’UX, pour les gens du marketing, les product owners, les chefs de projets digitaux, etc

    👉 Formation aux tests utilisateurs, pour les designers déjà expérimentés

    👉 Formation à Figma débutants et intermédiaires, pour tous vos collaborateurs amenés à travailler avec cet outil

    👉 Formation aux méthodes UX, pour tous ceux qui veulent s’approprier des méthodes de travail collaboratives

    Témoignage : Mllouka Delobelle, Cofidis Group

    Mllouka Delobelle, cheffe de projet formation pour le Groupe COFIDIS

    « Wex Academy a apporté toute son expertise pour m’aider à identifier les objectifs de prise en main de l’outil Figma, pour mon groupe de salariés Cofidis Group.

    Grâce à un test de positionnement créé sur mesure, nous avons pu préciser ensemble la stratégie de formation la plus pertinente : constitution des groupes de niveau, mise en œuvre de sessions base et avancée selon les objectifs des participants.

    Une réelle écoute des besoins des utilisateurs et une grande réactivité de la part de Wex Academy. Une excellente collaboration très appréciée, merci à toute l’équipe ! »

    Mllouka Delobelle, Chef de projet formation Synergie, Cofidis Group

    Faites-vous évaluer

    Que vous soyez une petite ou une grande équipe, faites-nous savoir si vous avez besoin d’en savoir plus sur notre test et si vous voudriez évaluer les compétences de vos équipes.

    Pour cela ,contactez notre gourou du Web, Olivier, pour en parler. Ou bien passer le test d’auto-positionnement que nous proposons à tous ceux qui veulent améliorer leurs compétences en UX.

    Prenez contact avec Olivier Sauvage, Responsable pédagogique de la WEX Academy.

    Portrait d'Olivier Sauvage, formateur et expert digital
  • Onboarding d’application en saas : le cas Relume

    Relume est une application de design utilisant l’IA. Son processus d’onboarding est particulièrement efficace. Analyse pour vous ici par l’équipe de Wexperience.

    Le processus complet d’essai de Relume sans inscription

    Puisqu’on vous a parlé de Relume dans un autre article, il y a encore quelque chose d’autre à en dire et c’est au sujet de son processus d’onboarding. Et c’est notre rôle de dire tout la vérité sur ce que l’on voit quand le voit 😉

    Outre le fait que le Relume s’avère un outil prometteur pour la conception de sites, on a aussi remarqué que Relume avait mis en oeuvre un technique d’onboarding vraiment maline pour pousser ses visiteurs à s’inscrire puis à se transformer en abonné.

    On sait à quel point, c’est difficile d’onboarder (on en avait déjà parlé ici), et ça vaut le coup d’examiner en détail quand d’autres le société le font bien.

    Alors Relume, champion de l’IA, mais aussi champion de l’onboarding ?

    D’abord, première chose, premier principe : vous êtes les dealers, qu’est-ce que vous faites de mieux pour convaincre vos clients pour revenir ?

    Point fort : laissez vos utilisateurs utiliser votre service sans inscription

    Le mieux pour convaincre un utilisateur d’essayer votre service est, justement de le laisser essayer. Et c’est justement ce que fait Relume.

    Dès la page d’accueil (la landing page), vous pouvez commencer à l’utiliser SANS passer par un processus d’inscription.

    Autrement dit, à ce stade, on ne vous vend ni promesse, ni tarif, on vous demande juste d’essayer.

    Et, l’effet est magique.

    En quelques mots, entrez une description de votre société ou de votre site et l’IA generative de Relume se charge asap de générer une arborescence de site avec des titres et des contenus pour pour chaque page.

    Notez bien l’effet magique : la génération se fait en temps réel, mais prend un peu de temps, comme dans chatGPT, ce qui renforce encore un peu plus cette notion de magique… et donne de la valeur au travail accompli par l’IA pour générer les contenus.

    Montrer ce travail, c’est comme de vous laisser entrer dans une boutique Au Merveilleux de Fred où pouvez voir se réaliser devant vous les gâteaux que vous aller déguster.

    L’expérience est très différente de ce qu’elle aurait été si on avait laissé apparaitre les résultats immédiatement.

    Ce qui a apparait alors est une arborescence très clairement affichée et très simple à comprendre dans laquelle vous pouvez encore une fois agir immédiatement. La démo vous laisse beaucoup de latitudes pour essayer le produit, et, Ô astuce suprême, le design de l’interface a été suffisamment simplifié pour que tout cela se fasse naturellement, sans courbe d’apprentissage.

    Cela encourage à continuer de l’utiliser et permet également de vendre l’argument « simplicité »/ »puissance » de l’outil simplement en l’utilisant.

    L’application vous donne clairement l’impression que vous êtes en contrôle de quelque chose de puissant et fait monter votre satisfaction au top !

    Après l’arborescence générée, au tour des wireframes

    La génération de template « live » fait sans aucun doute partie du processus d’onboarding de Relume. En rendant « vivant » le cœur du moteur de génération de template, Relume crée l’émotion nécessaire pour embarquer l’utilisateur.

    Et là, c’est encore plus magique. Un simple clic sur un bouton d’IA voit se transformer chaque nœud de l’arborescence en véritable page, dont la structure et l’apparence correspondent exactement aux contenus que vous avez défini.

    Là encore, l’expérience a été bien travaillée puisque l’utilisateur peut voir en temps réel ce qui se passe « dans la machine »… il la voit littéralement travailler et afficher au fur et à mesure le morceaux de page qui s’assemblent. Cette façon de faire en ajoue au côté « magique » du produit.

    A ce stade, vous devriez être séduit et avoir envie de profiter du fruit du travail de l’IA.

    Car, rapellons-le, le but de Relume, c’est de générer des maquettes exportables directement dans Figma ou dans Webflow.

    Et c’est là que s’accentue la pression pour vous faire ouvrir un compte.

    Une fois que vous avez utilisé la fonctionnalité de Relume, vous allez vous heurter rapidement à de nombreux blocage dans l’utilisation de l’application. Et chaque fois un petit message viendra vous rappeler subtilement qu’il faut passer à la version supérieur.

    Créer de la frustration pour déclencher l’inscription

    Au fond, le processus d’onboarding de Relume est simple :

    • Faire utiliser le service au maximum jusqu’à la phase de finalisation que l’on prive d’accès tant que l’inscription n’est pas réalisée
    • Faire vivre une expérience émotionnelle grâce aux animations
    • Ne pas demander d’inscription pour essayer la version gratuite
    • Avoir une ergonomie extrêmement simple et permette une prise en main qui laisse entrevoir rapidement les capacités et possibilités de l’outil

    En gros, faire monter l’excitation au maximum, mais bloquer l’utilisateur au moment où celui-ci sera en « transe » par rapport au produit.

    Comment cela se fait ?

    • Bloquer l’accès à des fonctionnalités par un message lui proposant de passer son compte gratuit en compte payant.
    Capture d'écran d'un message d'incitation à s'inscrire
    Les message d’incitation à passer au plan supérieur ne sont pas intrusifs, ni voyants. Le prix n’est pas affiché. En revanche, ils apparaissent toujours suite à une action de l’utilisateur et le bloque de manière à lui montrer les limites de la version d’essai.
    Capture d'écran du moteur de génération de wireframe montrant le point de blocage et la popup d'incitation à s'inscrire.
    Dans la version gratuite, on ne peut pas générer tous les wireframe. Cliquez sur un wireframe essayer de le générer et le message d’incitation à payer à un compte pro apparaît.
    Capture d'écran de la popup d'incitation à s'inscrire pour l'utilisation de la version collaborative
    Dans la version gratuite, toutes les fonctionnalités de l’applicatif sont visibles et cliquables. L’utilisateur ne peut pas savoir quand elle sera payante. Il doit « apprendre » au fur et à mesure à découvrir ce qui est payant où ne l’est pas.
    Panneau d'affichage des offres de Relume
    La conversion se fait à ce stade. On retrouve une offre à trois niveau avec la mise en majeur de l’offre du milieu qui va sans doute constituer la majorité des enregistrement, car elle donne immédiatement l’accès à l’ensemble des fonctionnalités de l’app.

    Comme on l’a dit, Relume s’adresse sans doute aux petites agences qui veulent produire rapidement des sites personnalisés, mais en réduisant les coûts de production. Le public cible d’utilisateurs est donc composé de designers et d’indépendants qui recherchent des solutions rapide à mettre en œuvre et facile d’apprentissage.

    Conclusion : un produit pensé pour l’onboarding

    A l’heure où des milliers de solutions tentent de vous soutirer des sous de votre porte-monnaie, il devient extrêmement difficile de convaincre son public, mais Relume s’en sort bien.

    Les points forts à noter sont :

    • Une utilisation intelligente des animations pour créer de l’émotion
    • Un design très sobre et pas du tout racoleur. C’est le produit qui racole par ses fonctionnalités et sa puissance, pas l’esthétique
    • Suffisamment de marge de manœuvre laissé à l’utilisateur pour qu’il puisse vraiment tester l’application sans s’inscrire
    • Possibilité d’utiliser l’app sans s’inscrire

    Ce qui est intéressant par dessus tout, c’est de voir à quel point l’expérience du produit a été pensé autant pour son usage que pour sa présentation commerciale. C’est une chose que peu de startup font.

  • Relume : à quoi sert l’outil de génération d’interfaces par l’IA ?

    Image d'entête de l'article : A quoi sert Relume, l'outil de génération d'interface à base d'IA ?

    On a été assez époustouflé par la promesse de Relume.io, un service en Saas qui promet (presque) de révolutionner le design et la conception de site.

    Relume, c’est quoi ?

    Relume.io est un service en Saas qui promet de changer la manière de travailler des designers d’interfaces web. Mais l’argument principal de Relume est, vous l’avez deviné, l’IA. Encore et toujours ! Décidément, on n’en sort pas.

    En gros, pour simplifier, ce que promet Relume, c’est de demander à l’IA de créer entièrement l’architecture d’information d’un site, de l’arborescence jusqu’à la génération des pages soit sous Figma, soit directement dans Webflow, l’outil de génération de sites. Et c’est plutôt efficace ! D’après ce qu’on a pu en voir lors de nos premiers essai.

    Capture d'écran de l'interface de Relume montrant une architecture d'information générée par le moteur d'intelligence artificielle.
    Dashboard projet de Relume avec une arborescence complète de site, généré par l’IA

    Comment ça marche ?

    L’onboarding de Relume permet de vous embarquer directement dans l’utilisation de l’outil, comme c’est désormais souvent le cas dans les outils en Saas.

    Vous entrez le nom de votre site, décrivez en deux ou trois phrases ce qu’il propose, et c’est parti ! Il ne vous reste plus qu’à appuyer sur le bouton magique de l’IA et l’aborescence du site se génère automatiquement sous vos yeux (on ne va pas se mentir, l’UX a été très très soignée et vous embarque facilement).

    Ensuite, vous pouvez commencer à travailler.

    Soit, vous laissez faire l’IA qui va continuer à générer de nouvelles pages pour vous. Et de nouveaux contenus !

    Car, oui, ça on ne vous l’avait pas dit. Relume génère aussi tous les textes pour vous, y compris, bien sûr, les libellés de boutons. Ce qui peut vous faire gagner beaucoup de temps, mais… on y reviendra.

    Soit, vous vous occupez plus ou moins de configurer vous même l’aborescence et d’y injecter vos propres textes. Nulle doute que c’est cette façon là de travailler qui va être privilégiée, car, soyons honnêtes, les textes générés par l’IA sont extrêmement généralistes et pas très personnalisés.

    Capture d'écran de l'architecture d'information d'un site généré par Relume exporté dans Figma.
    Export du sitemap dans Figma. La structure est propre et facile à lire

    Disons que pour quelqu’un qui n’aime pas écrire, ça va faire gagner beaucoup de temps. Mais si vous disposez d’un UX ou d’un copy writer, mieux vaut lui laisser la main (sinon, ça servirait à quoi de le payer ?).

    Bref, l’intérêt de tout ça est de pouvoir travailler en vue d’oiseau sur votre site (en en ayant une vue globale). Et, grâce à une interface originale et très intuitive, de pouvoir facilement concevoir l’intégralité de votre site rapidement. C’est déjà un point fort… et il n’y aurait pas eu l’IA que ça aurait déjà été un point fort quand même.

    Mais, bien sûr, c’est ce qui vient après qui est bluffant, et même, on oserait dire, satisfaisant.

    Une fois que votre aborescence est prête, il n’y a plus qu’à la « mettre au four »… à la faire gonfler 🙂

    Génération automatique de pages et illusion de l’effort

    Appuyez à nouveau sur un bouton magique, et là, Ô miracle, ce sont les wireframes de toutes vos pages qui sont générées en quelques instants après.

    Ce qui est amusant, c’est de voir se réaliser le processus en temps réel, page après page, comme si un super-artisan était en train de fabriquer les pages devant vous. Si vous ne le saviez pas, c’est une très bonne utilisation de l’illusion d’effort. Si les pages étaient générées instantanément, cela donnerait l’impression que la génération est trop facile et n’a pas de valeur. Voir l’IA « travailler » devant donne l’illusion de l’effort et donne de la valeur au résultat.

    Une fois que c’est fait, ensuite, là encore vous pouvez intervenir pour modifier les contenus dans les grandes masses, mais pas en entrant dans les détails. Les détails, c’est dans Figma que ça se passe.

    Mockups générés par Relume
    Wireframes générés automatiquement dans Relume. Il ne reste plus qu’à exporter dans Figma.

    En résumé, cette première partie est une sorte d’outil de conception de sites qui accélère toute la conception de l’architecture d’information. L’IA est là pour remplir les cases en écrivant l’ensemble des contenus à votre place… mais, comme on l’a déjà dit… même si ça fait gagner du temps, les textes demanderont forcément de la relecture et des correctifs… mais ça, c’est comme avec chatGPT. Il ne faut pas espérer que l’IA vous sorte un texte parfait.

    Mais ça n’est pas fini. Attendez ! Relume peut faire beaucoup mieux que ça. Et, en effet, la promesse de Relume, ça n’est pas que d’accélérer la phase de conception, mais aussi la phase de production.

    Exportation sous Figma et Webflow

    C’est là qu’entre en jeu le module d’exportation.

    Là, vous avez deux choix :

    • Soit exporter votre site sous Figma
    • Soit directement dans Webflow

    C’est assez simple.

    Lorsque vous cliquez sur le bouton exporter dans Figma, Relume vous demande d’installer un plugin… Et hop, en deux clics, c’est fait ! Et ensuite, il ne vous reste plus qu’à récupérer les templates de votre projet dans Figma. Vraiment très facile !

    Vue du plugin Relume pour figma
    Vue du plugin Relume dans Figma

    La structure et la hiérarchie des templates est très propre (à première vue) et ensuite, il ne vous reste plus qu’à travailler le style de vos pages avant de pouvoir à nouveau les exporter directement dans Webflow.

    L’autre choix consiste à exporter directement votre site dans Webflow… ce qui, là aussi, vous fera gagner énormément de temps ! Puisque vous aurez presque instantanément un site prêt à l’emploi. (qu’il faudra quand même retravailler graphiquement). Et là, c’est encore plus simple, puisque l’exportation se fait par simple copier-coller de Relume vers Webflow

    Avantages

    On ne pourrait voir que des avantages à Relume.

    L’intérêt est sans doute qu’il permet à quelqu’un assez peu expérimenté dans le design et la programmation de créer rapidement un site qu’il pourra ensuite personnaliser comme il le voudra.

    L’interface est très intuitive. Très agréable. Et les petits boutons d’IA donne vraiment l’impression que c’est la machine qui fait tout.

    On peut imaginer que pour des entreprises sans ressources internes dans le numérique, Relume fera très bien l’affaire. Après, il suffit d’un minimum de formation dans Figma ou dans Webflow pour s’en sortir et mettre son site en production.

    Avantage non négligeable, Relume permet aussi de générer du texte en français.

    Fonctionnalité d'exportation vers Webflow de Relume
    L’exportation dans Webflow se fait par simple copier-coller

    Inconvénients

    On en voit principalement trois.

    1. Même si Relume fait gagner du temps… on peut se demander si c’est vraiment un avantage pour les projets un peu plus compliqué que des simples sites vitrines. Tout ce qui est généré, ce sont des pages statiques… ça ne permet donc pas d’aller très très loin, pour l’instant, en tout cas
    2. Les textes générés par IA, c’est sympa, mais comme très souvent, ce sont des textes très banals, très plats, sans vraiment de détail spécifique dans l’information. Et il faut forcément repasser derrière, si on veut quelque chose de vraiment pro.
    3. Les maquettes générées sont très génériques et pas franchement originales. Ça peut convenir pour traiter des cas très courants, mais pas du spécifique. Auquel cas, il faudra revenir à Figma pour travailler les templates.

    Conclusion : un outil puissant, mais pas pour tous les besoins

    L’IA, dans Relume, nous semble plus un argument marketing qu’une vraie utilité. Car, hormis la génération de texte (et encore, c’est juste du GPT4), son apport n’est vraiment pas évident. N’importe quel algorithme ferait aussi bien l’affaire. Et pas besoin de sortir l’artillerie lourde pour sortir des architectures d’information somme toute très banales.

    Non, l’intérêt de Relume réside plutôt dans le gain en productivité qu’il génère pour des projets webs assez simple. Son UX est très soignée et permet rapidement de générer quelques pages pour un site que, dans tous les cas, il faudra retravailler derrière.

    C’est donc plutôt un outil qui s’adresse aux agences qui veulent gagner en productivité pour des projets de sites vitrine ou d’information. Pour des projets plus complexe, il n’est pas sûr que l’apport de Relume soit vraiment intéressant.

  • 10 alternatives à Invision

    Invision est mort ! Mais est-ce vraiment bien grave ?

    Les alternatives existent et elles sont nombreuses.

    Petit tour d’horizon des solutions UX qui peuvent le remplacer :

    1️⃣ Adobe XD, le rival de Figma

    Offre des fonctionnalités similaires pour le prototypage et la collaboration en équipe. Il est particulièrement apprécié pour son intégration avec d’autres outils Adobe. https://www.adobe.com/downloads.html

    Principaux avantages de Adobe XD

    1. Intégration avec l’Écosystème Adobe : Adobe XD s’intègre parfaitement avec d’autres logiciels Adobe comme Photoshop, Illustrator et After Effects. Cette intégration permet aux designers de facilement importer et utiliser des ressources créées dans ces autres applications, offrant ainsi une expérience de travail fluide et cohérente.
    2. Collaboration en Temps Réel : XD permet la collaboration en temps réel, ce qui est essentiel pour les équipes de design. Les membres de l’équipe peuvent travailler simultanément sur le même document, voir les modifications en direct, et partager des commentaires instantanément. Cela facilite la communication et l’itération rapide des designs.
    3. Prototypage et Animation Faciles : Avec Adobe XD, les designers peuvent créer des prototypes interactifs avec facilité. Il offre des fonctionnalités d’animation avancées comme Auto-Animate, qui permet de créer des transitions fluides entre les artboards. Ces prototypes peuvent être partagés avec les clients ou les membres de l’équipe pour recueillir des retours, et ils peuvent être visualisés sur divers appareils et plateformes.

    2️⃣ Sketch : le précurseur

    Un outil de conception largement utilisé, en particulier pour l’interface utilisateur. Il offre des fonctionnalités de prototypage et une vaste bibliothèque de plugins. https://www.sketch.com

    Principaux avantages de Sketch

    1. Spécialisation dans le Design d’Interface Utilisateur : Sketch est optimisé spécifiquement pour le design d’interfaces utilisateur. Il offre un large éventail d’outils de design et de fonctionnalités qui sont particulièrement adaptés pour la création d’interfaces web et mobiles. Cela inclut des fonctionnalités comme les symboles réutilisables, les styles de texte et les grilles de mise en page.
    2. Collaboration et Partage Faciles : Sketch facilite la collaboration et le partage des designs entre les membres de l’équipe. Avec Sketch Cloud, les designers peuvent partager leurs prototypes et recevoir des commentaires directement sur leurs designs. De plus, l’extension Sketch Mirror permet de visualiser les designs sur des appareils iOS en temps réel.
    3. Écosystème Étendu de Plugins et d’Intégrations : L’un des plus grands avantages de Sketch est son vaste écosystème de plugins et d’intégrations développés par la communauté. Ces plugins étendent les fonctionnalités de Sketch et permettent une personnalisation et une automatisation accrues du flux de travail. De l’exportation d’assets à la génération de code, il existe un plugin pour presque tout besoin.

    3️⃣ Figma : la star du design numérique

    C’est la star des outils de conception, pour l’instant, indétrônable, offrant des capacités de collaboration en temps réel. https://www.figma.com

    Principaux avantages de Figma

    1. Collaboration en Temps Réel : Figma permet à plusieurs utilisateurs de travailler simultanément sur le même fichier, offrant une collaboration en temps réel. Cela facilite grandement le travail d’équipe, permettant aux designers, développeurs et autres parties prenantes de participer activement au processus de design, de donner des retours instantanés et de faire des ajustements en direct.
    2. Accessibilité Basée sur le Cloud : Étant une plateforme basée sur le cloud, Figma est accessible de n’importe où via un navigateur web, sans nécessiter d’installation de logiciel lourd. Cela rend le partage et l’accès aux projets très facile, indépendamment du système d’exploitation ou de l’appareil utilisé.
    3. Outils Puissants et Polyvalents : Figma offre une gamme complète d’outils de design et de prototypage. Il intègre des fonctionnalités avancées comme les composants réutilisables, les styles dynamiques, et le prototypage interactif, permettant aux designers de créer des designs complexes et des prototypes fonctionnels, tout en maintenant une gestion efficace des assets.

    4️⃣ Axure RP : le vieux de la vieille du design

    Un vieux de la vieille, toujours utilisé. Convient pour des prototypes plus complexes avec des interactions avancées. Il est souvent utilisé pour les wireframes et les prototypes fonctionnels. https://www.axure.com

    Principaux avantages de Axure

    1. Prototypage Avancé et Interactif : Axure RP permet aux designers de créer des prototypes interactifs et fonctionnels avec une grande précision. Il offre des fonctionnalités avancées pour simuler des interactions complexes, des conditions logiques, des variables et des animations. Cette capacité permet de créer des prototypes qui se rapprochent beaucoup du produit final.
    2. Documentation et Spécifications Complètes : Axure RP est unique en ce qu’il permet aux utilisateurs de générer des spécifications détaillées et des documentations directement à partir des designs. Cela facilite la communication entre les designers, les développeurs et les parties prenantes, en fournissant des directives claires sur le comportement et l’apparence des éléments de l’interface utilisateur.
    3. Puissance de la Maquette : Contrairement à d’autres outils axés principalement sur le design visuel, Axure RP est fortement orienté vers la création de wireframes et de maquettes fonctionnelles. Il est idéal pour les concepteurs qui souhaitent se concentrer sur la structure et la fonctionnalité d’une application ou d’un site web, plutôt que sur les détails esthétiques.

    5️⃣ Marvel App : le challenger

    Une plateforme simple pour la création de prototypes, le test d’interface utilisateur et la collaboration. https://marvelapp.com

    Principaux avantages de Marvel

    1. Facilité d’Utilisation et Interface Intuitive : Marvel App est conçu pour être intuitif et facile à utiliser, ce qui le rend accessible même pour les débutants en design UI/UX. L’interface utilisateur simplifiée permet aux utilisateurs de commencer rapidement à créer des prototypes sans une courbe d’apprentissage abrupte.
    2. Prototypage Rapide et Wireframing : Marvel App offre des outils de prototypage rapides et efficaces, permettant aux utilisateurs de transformer leurs idées en prototypes interactifs en peu de temps. Il est particulièrement utile pour créer des wireframes et des maquettes basse fidélité rapidement, ce qui est idéal pour les premières étapes de la conception de projets.
    3. Intégration avec d’Autres Outils et Collaboration : Marvel App s’intègre avec divers outils populaires comme Sketch, Adobe XD, Jira, et Slack, ce qui facilite l’intégration dans les flux de travail existants. La plateforme supporte également la collaboration d’équipe, permettant aux membres de l’équipe de donner des commentaires directement sur les prototypes et de collaborer efficacement, peu importe leur localisation.

    6️⃣ Balsamiq : le bricol’tout !

    Un de nos préférés ! Idéal pour des wireframes rapides et basiques, avec un accent sur la simplicité et la facilité d’utilisation. https://balsamiq.com

    Principaux avantages de Balsamiq

    1. Simplicité et Facilité d’Utilisation : Balsamiq est conçu pour être intuitif et simple à utiliser, ce qui le rend idéal pour les débutants ou pour ceux qui souhaitent créer rapidement des wireframes sans se plonger dans des détails complexes. Son interface utilisateur est axée sur la facilité d’utilisation, permettant aux utilisateurs de glisser-déposer des éléments pour créer des maquettes.
    2. Focus sur le Wireframing à Basse Fidélité : L’approche de Balsamiq en matière de wireframing à basse fidélité est parfaite pour esquisser des idées et des concepts rapidement. Cela encourage la concentration sur la structure et la fonctionnalité plutôt que sur le design détaillé, ce qui est crucial dans les premières phases de conception d’un projet.
    3. Collaboration et Partage Faciles : Balsamiq facilite le partage et la collaboration sur les wireframes. Les utilisateurs peuvent partager leurs maquettes avec les membres de l’équipe, les clients ou les parties prenantes, recueillir des commentaires et apporter des modifications de manière rapide et efficace. Cela rend le processus de rétroaction et d’itération beaucoup plus simple et direct.

    7️⃣ Framer : le prototypeur

    Un outil pour des prototypes interactifs plus avancés, avec un accent sur l’animation et la dynamique. https://www.framer.com

    Principaux avantages de Framer

    1. Prototypage Avancé et Interactif : Framer est reconnu pour ses capacités de prototypage interactif et dynamique. Il permet aux designers de créer des prototypes très détaillés avec des animations complexes et des interactions personnalisées. Cela est particulièrement utile pour simuler le comportement réel d’une application ou d’un site web.
    2. Intégration du Code : Un aspect unique de Framer est sa capacité à intégrer des éléments de codage directement dans le processus de design. Les designers peuvent utiliser du code pour ajouter des fonctionnalités avancées à leurs prototypes, ce qui offre une flexibilité et une personnalisation bien plus grandes par rapport à d’autres outils de prototypage.
    3. Collaboration et Partage en Temps Réel : Framer facilite la collaboration entre les membres de l’équipe en permettant le partage et l’édition en temps réel des projets. Cette fonctionnalité assure que les équipes peuvent travailler ensemble de manière efficace, peu importe leur emplacement, et apporter des modifications instantanées.

    8️⃣ UXPin : le spécialiste des animations

    On l’a beaucoup utilisé chez Wexperience. Combine le design et les prototypes avec des fonctionnalités avancées pour le design system et la documentation. https://www.uxpin.com

    Principaux avantages de UXPin

    1. Conception et Prototypage Avancés : UXPin se distingue par ses capacités de conception et de prototypage avancés. Il permet aux designers de créer des prototypes interactifs et réalistes avec des états, des variables, et des interactions complexes. Cette approche approfondie est idéale pour simuler fidèlement l’expérience utilisateur finale.
    2. Intégration du Design System : L’un des plus grands atouts de UXPin est son soutien robuste pour les systèmes de design. Les équipes peuvent créer et gérer des bibliothèques de design, assurant une cohérence et une réutilisabilité dans l’ensemble de leurs projets. Ceci est crucial pour les grandes équipes et les entreprises souhaitant maintenir une uniformité dans leurs produits.
    3. Collaboration et Commentaires en Temps Réel : UXPin facilite la collaboration entre les membres de l’équipe et les parties prenantes. La plateforme permet des commentaires en temps réel directement sur les prototypes, ce qui simplifie le processus de révision et d’itération. Cela permet une communication plus efficace et une prise de décision rapide lors du processus de conception.

    9️⃣ Proto.io

    Permet de créer des prototypes très interactifs et réalistes sans avoir besoin de coder. https://proto.io

    Principaux avantages de Proto.io

    1. Prototypage Interactif et Réaliste : Proto.io excelle dans la création de prototypes interactifs qui peuvent imiter de près le comportement et l’apparence des applications finales. Les utilisateurs peuvent créer des animations complexes et des interactions dynamiques, ce qui est idéal pour tester et présenter des concepts de design.
    2. Aucune Compétence en Codage Requise : L’un des plus grands avantages de Proto.io est qu’il ne nécessite aucune compétence en programmation pour créer des prototypes avancés. Cela le rend accessible à une large gamme d’utilisateurs, y compris les designers qui n’ont pas de fond en développement.
    3. Large Éventail de Composants et de Modèles : Proto.io offre une vaste bibliothèque de composants UI prêts à l’emploi et des modèles personnalisables. Ces ressources permettent aux utilisateurs de gagner du temps et d’améliorer l’efficacité du processus de design, en facilitant la création rapide de prototypes esthétiques et fonctionnels.

    🔟 Fluid UI : le fortiche en mobilité

    Un outil simple et rapide pour la création de prototypes, particulièrement adapté pour les applications mobiles. https://www.fluidui.com

    Principaux avantages de Fluid UI

    1. Rapidité et Facilité de Prototypage : Fluid UI est conçu pour faciliter un prototypage rapide et efficace. Avec une interface utilisateur intuitive et une bibliothèque étendue de widgets et de composants prédéfinis, les utilisateurs peuvent assembler rapidement des prototypes d’applications mobiles et web.
    2. Large Bibliothèque de Widgets : Fluid UI offre une vaste bibliothèque de widgets et de composants UI, couvrant une multitude de systèmes d’exploitation et de styles, comme iOS, Android, Windows et Material Design. Cela permet aux designers de créer des prototypes qui correspondent précisément aux lignes directrices de style de diverses plateformes.
    3. Collaboration et Partage Faciles : La plateforme permet aux utilisateurs de partager leurs prototypes avec les membres de l’équipe, les clients ou les parties prenantes, et de recevoir des retours en temps réel. Cette fonctionnalité de collaboration en ligne facilite la communication et accélère le processus de révision et d’itération du design.

    Vous en connaissez d’autres ? N’hésitez pas à les partager en commentaire.

  • Au-delà des Démos : Comprendre l’Impact Réel de l’IA dans le Design

    IA et design.

    C’était le sujet de la table ronde organisé par Nicolas LEPELLEY, ex head of design de Norauto avec Julien Boyer, Vincent Claudepierre et Damien Cavaillès.

    Un débat passionnant, mais qui m’a quand même laissé un peu sur ma faim… et pour une bonne raison.

    J’en suis ressorti avec la désagréable sensation qu’entre les discours dithyrambiques sur les potentialités des IA génératives et la réalité, il y a avait un fossé de plus en plus grand que l’on allait commencer vraiment à avoir du mal à masquer.

    Un Pont entre Idéation et Réalité, mais Pas un Remplaçant des Designers

    Car, il en ressort deux choses :

    1) Non, les IA génératives ne vont pas remplacer des jobs et…

    2) dans la chaîne de production de valeur, pour ce que j’en ai vu, elles restent plus des idées d’idéation, de structuration, que de productions de livrables.

    Autrement dit, contrairement aux discours qui courent, on ne peut pas utiliser des IA génératives pour livrer des produits finis. Que ce soit pour du design d’interface, de la génération d’image ou du design produit.

    L’IA générative n’est pas faite pour ça… et pour l’heure, on voit mal comme elles pourraient arriver à un tel niveau de performance qu’elles remplacent des jobs de concepteurs, de designers, ou d’intégrateur.

    Le fossé est trop grand entre la promesse des démos et la réalité.

    Et contrairement à ce que j’affirmais avec un de la provocation, non, le job de designer n’est pas mort 🙂 et ne disparaîtra pas avec l’arrivée des IA génératives.

    Réinventer la Créativité : Comment l’IA Générative Transforme les Tâches et l’Innovation

    Qu’est-ce que j’en retiens, alors ?

    1) De toute évidence, les outils d’IA génératives sont des accélérateurs dans certains cas.

    Par exemple, pour faire de la génération d’images pour des mockups de présentation ou des proto.

    On ne passe plus par une banque d’images, on génère à la volée, et rapidement, des images et du texte, permettant de créer rapidement des visuels séduisants et puissants… là où, sans doute, il y a encore un an, on avait du mal à récupérer du vrai texte et des images….

    En code, un outil comme Github copilot aide à accélérer la production de code, mais sans pour autant, générer des programmes entiers. Là encore on est très très loin des démos où l’on voit une app entière créée par la magie d’un prompt.

    2) En fait, on a deux sortes de renforts grâce à l’IA.

    a) Renfort par la prise en charge de tâches simples par l’IA. Un exemple simple, je fais beaucoup d’illustrations pour mes articles dans lesquelles je détoure mes personnages. Pour cela, je fais appel à l’IA de Photoshop et ça me fait gagner pas mal de temps. C’est de l’IA, mais il n’y a pas besoin d’être savant pour l’utiliser.

    b) Renfort dans toute la phase d’analyse et de préparation au projet…

    Autrement dit, les IA génératives sont plus utiles comme outil d’accélération de la préparation d’une recherche utilisateur, préparation de mockups de démo, préparation de documentation, etc…

    3) Y a-t-il besoin d’apprendre l’IA, comme on lit si souvent ?

    Ma conviction, c’est non.

    L’IA se présente comme des outils, et même si il y a bien un art du prompt, c’est loin d’être réellement une science. Et, à terme, d’ailleurs, on devrait peu à peu voir disparaître ces prompts longs, parfois redondants, inutilement bavards, et surtout peu pratiques pour passer des paramètres.

    4) Mais alors, rien ne change ?

    Si ! Mais pas de la manière spectaculaire dont on peut se l’imaginer.

    D’abord, on est dans une phase ascendante d’innovation, et, en UX, en tout cas, on devrait voir apparaitre dans les mois qui viennent des IA génératives spécialisées pour nos métiers (ce qui est déjà le cas, en fait, je pense à Odaptos)

    Ensuite, il est clair qu’au fur et à mesure du temps, les salariés vont s’emparer de diverses manières des outils utilisant l’IA (exemple : retranscription d’audio, traduction automatique, résumé de textes etc, etc) et que cela se fera sans doute de manière très transparente, et sans qu’on s’en rende compte vraiment 😁

    5) Faudra-t-il se former à l’IA ?

    Bien sûr que non (hormis pour ceux qui développent des algorithmes d’IA), mais, en revanche, il faudra sûrement apprendre tout ce que peuvent faire pour vous les outils dopés à l’IA. Passer à côté de ça sera comme passer à côté d’un oasis dans le désert.

    J’utilise de l’IA tous les jours, je n’ai absolument pas eu besoin de me former.

    En revanche, il est indispensable de rester en veille sur le sujet, mais exactement comme lorsqu’on reste en veille sur des outils.

    Au-delà de la Hype de l’IA : Démystifier les Promesses et les Réalités

    Je crois qu’il est temps de raisonner au delà de la « hype » quand on parle d’IA.

    On voit tous passer des démos bluffantes qui nous font dire qu’on est à l’aube de grands changements.

    Mais ces vidéos sont souvent des démos, mettant en exergue des réussites au milieu de centaines d’échecs. Elles ne nous font pas voir la réalité, qui est bien plus complexe.

    Je vous reporte d’ailleurs à la démo de Gemini de Google, beau fake en la matière. Non pas que Gemini n’existe pas, mais que, pour la cause marketing et promotionnelle, Google a largement enjolivé la réalité (comme toujours, d’ailleurs, vraiment rien de nouveau sous le soleil).

    Quoiqu’il en soit, remercions ceux qui, comme Nicolas LEPELLEY, ou comme Mathieu Crucq 🦖 qui n’hésite pas à partager ses recherches en public, ou comme Étienne Mineur, en matière de design, et sûrement encore beaucoup d’autres qui font actuellement bien plus pour l’IA, que les spécialistes du post qui vous propose de gagner des millions en faisant de l’IA. Merci à eux !

  • 2024, la fin des designers ?

    Où se trouvera le rôle des designers en 2024 ? Avec l’arrivée massive des IA génératives, la multiplication des design systems, des composants en libre accès, des solutions nocode où se situera le rôle des designers ?

    Ne faire que du Figma pourra vite vous jouer des tours, car la capacité des nouvelles solutions de création de site, basées sur l’IA vont rendre peu à peu inutile ce rôle.
    Il sera facile pour n’importe qui de taper un prompt, puis de paramétrer quelques éléments de style, pour générer une interface.
    A quoi, dès lors, servira un UI designer ?

    Ne faire que de la recherche vous bloquera de plus en plus dans l’accès à de nombreuses entreprises qui préfèrent payer un designer d’interface qui sait faire de la recherche qu’un researcher qui ne sait pas faire d’interface.

    Mais plus encore, la recherche sera-t-elle encore nécessaire quand on sait qu’il est possible désormais de créer des testeurs synthétiques pour évaluer une interface ?
    Il est donc probable que les UX designers voient leur métier profondément changer en 2024 et qu’ils devront ajouter des nouvelles cordes à leur arc s’ils voudront continuer à être employable :

    1️⃣ Savoir correctement évaluer et mesurer la valeur de l’UX et du ROI qu’elle rapport à une entreprise (et, je vous avoue que ce n’est pas simple à faire, mais pourtant de plus en plus indispensable)

    2️⃣ Savoir mettre en place les bons outils au sein de leur organisation pour produire plus rapidement et par plus de collaborateurs non UX des interfaces.

    3️⃣ Savoir mieux exploiter les possibilités des IA génératives pour accélérer de nombreux process de recherche et de production (ce qui rejoint mon point 2)

    On exagère ? Pas tant que cela. Que ce soit chez nous, en France, ou aux US, le monde de l’UX est en train de traverser une grave crise. Même son rôle n’est pas à nier, il doit savoir montrer (contrairement aux métiers du code) à nouveau son véritable valeur à une entreprise.

    Faire des maquettes, oui, mais ça n’est pas suffisant.

    Faire de la recherche, oui, mais ça ne rapporte pas assez vite !

    Autre chose encore, d’après-vous ?