Tag : responsive design

eCommerce mobile : les conseils des experts (conception, acquisition, conversion,…)

par Romain Boyer - Il y a 2 ans

S’il y a un domaine qui concentre les réflexions des responsables eCommerce en ce moment, c’est bien le mobile. Auparavant émergent, dorénavant incontournable, il grignote de plus en plus de parts d’audience (il se dit qu’il représenterait 50% du trafic sur les sites eCommerce mais seulement 8% des conversions) et fait baisser votre taux de conversion global. Le mobile, c’est aussi 71% des débuts de parcours d’achat en retail.

Pour Laurent Bourrellyconsultant référencement, Il est « faux de prétendre que le challenge a été surmonté pour les sites e­Commerce. La conversion est catastrophique, la performance est une plaie et c’est globalement encore une couche de complexité à rajouter au projet. »

L’achat est toujours problématique sur smartphone, pour des raisons structurelles

J’ai été recueillir les avis de différents experts de différents horizons et les ai concentrés pour vous (et pour moi) ici. Je n’ai pas pu m’empêcher de donner mon avis également.

Vos avis seront les bienvenus en commentaires pour compléter ces visions.

Acquisition

SEO

En terme de SEO, il est important de rappeler rapidement les bases :

  1. Avoir une version mobile de son site permet d’être ainsi reconnu par Google avec une petite mention « mobile » à côté du résultat qui est plutôt une bonne chose pour le taux de clic (CTR)
  2. La vitesse du site est un facteur qui est important et pris en compte par Google qui a même testé l’affichage d’un drapeau rouge « slow » à côté du résultat de sites lents. Fabien Raquidel, consultant SEO au sein de l’agence seo Vip-agence.com nous confirme : « La vitesse du site est hyper importante, il faut donc passer le « page speed test » de google et être dans le vert »
  3. Vérifiez dans vos messages sur , pardon Search Console, si vous n’avez pas des alertes de Google sur vos compatibilités mobile. Ces problèmes de compatibilité vous vaudront un déclassement d’après Google.
  4. Vérifiez sur l’outil de test de Google si votre site est bien « mobile friendly »

SEA

Pour Florian Marlin, responsable eCommerce (UK) et expert SEA, »il est hélas devenu plus difficile de gérer des campagnes principalement sur mobile via le système de Google depuis les campagnes universelles. Ces dernières ne permettant que d’appliquer un % de hausse ou de baisse aux enchères Desktop pour définir celles du mobile. Il faut donc gérer ses enchères avec attention, et constamment garder un oeil sur le rapport des performances par appareils pour analyser les impacts sur Mobiles. »

Conception

La conception de sites mobiles est bien compliquée. Rendue simple par les frameworks de développement, cela nécessite quand même de se poser pas mal de question sur l’organisation des blocs, ce qui doit apparaître ou pas. Deux leitmotivs émergent des conseils qu’on peut entendre ça et là : Mobile first et Simplifier ! (avec le point d’exclamation !).

Mobile first

Mobile first, on en entend beaucoup parler en ce moment. C’est beaucoup plus rarement appliqué. Il faut une logique sensiblement différente de ce qu’on a connu jusqu’ici pour aller pleinement dans cette démarche qui vise avant tout à simplifier les interfaces, sur mobile mais aussi sur ordinateur de bureau, et penser à ce qui est essentiel est ce qui l’est moins.

René Cotton  » lors de la mise en place de sa boutique, il faut penser directement mobile (indispensable pour ne pas manquer des opportunités de chiffre d’affaires; notamment depuis la mise à jour récente de l’algorithme mobile de Google.). Et faire les tests aussi sur cette version. »

Pour Benoît Gaillat, il faut « Concevoir mobile et étendre au desktop plutôt que l’inverse ». « Ne pas uniquement penser à faire du responsive, c’est pas toujours adapté ». Benoît évoque également l’importance des ressources lourdes et conseille « des images les plus légères possibles et surtout pas celles par défaut du site classique »

Pour Julien Bonnel, il faut « considérer le mobile comme le canal prioritaire et privilégié autant sur l’acte d’achat que pour la relation client ! »

