Match Ergonomie Versus Design – Qui gagne ?

Pour beaucoup encore aujourd’hui, l’ergonomie reste quelque chose d’abstrait, je m’en rends compte au quotidien. Pour beaucoup, si le site est design, il est ergonomique, quand on sait ce qu’est l’ergonomie.

Définitions rapides :

– le Design – ou le graphisme -, c’est l’aspect visuel, beau et chiadé d’une interface. C’est l’effet « Waow ! »

– l’Ergonomie, c’est l’aspect pratique, c’est l’effet « je sais où je dois aller pour trouver (ou pas) l’info »

Je vous la fais courte et efficace, je sais que votre temps est précieux.

A gauche = +25% de clics sur le bouton rouge par rapport à droite.

Source : WhichTestWon.com

Si la version de droite semble plus jolie et flatte davantage l’ego de son propriétaire. C’est la version Design. Le bouton d’action est par contre peu explicite « get it now » (hein, get quoi ?) malgré une intro plutôt intéressante.

La version de gauche montre beaucoup plus clairement où il faut cliquer, et à quoi sert ce clic (« Download the whitepaper »). Même sans bien expliciter ce que contient le papier blanc, les gens cliquent.

L’Ergonomie gagne sur le Design.

Évidemment, le top est de pouvoir combiner Ergonomie ET Design ! Tout un art…

Source : WhichTestWon

Publié

dans

par

Romain Boyer

Étiquettes :

, , , , , , , ,

Commentaires

