Tag : design

Info-ecommerce V3, les premières news

par Benoit Gaillat - Il y a 4 ans

Cela fait quelques mois que je vous ai annoncé une V3 pour info-ecommerce, dans l’édito du 7 février plus exactement, depuis ce temps les étudiants d’Hetic ont super bien bossé et on devrait avoir la version finale  dans la semaine prochaine , oui la semaine prochaine car il reste quelques petites finitions à faire pour vous proposer une expérience de navigation la plus aboutie.

C’est donc la 3eme version du blog en 4 ans de blogging, et oui fin 2009 était publié le premier article : « Peut-on gagner de l’argent facilement avec son site E-commerce ? » Une question toujours d’actualité en cette période de crise.

Pour ceux qui ne se souviennent pas de la V1, voici un petit rappel, vert pomme bien flashy :

blog-info-ecommerce

merci à Kidsdressing pour la capture d’écran 😉

La V2 est celle que vous avez sous les yeux , une déclinaison de gris, plus neutre, pour mettre en avant les images et le contenu des articles :

Blog Ecommerce et actualités E commerce sur Info Ecommerce.fr

Après  plus de 18 mois de bons et loyaux services il est temps de laisser place à une version plus moderne, beaucoup plus lisible et adapté aux tablettes et mobile (du responsive design quoi) .

Pour vous faire patienter voici une petite preview de la future interface, on garde encore un peu de mystère

cestquoi

Rendez vous dans le courant de la semaine prochaine pour découvrir cette V3 !

Benoit Gaillat

Diplômé de l’Hetic et travaillant depuis 10 ans dans l’e-commerce, Benoît est Directeur Conseil E-commerce chez Skeelbox, cabinet de conseil en E-commerce dédié aux marques, distributeurs et PME qui souhaitent réussir leur développement digital et cross canal. Twitter |
Profil sur Google Besoin d’un expert E-commerce ? 01 84 17 08 51.

Aucun commentaire

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.


Le responsive web design en image

par Benoit Gaillat - Il y a 6 ans

Ce n’est pas toujours facile de comprendre les nouveaux concept du web, qui sont parfois bien obscurs pour pas grand chose. Alors quand une vidéo de seulement 1 petite minute arrive à expliquer super facilement un concept comme le responsive web design, je me dois de la partager.

Cette vidéo à été réalisée par Olivier Martineau, fondateur de 42stores à partir de trois sites étant configurés pour faire du responsive web design.

Pour ceux qui n’ont pas compris la vidéo, le  responsive web design est tout simplement la capacité de la feuille de style à s’adapter en fonction de la résolution du navigateur. Cela permet de créer une seule feuille de style pour tous les appareils, que ce soit les mobiles, tablettes ou ordinateurs.

Le principal avantage en référencement est de développer un seul contenu et de l’afficher sur une même url de plusieurs façon, c’est d’ailleurs l’objectif initial des feuilles de syle CSS. Plus besoin d’urls spécialisées comme m.monsite.com ou monsite.com/mobile.

Et bien sûr si un nouveau type de machine apparaît on peut facilement modifier la feuille de style pour prendre en compte cette plateforme, et éviter que votre site ne soit ne soit pas compatible avec l’ipad par exemple. En trichant un peu d’ailleurs je pense que l’on doit pouvoir (en connaissant la résolution précise des appareils) avoir une version spécialisée Iphone ET une (des?) version(s) Android simultanément.

Pour aller plus loin je vous conseil la lecture de cet article sur le responsive design, il contient énormément d’exemples de sites, pour la plupart très beau, ayant configuré du responsive design. Voici un second article, en français, faisant également un bon tour du sujet.

 Vous connaissez des sites E-commerce français faisant du responsive web design ?

Benoit Gaillat

Diplômé de l’Hetic et travaillant depuis 10 ans dans l’e-commerce, Benoît est Directeur Conseil E-commerce chez Skeelbox, cabinet de conseil en E-commerce dédié aux marques, distributeurs et PME qui souhaitent réussir leur développement digital et cross canal. Twitter |
Profil sur Google Besoin d’un expert E-commerce ? 01 84 17 08 51.

1 Commentaire

Une réponse à “Le responsive web design en image”

  1. Francois (Rentashop) dit :

    Je n’en connais pas, mais la demande de « sites ecommerce optimisés pour iPad et iPhone » devient plus concrète, et vu le coût du développement d’une application iPhone, la réponse devrait être … responsive

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.


Match Ergonomie Versus Design – Qui gagne ?

par Romain Boyer - Il y a 7 ans

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

Romain Boyer

Romain BOYER travaille pour des startups eCommerce depuis 2005. À cheval entre la technique et la stratégie, cet adepte des tableaux de bord croise toutes les données pour en extraire ses priorités.

> Suivre Romain sur Twitter : @RomainBOYER
> Son poste : Product Owner eCommerce chez Doctipharma.fr

25 Commentaires

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

  1. Pierro dit :

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

  2. Romain Boyer dit :

    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. Chak dit :

    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. Romain Boyer dit :

    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. Chak dit :

    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. Romain Boyer dit :

    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. Robin Azéma dit :

    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. Chak dit :

    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. Chak dit :

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

  10. Robin Azéma dit :

    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. Chak dit :

    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. yannick grenzinger dit :

    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. Chak dit :

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

  14. Robin Azéma dit :

    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. Pierro dit :

    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. Robin Azéma dit :

    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. bgaillat dit :

    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. Robin Azéma dit :

    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. Robin Azéma dit :

    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. bgaillat dit :

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

  21. Bastien dit :

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

  22. Chak dit :

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

  23. Axel Bouaziz dit :

    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. Romain BOYER dit :

    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. Axel Bouaziz dit :

    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 de messagerie ne sera pas publiée.