Simplifier !

Un consensus se fait de la part des experts sur le fait de simplifier l’expérience sur le mobile. Aller à l’essentiel, réduire les fonctionnalités pour mettre en avant ce qui est vraiment nécessaire. Gardez les 20% qui sont utilisés par les 80% de vos utilisateurs et planquez ou supprimez le reste !

Les témoignages de nos amis experts vont dans ce sens en tout cas !

Fabien Raquidel « Il faut pour moi simplifier le plus possible afin de mieux convertir
il faut donc que les boutons ajouter au panier soit bien mis en évidence et bien centrés, un menu allégé sans scroll, un truc tout bête le logo de la marque cliquable nous avons trop l’habitude de cette fonction. Je trouve globalement le site toysrus.fr réponds bien aux bonnes pratiques mobile ; leur bouton « ajouter au panier » toujours visible, je trouve que c’est très efficace »

Laurent Bourrelly : « L’erreur est de prendre le mobile comme une déclinaison de la version desktop. Avoir un site en Responsive Web Design n’est pas une garantie de réussir à performer sur mobile.

Et surtout ce n’est pas suffisant pour relever le challenge. Par exemple, le responsive ne va pas résoudre le problème d’obligation d’ouverture d’un compte pour réaliser un achat.

C’est déjà un frein sur desktop, alors que ça devient carrément bloquant sur mobile. D’ailleurs, sur mobile, il est parfois plus simple de privilégier la mise en relation téléphonique, plutôt que s’entêter à vouloir absolument pousser à la transaction en ligne.

Vos visiteurs sont les seuls juges. Plus vous arriverez à vous mettre à leur place et plus ça fonctionnera bien. Attention, c’est plus facile à dire qu’à faire, mais résonner en terme de demande plutôt que d’offre est la clef pour déterminer comment aborder votre stratégie mobile.

Imaginez le profil de vos clients types en fabriquant des user persona. Ensuite, rédigez l’aventure, à partir du moment où le visiteur rentre en contact avec votre marque pour la première fois, jusqu’à l’acte d’achat.

Cela vous oblige à faire des choix, plutôt que rester neutre à tenter de plaire à tout le monde et personne finalement.

Dans tous les cas, sur l’enjeu du mobile, la simplicité est la solution à 99% des problèmes. »

René Cotton « la mise en forme du marketing doit être adaptée entre la version desktop et la version mobile (moins de place du coup besoin d’aller plus rapidement à l’essentiel)
Je suis un fervent défenseur de l’adaptative face au responsive. Je comprends l’intérêt du responsive mais envoyer la totalité du site (html, css, js) pour après masquer des parties sur mobile n’est pas optimisé, surtout si la personne à une mauvaise connexion 3G, voire du Edge. En adaptive, on sert une version du site faite pour le mobile avec en tête de n’envoyer que le nécessaire (mais cela implique un double travail (desktop et mobile)). »

Focus mobile… jusqu’où ?

Pour Emmanuel Brunet, d’Eulerian Technologies, il est important de « faire attention au syndrome « nouveauté / focus excessif ». Beaucoup d’intervenants ont tendance à surpondérer le temps, l’argent et l’énergie attribués à des sujets nouveaux. C’est systématiquement le cas lors de l’émergence d’innovations, qu’elles soient techniques ou marketing.

Dans le cas actuel du mobile, les acteurs ont tendance à traiter ce nouveau terminal et les possibilités marketing qu’il offre comme un nouveau canal, isolé et doté de son écosystème propre, comme si il fonctionnait en silo. Il y a des prestataires spécialisés dans la création d’app, des technos de tracking mobile, des technos spécialisées dans l’achat publicitaire sur mobile, des agences qui revendiquent une expérience mobile… Or les terminaux mobiles, comme les apps auxquelles on les réduit parfois, ne sont que des modalités de connexion et de navigation d’un individu.

L’objectif est donc d’offrir au consommateur une expérience de marque cohérente sur mobile et hors mobile. Il en va de même pour la mesure des performances marketing ou l’achat de l’espace publicitaire. Il faut considérer le travail réalisé par une marque sur mobile comme une modalité en synergie avec la présence de la même marque sur d’autres terminaux mais aussi… hors du monde digital.