25 réponses à “Match Ergonomie Versus Design – Qui gagne ?”

  1. Avatar de Pierro
    Pierro

    L’ergonomie, ou le moyen de faire passer la logique pour une science…

  2. Avatar de Romain Boyer
    Romain Boyer

    oulah ! il faudrait déjà définir la science et là, c’est un large débat que de définir si l’ergonomie est une science ou pas.

    Mais effectivement, la plupart du temps, c’est de la logique. Mais la logique se perd avec la recherche du « beau » 🙂

    Il est important parfois de revenir à des choses simples et fondamentales.

    Merci pour ton commentaire en tout cas

  3. Avatar de Chak
    Chak

    Je travaille régulièrement sur des sites, landing page et amélioration de sites. Selon moi, un graphiste se doit de combiner les deux : attrayant et efficace. Le design et l’ergonomie sont indissociable, l’un ne va pas sans l’autre. Donc pas de clash entre ergonomie et graphisme pour ma part 😀

  4. Avatar de Romain Boyer
    Romain Boyer

    Félicitations Chak ; ce n’est malheureusement pas souvent le cas. les graphistes n’ont pas tous ce penchant ergonomique et écoutent bien souvent ce que leurs commanditaires leur demandent de faire.
    Graphiste et Ergonome sont deux métiers différents même si, à force, les deux métiers se rapprochent l’un de l’autre 😉

  5. Avatar de Chak
    Chak

    Tout à fait ! le métier d’ergonome, qui n’est pas suffisamment répandu, est très important. En général, peu de boîtes jugent utile de créer le poste et refilent ça au chef de projet web (et c’est là que les ennuies commencent ^^)

  6. Avatar de Romain Boyer
    Romain Boyer

    Voire même, si je voulais tirer le trait un petit peu, dans l’absolu, l’ergonome et le graphiste devraient se tirer la bourre, le graphiste pour garder un peu de beau, l’ergonome pour faire de l’efficace.

    « Mais si je le fais plus gros le bouton, ça va être moche »
    – Je m’en fous, les gens cliquent pas, je veux qu’ils cliquent ! »

  7. Avatar de Robin Azéma
    Robin Azéma

    Ralala décidément je crois que l’ergonomie va rester méconnue pendant encore pas mal d’années quand je vois certains commentaires.

    Pierro, c’est sur toi tu es du métier, tu as tout compris, tu as du bosser des heures avec des ergonomes compétents et observer leur démarche scientifique je suppose ?
    Ce qui te semble être du bon sens ne l’est pas pour tout le monde, tu crois que mon grand père utilise le web de la même façon que nous par exemple ?

    Quand à cet article, c’est sympa pour l’ergonomie (je suis un ergonome en devenir), mais comme Chak je pense qu’il ne devrait pas y avoir de rivalité : le graphiste est un créatif, ce que ne devrait pas vraiment être l’ergonome.

    L’ergonome c’est justement le penchant scientifique, l’ergonome mesure grâce à une méthodologie rigoureuse et des techniques de recueil de données. C’est plus un aide au concepteur, une garantie de la prise en compte de l’utilisateur final et de ses besoins.

    D’ailleurs, l’ergonomie n’est pas qu’une question d’interface, c’est l’interaction globale avec le système, pas que l’aspect visuel.

    Je crois que je ne vais pas tarder à rédiger un article pour redéfinir ce qu’est l’ergonomie car le monde du web en a une image très réduite et faussée.

  8. Avatar de Chak
    Chak

    Et j’ajouterai que l’ergonome ne doit pas être créatif justement pour permettre d’avoir le recul que le graphiste n’aurait pas forcément.
    Et comme toute science, l’ergonome en est une car elle observe et analyse les comportements des utilisateurs suivant leur classe sociale, économique et sur tout un tas de critères. Ca revient à analyser le comportement des utilisateurs et de savoir comment rendre un site le plus adapté au type d’utilisateur ciblé. L’expérience
    @Robin Azema, tu dois sûrement connaitre mais je te file le lien quand même : http://www.ergophile.com. Tu en feras bon usage 😉

  9. Avatar de Chak
    Chak

    PS : dsl au mot « L’expérience » qui …. bin je sais pas d’où il sort en fait ^^

  10. Avatar de Robin Azéma
    Robin Azéma

    Tu devais vouloir parler de l’expérience de l’utilisateur et on t’a dérangé en pleine réflexion Chak 😉

    Oui je connais bien ce site merci 🙂 Et complètement d’accord avec ce que tu as dit.

  11. Avatar de Chak
    Chak

    Ahhhhh oui voilà bien vu ! bin là par exemple, l’ergonome retrouve les mots du graphiste hahaha ! complémentaire c’est ce que je disais lol

  12. Avatar de yannick grenzinger
    yannick grenzinger

    Design est le terme plus utilisé par les anglo-saxons pour parler d’ergonomie …
    En France, on voit le design juste quelque chose de beau alors que c’est bien plus que ça !

    Le problème rencontré souvent c’est qu’on met la présentation avant la fonction (le véritable besoin).
    Le design graphique, la mise en forme, l’habillage doit arriver après le design fonctionnel (ou ergonomie ou encore rendre l’interface utile et utilisable).
    J’ai écris un article la dessus ici : http://ux-fr.com/2011/01/24/principes-de-design-dune-interface-graphique/ 2eme principe

  13. Avatar de Chak
    Chak

    En effet le design est fonctionnel par définition (… racontez pas ça a Starck surtout ^^).

  14. Avatar de Robin Azéma
    Robin Azéma

    Tout simple, design veut dire « conception » à la base, avec tout ce que ça recouvre. Là on comprend que l’ergonomie en tant que discipline est une aide à la conception, donc une aide au design.

  15. Avatar de Pierro
    Pierro

    Si on fusionne un ergonome et un webdesigner moyen, vous savez se que l’on obtient ?
    Un bon webdesigner.
    Comment devient ton ergonome ?
    En se posant les bonnes questions.

  16. Avatar de Robin Azéma
    Robin Azéma

    Hahaha Pierro! Je suppose que tu es ergonome bien sur ? Non j’déconne, pour dire ça il est évident que tu ne l’es pas et que tu ne sais pas ce que c’est, pour toi l’ergonomie c’est le mot utilisé couramment pour dire que c’est facilement à utilisé, point barre, tu ne t’es jamais interrogé plus que ça quoi ; comme la psychologie tu t’en tiens aux définitions de comptoir ou aux reportages de TF1 et M6 j’imagine ?
    Allez, tiens, je vais faire une bonne action en t’invitant à lire des choses de bases pour te faire comprendre :
    http://fr.wikipedia.org/wiki/Ergonomie
    http://cadres.apec.fr/MarcheEmploi/FichesApec/Metiers/ApecViewDetails.jsp?delia=currentArticle_ART_16437||currentTopic_TOP_1386||motherTopic_TOP_1382
    http://www.studyrama.com/formations/fiches-metiers/paramedical/ergonome.html

    J’en mets pas plus tu risquerais de ne pas le lire, mais là ce ne sont que des lectures grands publics, je pense que déjà ça pourra te servir à mieux comprendre.

    PS : rassure moi Pierro, tu as moins de 25 ans ?

  17. Avatar de bgaillat
    bgaillat

    Robin j’ai publié ton commentaire car il est intéressant sur le fond mais merci de rester courtois envers les autres commentateurs sur la forme.
    Soigner le fond plutôt que la forme, c’est ironique pour un ergonome non ? 🙂

  18. Avatar de Robin Azéma
    Robin Azéma

    Haha, bien vu ! Je ne pense pas avoir été discourtois quand même si ? Juste un peu sarcastique, rien de méchant, je ne connais pas Pierro je ne me permettrais pas mais j’avoue que ça me fait hérisser les poils quand je lis des choses comme ça. Si on suit la logique de Pierro : « Vous savez que ce qu’on obtient si on fusionne un webdesigner et un développeur ? Un bon développeur » Ainsi, besoin que d’une seule personne pour créer un site, comme en 1998…

    Et Pierro, pour devenir ergonome en France c’est en général 5 années d’études après le bac, études qui idéalement mélangent psychologie, sociologie, physiologie et informatique dans le cas d’ergonomes spé web/info.

  19. Avatar de Robin Azéma
    Robin Azéma

    Après réflexion sur ton commentaire bgaillat, non ce n’est pas ironique pour un ergonome de soigner le fond plutôt que la forme.. enfin c’est pas l’idéal, l’idéal étant l’optimisation des deux mais on travaille (normalement) sur la forme Et le fond (utilisabilité et utilité recouvrent les deux aspects).

  20. Avatar de bgaillat
    bgaillat

    là je suis 100 % d’accord avec toi 😉

  21. Avatar de Bastien
    Bastien

    Soyons honnêtes, le graphiste qui préfère la version de droite à celle de gauche a vraiment mauvais goût 🙂

  22. Avatar de Chak
    Chak

    C’est clair, mais je pense que l’exemple a été choisi exprès pour donner la victoire à l’ergonome 😀

  23. Avatar de Axel Bouaziz
    Axel Bouaziz

    Bonjour à tous,

    Je viens de lire l’article (oui, je reviens de loin…) et j’aurais quelques « suggestions » à faire.

     » l’Ergonomie, c’est l’aspect pratique, c’est l’effet « je sais où je dois aller pour trouver (ou pas) l’info » »

    -> L’ergonomie ce n’est pas que ça, il manque clairement l’aspect IHM qui est TRES important.
    Pour ma part, l’ergonomie c’est aussi une appréhension de l’UX, qui passe par 3 points essentiels :
    1. « usable » -> ca se lance vite, ça crash rarement, ça présente un flow logique, l’user n’a pas besoin d’un manuel
    2. « desirable » -> offrir une expérience nouvelle, si possible agrémentée de nouvelles fonctionnalités ou d’extra features style geoloc…
    3. « useful » -> ta solution résout un vrai problème !

    « A gauche = +25% de clics sur le bouton rouge par rapport à droite. »

    -> Rien de spécialement étonnant, ça a été mieux conçu, le call to action est centré et bien visible, testimonial qui suit le mouvement de l’oeil et 2 solutions pour retenir le visiteur lorsqu’il scroll vers le footer

    « Si la version de droite semble plus jolie et flatte davantage l’ego de son propriétaire. C’est la version Design. Le bouton d’action est par contre peu explicite « get it now » (hein, get quoi ?) malgré une intro plutôt intéressante. »

    -> Franchement je demande à le voir le « designer » qui te dira que c’est la version Design des deux ^^

    Je finirais en exprimant un point de vue (personnel) : si demain vous cherchez à engager un design et qu’il n’est pas foutu d’être un minimum averti des pratiques d’UX et d’ergonomie, ce n’est même pas la peine de travailler avec lui. Aujourd’hui les bons designers font des designs harmonieux tout en respectant ces contraintes la au maximum 😉
    Je vous invite à regarder le travail de certaines de ces personnes, je pourrai vous citer Sacha Greif, Prakash Ghodke, Luke Seeley et encore bien d’autres.

  24. Avatar de Romain BOYER
    Romain BOYER

    Bonjour Axel et merci pour ta contribution ici,

    il me semble bien que ce dont je parlais traitait de l’IHM même si j’ai volontairement choisie une phrase très réductrice pour simplifier. A part le point 2, je trouve que ma phrase incorpore tout ce que tu as dit. Si ça crashe, que ça ne va pas vite, ça n’est pas ergonomique et ça te bloque dans l’atteinte de ton objectif : obtenir l’info. De même, concernant le point 3, l’ergonomie résoud un problème : permettre d’atteindre l’info.

    Juste un petit désaccord sur le point 2 donc quant à dire que l’ « expérience nouvelle » fait partie de l’ergonomie, je dirais que c’est un peu antinomique. Je dirais même que l’une représente un blocage pour l’autre ? Une interface innovante offrant une expérience nouvelle va à l’encontre des habitudes et donc de l’ »utilisabilité ».

    « -> Franchement je demande à le voir le « designer » qui te dira que c’est la version Design des deux ^^ »

    disons « qui se veut la version Design » ? la volonté est claire en tout cas.

    Au final, je n’ai pas l’impression de vraies divergences, je suis rassuré car je ne voyais pas ce qui pouvait prêter à débat dans ce post 😉

    Bon dimanche

  25. Avatar de Axel Bouaziz
    Axel Bouaziz

    Merci pour ta réponse Romain,

    De nouvelles fonctionnalités entraînent bien entendu une expérience nouvelle, qui, il est clair, n’est pas dans l’habitude des utilisateurs.

    Cependant, en la rendant accessible et donc en travaillant l’UX pour le coup 😉 la tu auras une fonctionnalité qui s’intégrera dans les habitudes de tes clients.

    Ce n’est donc pas (pour ma part) un blocage mais il est clair que c’est très dur de concevoir tout ça de A à Z…

    Bon dimanche à toi aussi Romain

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

  • Magento Commerce, Le Guide complet de la solution
    Aujourd’hui, face à la pression croissante du marché des e-commerces, les entreprises cherchent des solutions leur permettant de générer plus de revenus et d’améliorer l’expérience client. le CMS Magento est une plateforme de commerce électronique extrêmement puissante qui offre un large catalogue de fonctionnalités avancées pour les commerçants souhaitant se démarquer. Dans cet article, nous […]
  • Les documents officiels d’une entreprise en France
    Lorsqu’on décide de créer une entreprise en France, il est important de savoir que cela nécessite certaines formalités administratives. En effet, il est obligatoire de fournir certains documents officiels pour pouvoir immatriculer sa société. Dans cet article, nous allons vous expliquer les différentes démarches à réaliser pour créer votre entreprise, ainsi que les documents officiels […]
  • C’est quoi le motion design ?
    Ont dit souvent qu’une image vaut mille mots. Mais alors que dire d’une animation ? Du mouvement, des graphiques et des images animées : la combinaison parfaite pour créer un projet unique et expliquer n’importe quel sujet. C’est ça le motion design. Pourquoi devriez vous introduire le Motion Design dans votre arsenal de techniques de […]
  • Comment créer une boutique en ligne avec succès ?
    Face à l’explosion des ventes en ligne et de la création de nouvelles boutiques chaque jour, la question qui se pose est : comment créer une boutique en ligne avec succès ? En effet créer sa propre entreprise sur internet ne nécessite pas forcément d’importants investissements mais demande par contre quelques bonnes connaissances. Il faut […]
  • Logistique : pourquoi et comment travailler dans ce secteur ?
    La logistique désigne l’ensemble des activités qui permettent de planifier, d’organiser, de contrôler et d’exécuter les opérations liées à la gestion des flux de biens et de services. Elle englobe plusieurs étapes dont les principales sont le transport, le stockage, la manutention, la distribution, le conditionnement et le traitement des retours. En raison de son […]
  • Semrush : la solution pour maitriser de A à Z son SEO
    Si vous faites du e-commerce, voir même si vous êtes « juste » éditeur de site web ou webmaster, vous avez certainement touché un peu au SEO, le référencement naturel. Que ce soit vous même ou avec l’aide d’une agence SEO , ce canal d’acquisition est devenu réellement indispensable au fur et à mesure des années. Indispensable […]
  • Big Commerce augmente (lui aussi) ses tarifs !
    C’est une réaction qui fait peu de surprises dans le monde de l’e-commerce mais qui ne va quand même pas plaire aux principaux intéressés. BigCommerce, une des solutions concurrente à Shopify, Prestashop, Wizishop et autre, annonce que ses prix vont se voire augmenter dès maintenant pour tous ses marchands. Pourquoi ce n’est une surprise pour […]
  • Play To Earn (P2E) : définition et fonctionnement
    L’univers du gaming connaît une grande révolution depuis quelque temps. On observe une montée en puissance des jeux qui donnent la possibilité de gagner de l’argent en s’amusant. Parmi les jeux qui ont le vent en poupe actuellement, on retrouve le Play to Earn. Plus connu sous l’abréviation P2E, le Play to Earn est ce […]
  • NFT : définition et objectif
    Pour ceux qui sont familiers à la cryptomonnaie, il est facile d’adopter le NFT et son mode de fonctionnement. Cette technologie est répandue depuis 2021. Elle est avantageuse aux artistes, aux joueurs de jeux vidéo et à divers investisseurs. Elle a plusieurs objectifs qui visent à améliorer l’environnement de la crypto technologie. Les amateurs de […]
  • NFT : Les Top 10 les plus chers
    L’année 2021 a connu une croissance massive de la technologie blockchain et des crypto-monnaies. Ce phénomène a été observé au niveau du capital du marché et du développement des différentes infrastructures en rapport avec ces deux domaines. La montée en flèche des Jetons Non Fongibles (NFT) a attiré l’attention suite aux ventes historiques enregistrées sur […]
  • Comment créer et vendre un NFT ?
    Le NFT signifie en anglais ‘’Non Fungible Token’’ et en français ‘’Jeton Non Fongible’’. Il s’agit d’un bien numérique non irremplaçable par un autre, ce qui n’est pas le cas avec les billets d’argent. Il se décline en plusieurs formes dont les tweets, œuvres d’art numériques et noms de domaines. Ces derniers sont achetés par […]
  • Quelles cryptomonnaies risquent d’exploser d’ici 2025 ?
    Alternatives aux monnaies émises par les banques pour certains, outils de spéculation pour d’autres, les cryptomonnaies sont devenues en peu de temps une technologie omniprésente dans notre quotidien. Entre 2020 et 2021, Bitcoin a atteint des chiffres record. Des personnes qui avaient fait l’acquisition de cette monnaie plus tôt se sont retrouvées du jour au […]
  • Akeneo : Le PIM qui est en train de conquérir le E-commerce
    Aujourd’hui, nous nous retrouvons face à un monde constamment connecté, qui exige une gestion optimale des informations et une expérience produit de qualité. Surtout dans un monde Omnicanal. Pour répondre à ces besoins en constante évolution, il est souvent nécessaire de centraliser les informations produits au sein d’une même interface afin de les diffuser de […]
  • NFT : Pourquoi les acheteurs dépensent-ils des millions ?
    Sur internet ou ailleurs, vous avez certainement entendu parler des NFT. Ce sont des images qui peuvent paraitres banales mais dont le prix de vente atteint facilement des sommes à 7 chiffres. Les frais des transactions concernant les NFT sont tout aussi impressionnants. Nombreux sont ceux qui ne comprennent pas comment ce système fonctionne. Pourtant, […]
  • Avis Wizishop : Que penser de Wizishop en 2023 ?
    Explorer Wizishop : Avis clients et engagements offerts pour la création de boutiques en ligne Face à l’explosion de l’activité et des besoins en matière de commerce en ligne, Wizishop s’est imposé ces dernières années comme une solution française complète pour la création de boutiques en ligne et la vente de produits. Mais avant de […]
  • Play To Earn (P2E) : Lesquels sont les meilleurs ?
    Les cryptos de la blockchain gaming ont révolutionné l’univers vidéoludique et sont désormais les options du moment. Ce qui a favorisé la mise en place des jeux Play To Earn (P2E). En fonction des performances affichées par chaque joueur, ceux-ci obtiennent des récompenses en crypto-monnaie et en NFT. Pour s’offrir des expériences de jeu Play […]
  • Quelles sont les meilleures plateformes d’échange de Cryptomonnaie ?
    La crypto-monnaie est un système de paiement numérique devenu populaire en 2022. Des plateformes ont été créées pour faciliter les échanges dans l’univers de la cryptomonnaie. Appelées plateformes de crypto monnaies ou échange crypto, les plateformes d’échanges ou exchanges sont des marchés centralisés. Elles permettent aux utilisateurs de faire du trading, d’acheter et de vendre […]
  • Shopify Winter édition propose plus de 100 nouveautés !
    C’est la deuxième fois déjà que Shopify nous propose un « pack » de nouvelles fonctionnalités pour optimiser et booster son site e-commerce. La première fois, c’était en été 2022 avec la Shopify summer Edition. Cet hiver, Shopify remet le couvert avec la winter édition et nous propose plus de 100 nouveautés à venir profiter directement, sans […]
  • Où trouver les meilleures informations sur les Cryptomonnaie ?
    Le secteur de la crypto-monnaie fait partie des plus évolutifs. Il souffre du manque de stabilité lié à cette devise elle-même. La diversité des crypto-monnaies n’est pas sans conséquence face à cette instabilité. Le cours du bitcoin peut atteindre des sommets aujourd’hui, le lendemain, c’est Ethereum qui chute. Il ne faut pas oublier que les […]
  • Monitoring site web, comment faire et pourquoi ?
    Vous avez un site internet ou un site e-commerce et vous cherchez à savoir si il est en ligne suffisamment longtemps, si il n’y a pas de coupure ou si l’hébergement tient la charge ? Alors il vous faut un outil de monitoring de site ! Que votre site soit un site e-commerce, un site […]
  • Headless, tout comprendre de ce nouveau phénomène
    Vous avez entendu parler de « Headless » mais le terme ne vous revient pas ? Vous ne savez pas comment définir le headless ni ses avantages et ses inconvénients ? Difficile donc de savoir si le headless e-commerce est fait pour vous ?Alors voici toutes les explications et détails pour comprendre de A à Z ce […]