Mon conseil est donc de traiter le mobile de la même façon que les autres terminaux et territoires d’exposition de la marque afin de focaliser sa stratégie marketing sur l’Homme et non sur ses moyens de communication. »

Fredéric Cavazza, – consultant indépendant et conférencier – transformation digitale, commerce électronique, mobilité, expérience client… à suivre absolument sur FredCavazza.net -, nous fait remarquer qu’il n’est pas forcément utile de se prendre la tête avec certaines variantes du système d’exploitation de l’iPhone, qui est souvent bien moins représenté dans le trafic (pas chez moi, donc cela dépend) que  les Android notamment : « Oubliez l’iPhone, qui ne représente même pas 20% de parts de marché. Avec en prime un parc vieillissant -> une bonne partie des iPhone sont de 4 ou 4S qui sont équipés d’un écran trop petit, en décalage par rapport à la tendance, du coup, certains boutons d’action en bas d’écran ne sont pas visibles (car les écrans sont conçus pour des iPhone 5 ou 6). »

Conversion

Bien analyser son trafic

L’analyse du trafic, vous le savez, c’est ma grande passion. Elle vous dit beaucoup de choses, même si elle ne vous dit pas tout (vos clients vous diront le reste). Il convient de s’assurer un bon tracking pour avoir les bonnes stats :

Florian Marlin nous conseille ainsi d' »avoir des URL identiques afin d’éviter d’avoir du trafic desktop sur des pages mobiles et inversement (ou au moins un système de super agent qui redirige en auto). » et donc de préférer les modes responsive/adaptative design.

Une fois les remontées de données optimales, il faut analyser ses données pour comprendre où cela pèche. Quel taux de rebond en fonction des pages et des sources ? Est-ce normal en fonction de ces entrées ? Quel temps passé en fonction des contenus ? L’objectif que vous avez pour chaque modèle de page est-il atteint ?

Olivier Marx, fondateur digiRocks & Altics suggère « d’analyser sur Google Analytics les taux de conversion et les parcours MOBILE de ses clients et d’en tirer 3 conclusions et 5 actions d’amélioration à court terme ».

Il est important de rappeler qu’en fonction des spécificités de chaque site Internet, la répartition du trafic ne sont pas les mêmes. Laurent Bourrelly, rappelle ainsi : « Même pour des sites similaires, les statistiques peuvent drastiquement changer. Romain me disait avoir 50% d’utilisateurs sous mobile, alors que je ne dépasse pas 10%. »

Se mettre à la place de ses utilisateurs

2 principes globalement et généralement applicables quand on veut optimiser sa conversion : 1. se mettre à la place des utilisateurs 2. Être à l’écoute des utilisateurs, l’un aidant généralement l’autre.

Certains sont au contraire des inconditionnels du mobile, comme Julien Bonnel qui conseille de « considérer le mobile comme le canal prioritaire et privilégié autant sur l’acte d’achat que pour la relation client car les parcours client étant de plus en plus omnicanal les commerçants se doivent de fournir une qualité d’interaction client irréprochable quelque soit le canal physique ou digital utilisé par le client ! »

Adaptez vos pages clés

Pour Benoît Gaillat, directeur chez Skeelbox, il faut penser « que la commande risque d’être finalisée depuis un PC classique, il faut donc pouvoir sauvegarder des whishlists et être sûr de bien synchroniser les informations »

Ce point est en effet clé, la plupart des utilisateurs utilisant le mobile comme outil de découverte, et préférant souvent finaliser leur transaction sur tablette ou ordinateur de bureau.

Laurent Penou, expert paiement chez Payzen nous glisse quelques conseils sur la conception de cette page clé : « Si sur une tablette la résolution est le plus souvent supérieure à celle d’un ordinateur, il est possible de conserver la même page paiement. Mais rien ne vous empêche d’avoir une CSS adaptée à l’OS préféré de votre acheteur.

Sur un téléphone ce n’est pas le cas, il vous faudra privilégier une page de paiement responsive ou une CSS adaptée à la place disponible sur le téléphone.

Mais si vous êtes très connu et que votre clientèle veut acheter chez vous, vous pouvez ne pas suivre ces conseils.
Certains sites acceptent des dizaines de milliers de paiement à l’heure avec une page standard…  »

App or not App ?

Les conseils ci-dessus valent surtout pour les sites adaptés aux mobiles. Les avis sont très partagés sur les App. Pour moi, elles conviennent davantage aux eCommerces qui possèdent un public captif et fidélisé. L’appli permet pour ces publics de leur proposer des services supplémentaires grâce aux possibilités des apps (notifications, géolocalisation, rapidité et confort de navigation, fonctionnalités spécifiques,…). L’App a un coût, de conception et de développement bien sûr, mais aussi de maintenance et ce n’est pas négligeable. A vous de bien réfléchir.

Fred Cavazza : « Oubliez les applications mobiles, elles coûtent trop cher à développer, référencer et maintenir. L’important est de rendre vos produits / offres accessibles en quelques secondes. En situation de mobilité, je doute qu’un prospect va prendre le temps de télécharger et de paramétrer l’appli d’un annonceur. Il faut donc donner la priorité au site mobile. »

René Cotton « sur la question de l’application, il faut déjà se dire que le site est indispensable et que l’application est un plus (non négligeable parfois) qui doit avoir un vrai public, on ne se lance pas dans le ecommerce avec de suite une app iPhone et Android. On construit déjà son identité et sa marque puis on vois ce que l’app va pouvoir apporté de plus a son public. »

Laurent Bourrelly : « pourquoi ne pas faire une application mobile si vous avez une valeur ajoutée ? Pourquoi faire une application mobile si vos visiteurs font des achats one shot ? A l’inverse, pourquoi ne pas faire une application mobile si vous avez une valeur ajoutée supplémentaire à la simple offre catalogue ? Est-ce que mes visiteurs sont sur smartphone ou sur tablette ? Sont-ils plutôt iOS ou Android ? »

Si jamais vous voulez faire une App mobile, voici quelques bonnes pratiques soufflées par Olivier Mercuriot, directeur du développement international chez Pickup : « 1. Une vraie app mobile ne rebasculant pas sur site web responsive. 2. Une app qui integre le paiement, le tracing, le service clients et le retour. 3. Du push offres speciales tous les jours.  »

Et pour finir, le conseil app mobile du meilleur d’entre nous, Louis-Alexandre Tachon, Responsable web & fidélité chez Nicolas, « 85% des applications sont désinstallées dans les 30 jours. Il faut faire un gros focus sur l’usage et limiter au max les fonctionnalités pour aller à l’essentiel »

 

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

4 Commentaires

4 réponses à “eCommerce mobile : les conseils des experts (conception, acquisition, conversion,…)”

  1. Romain BOYER dit :

    Autre article intéressant de Criteo avec les 10 tendances du m-commerce et pas mal de chiffres sur Q4 2015 : http://www.blogdumoderateur.com/m-commerce-france-q4-2015-criteo/

  2. joseph dit :

    merci pour cet article très intéressant
    ps: petite faute ; et être dans le vert

  3. Romain Boyer dit :

    Merci Joseph, c’est corrigé.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.


Et si le meilleur responsive, c’était pas de responsive ?

par Romain Boyer - Il y a 4 ans

On voit de plus en plus de discussions au sujet du responsive, en faveur ou contre, tout simplement parce que le mobile prend une place incroyable dans le trafic.

Lors d’une opération sur RoseDeal, Menlook.com a ainsi pu accueillir jusqu’à 25% de trafic en provenance des mobiles dernièrement.

D’où l’importance d’avoir un site adapté au mobile (tablette ou smartphone), tout le monde se rejoint là-dessus.

Le débat se porte principalement sur la question : faut-il avoir un site responsive ou créer un site dédié aux mobiles, voire pourquoi pas une appli dédiée.

Une application dédiée ?

semble une mauvaise idée :

  • d’abord à cause des coûts (une App pour smartphone + tablette pour chaque OS),
  • ensuite parce que la majorité des fonctionnalités qui font l’intérêt de l’application (slide, touch, pinch, etc.) peuvent être créés avec les frameworks Web

Un site dédié aux mobiles ?

pourquoi pas.

Les sites d’aujourd’hui sont souvent créés sur le modèle MVC, Modèle / Vue / Contrôleur, le modèle étant la couche qui accède aux données, le contrôleur celui qui s’occupe de servir les fonctionnalités, et la vue ce qui sert à présenter tout cela sous forme d’interface homme/machine.

Quand on crée une appli ou un site dédié, on crée donc simplement la partie vue. Créer une autre vue web est beaucoup moins complexe que créer une vue dans une application à part, ça peut donc être intéressant et relativement facile à mettre en oeuvre.

Par contre, il faut ensuite dupliquer chaque évolution. Ou pas d’ailleurs car toutes les fonctionnalités du site Web n’ont pas forcément d’intérêt dans une application mobile, c’est ce qui fait le charme de l’application mobile, être efficace. Voyages-SNCF par exemple ne vous proposera pas de spécifier deux cartes de réduction différentes sur l’appli, ce qui simplifie l’affichage.

Un site responsive ?

Le site responsive, c’est celui qui s’adapte en fonction du media utilisé (tablette/smartphone) et de sa résolution. L’idée de base est qu’à partir du même code source HTML, on n’ait à qu’à détecter la configuration du navigateur pour utiliser telle ou telle mise en forme.

Cela force souvent à créer des absurdités, comme mettre dans le code source une partie de code HTML pour les mobiles, et une autre pour les non-mobiles, ce qui peut alourdir considérablement le code source chargé par les mobiles.

Cela oblige encore et toujours à tester chaque développement réalisé sur différentes plateformes pour être sûr qu’on n’a rien cassé.

Ils sont malins chez Amazon, la seule chose qui diffère quand on redimensionne l'écran et l'apparition par défaut ou non des différentes boutiques, le (pré-)déroulé du menu en somme.

Ils sont malins chez Amazon, la seule chose qui diffère quand on redimensionne l’écran est l’apparition par défaut ou non des différentes boutiques, le (pré-)déroulé du menu en somme.

Et pourquoi pas « pas de responsive » ?

Désolé, j’avoue, c’était un titre un peu racoleur… il n’y a pas de solution miracle, les smartphones ont réellement besoin d’une interface dédiée. Une page Web, si simple soit-elle, ne peut pas être présentée de la même façon sur un navigateur qui fait 400px de large ou 1000px, c’est mathématique. Cette réflexion n’est donc pas pour les smartphones.

Par contre, pour les tablettes, il en va autrement.

Je pense qu’il y aurait un vrai intérêt à avoir le même site pour les tablettes et pour les ordinateurs de bureau. 

Simplement parce que simplifier l’interface pour les tablettes reviendrait à rendre les choses plus évidentes pour les navigateurs des ordinateurs de bureau. On travaille beaucoup sur la simplification du toucher parce qu’on le considère complexe, on devrait aussi beaucoup travailler sur la simplification du clic.

Seraient ainsi travaillés :

  • Les boutons d’action, plus gros, plus évident, au dessus de la ligne de flottaison (effort souvent fait pour les tablettes, et assez peu pour le reste)
  • La simplification des menus, avec moins d’éléments, et une navigation plus progressive (ce qui ne déservirait souvent pas le SEO d’ailleurs)
  • le nombre de visuels, en moindre nombre mais plus impactants

Ces actions sont des best practises en terme d’ergonomie, nul doute que des tests A/B montreraient l’intérêt en terme de taux de rebond, de nombre de pages vues et de performances (rapidité et conversion).

Pour conclure, mon conseil ?

parce qu’il faut bien se mouiller à un moment donné.

A mon avis, il vaut mieux :

  • pour les smartphones, avoir une application Web (pas d’application par OS de smartphone donc), avec une vue (template) à part, avec une CSS à part. Ainsi, les développements peuvent être effectués séparément, et le mobile ne ralentira pas systématiquement les développements effectués pour les grandes résolutions. Cela permet aussi d’alléger considérablement le code source pour les mobiles ; et cela permet de sélectionner quelles fonctionnalités sont vraiment utiles aux smartphones ;
  • pour les tablettes et les ordinateurs de bureau, une même vue, simplifiée, avec moins d’éléments, pas trop de colonnes. On prévoit juste de pouvoir détecter si le slide est rendue possible par l’interface, ce qui permettrait aussi une compatibilité avec les ordinateurs de bureau tactiles, de plus en plus nombreux.

Evidemment et comme toujours, cela s’étudie au cas par cas. Mais je serais curieux de vos avis, s’ils sont aussi tranchés.

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

14 Commentaires

14 réponses à “Et si le meilleur responsive, c’était pas de responsive ?”

  1. Mark Le Net dit :

    Et si la solution était plutôt du responsive mais à bon escient ?

    Parce que je je sais pas combien tu as codé de sites tel que tu décris le responsive, mais vu comment tu le décris je serais d’accord avec toi!

    Sauf que le bon responsive, ce n’est pas côté client (l’écran, i.e. smartphone, tablette ou terminal type PC) mais côté serveur (ton site web) que ça se code.
    Et dans ce cas on n’envoie au smartphone que le bon code html (généré ou sélectionné par du code en PHP et/ou des requêtes en BdD) avec la CSS qui lui convient.
    Et si ton codeur (chez moi ça veut dire un ingénieur qui a 10 ans d’expérience au moins) a bien fait son boulot, y a pas besoin de revérifier toutes tes pages sur tout type d’écran ; d’une part il y a des outils pour ça, mais surtout il y a des méthodes et méthodologies à appliquer.

    Mais comme j’en discutais hier avec un « incident manager » d’une grande boîte internationale, le bon sens (qui s’appelle ITIL dans l’industrie) est bien rare…

    Donc, responsive, absolument, mais bien conçu !

    M.

  2. Nicolas dit :

    Le responsive coté serveur ? LOLILOL

    Le responsive doit aussi s’adapter à la taille du navigateur (OK c’est fixe sur une tablette ou un smartphone que tu auras pu identifier en PHP), et ça tu es obligé de le gérer directement en HTML/CSS pour les navigateurs web.

  3. Prestarocket dit :

    Hello,
    Je ne pense pas que le code source html caché va considérablement alourdir une page « responsive ».
    Le problème avec le responsive, c’est qu’on utilise des images surdimensionnées pour la version mobile, du coup ça alourdit énormément la page…c’est là qu’intervient le RESS : responsive design avec composants côté serveur (pour les images par exemple, on charge les images de taille différente en fonction du user agent).
    Autre outil, Modernizr pour détecter les capacités du navigateur et faire du chargement conditionnel de scripts.
    Ce qui m’embête avec les appli dédiées, c’est qu’elles ne sont pas présentes dans les résultats de recherche;

  4. Romain Boyer dit :

    @Mark plutôt d’accord pour le « bon responsive », ça va dans mon sens je trouve 🙂

    pour le coup du codeur qui est ingénieur et a 10 ans d’expérience, et qui est toujours quoi qu’il en soit sujet à risque, ça marche aussi avec un bon CDP (toujours nécessaire) + dév lambda 😉

    @Nicolas je crois qu’on parle de la détection et de l’action faite en fonction, qui peut se faire au niveau serveur ou au niveau des media queries en CSS. Je pense que c’est préférable de le faire au niveau serveur pour les raisons que j’ai évoquées

    @Prestarocket à propos de la taille du code source : c’est que tu n’as jamais vu de code source de 40.000 lignes…
    je suis d’accord sur le RESS, c’est le sens de mon propos effectivement.
    Je vais aller regarder Modernizr que je ne connais pas ! mais dans l’idée ça se code facilement tout de même ?
    Pour les applis dédiées, tu peux toujours rediriger en fonction du navigateur dessus, il y a toujours un équivalent à une page non dédiée qui peut rediriger vers la page dédiée sans trop de souci !

  5. Michel-Ange Masdongar dit :

    « Cela force souvent à créer des absurdités, comme mettre dans le code source une partie de code HTML pour les mobiles, et une autre pour les non-mobiles, ce qui peut alourdir considérablement le code source chargé par les mobiles. »

    Si l’on travaille en dynamique avec des conditions, le code n’est chargé que si l’on est sur le bon device, pas de display:none. Personnellement je travaille avec le CMS Drupal, le module Context permet de travailler de cette façon.

  6. Le responsive ça peut aussi etre :

    Mobile
    Tablette/Desktop
    Ultra HD (1080p et +)

    Après tu dois bien avoir des sélecteurs pour ne charger que la partie utile en responsive non ? C’est rare quand on change de résolution d’une minute à l’autre.

  7. Rien n’empêche d’avoir du responsive pour s’adapter aux multitudes de résolutions. C’est déjà une étape importante.

    Après, pour la mobilité, c’est clair que ce n’est pas la solution ultime et qu’un travail plus conséquent est nécessaire.

  8. Sébastien dit :

    Effectivement, assez tranché votre avis ^^

    Je ne serais pas aussi catégorique. Comme d’autres que j’ai pu voir dans les commentaires, je pense qu’il faut savoir gérer. Pas du responsive partout, pas de non responsive nulle part… En clair, un peu de responsive par endroit, sur les boutons de call action ect pour regérer l’interface sans pour autant changer tout le site.

  9. Webbax dit :

    Hello,

    Assez d’accord avec ce que tu racontes 😉

    Mais un truc qui me frappe c’est qu’au travers de ce genre de questions, on travaille pas trop la question autour de ce problème.

    Si c’est du responsive / mobile pour un blog ou pour un ecommerce, les difficultés sont par exemple très différentes.

    La partie qui me concerne c’est essentiellement le e-commerce, franchement… je pense qu’il faut attaquer le marché du mobile quand vraiment le site classique tient bien la route et qu’on en tire un réel profit.

    Pour faire bien les choses il faut avoir le temps et l’argent… Trop souvent je vois des clients se lancer sur le marché du mobile alors qu’ils ne font même pas le principal correctement.

    Et puis… un site classique restera toujours consultable sur tous les supports, à condition de faire un peu de gymnastique.

    On revoit ça dans 1 ou 2 ans ?

  10. Romain BOYER dit :

    Là tu touches un point sensible !! et tu as oh combien raison..

    le point sensible, c’est qu’on commence très souvent quelque chose avant d’avoir bien terminé les étapes précédentes, on croit qu’attaquer plein de projets avant-gardistes est rentable. Mais est-ce plus rentable que d’optimiser à fond ce qu’on a déjà.

    Je pense que tu as la réponse, et j’aurais tendance à rejoindre ton avis.

    Il faut clairement passer plus de temps à étudier la rentabilité des actions que l’on a menées plutôt que de multiplier les projets.

    Merci

  11. Jérôme dit :

    Bonjour, je crois que cela dépend aussi de la taille du projet. Aujourd’hui, Un site vitrine ou un blog ont besoin d’être consultables sur mobile ou tablette, tout comme un site d’e-commerce peut le nécessiter, seulement les problématiques sont tout de même très différentes. Difficile d’utiliser les media queries pour une usine à gaz mais pour un portfolio, par exemple, je ne vois pas vraiment de contre indication.

  12. Alexeo dit :

    Bonjour,
    Le titre m’a tout simplement interpelé !
    Comme dit Jérôme juste au dessus, les gros sites se doivent désormais d’avoir une version mobile.
    Je pense que le mieux est de dédier une partie du site au mobile via un sous domaine. Ça évite de surcharger le code du site standard.

  13. Romain BOYER dit :

    Un article de GetElastic sur le remplacement des applications natives par des applis Web HTML5 http://www.getelastic.com/why-html5-should-replace-native-apps-for-ecommerce/

  14. Pierre FAY dit :

    Assez d’accord avec toi pour le moment je trouve qu’un design adapté pour mobile est bien souvent mieux qu’un design responsive…ça permet d’avoir une navigation plus spécifique.

    Apres avoir un theme desktop qui s’adapte sur tablette reste indispensable…la dessus le responsive est bien je pense.

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.