L’approche ‘Mobile First’ adopt√©e par Amazon en Inde

Connaissez-vous la toute nouvelle boutique lanc√©e par Amazon pour le march√© indien ? Elle¬†s’appelle¬†Junglee et pourrait bien pr√©sager de ce que seront les sites web dans quelques ann√©es : Amazon Launches New Website for India. La particularit√© de cette nouvelle boutique est de proposer une s√©lection correspondant aux attentes du march√© indien, mais √©galement de se conformer √† une sp√©cificit√© locale : du fait d’infrastructures d√©faillantes, plus de la moiti√© des acc√®s internet s’effectue via des t√©l√©phones mobiles (In India, 40% of search and 67% of e-commerce is mobile).

La page d'accueil du site indien d'Amazon (optimisée pour les smartphones)

Le fait que la majorit√© des internautes indiens se connectent via un terminal mobile ne pouvait pas √™tre ignor√© par Amazon. M√™me si la nouvelle version en cours de d√©ploiement prend en compte les smartphones et tablettes, ils devaient aller plus loin…¬†surtout¬†plus loin que Flipkart, leur principal concurrent. Ils ont donc d√©cid√© de prendre le probl√®me √† l’inverse et de concevoir une boutique pour les terminaux mobiles qui s’affichent bien sur un √©cran d’ordinateur.

Vous pourriez me dire qu’avec des techniques comme le responsive design ce n’est pas n√©cessaire, car il suffit simplement d’optimiser le code pour que la mise en page s’adapte. Certes, mais √ßa c’est la th√©orie. En pratique le responsive design est une technique de code (ou plut√īt une approche) qui exige une sacr√©e gymnastique et qui est tout de m√™me contraignante. Je parle d’exp√©rience, car le blog que vous lisez en ce moment est cod√© selon ce principe et √ßa n’a pas √©t√© une mince affaire (Nouveau th√®me graphique en HTML5 et responsive design). Ce n’est ainsi pas un hasard si l’on ne trouve que tr√®s peu de sites √† fort trafic en responsive design (√† part le Boston Globe).

La solution est donc de concevoir votre site pour les terminaux mobiles, puis de l’enrichir pour qu’il soit plus performant sur les √©crans d’ordinateurs. L’approche du Mobile First n’est pas nouvelle, car en parlait d√©j√† en 2009 (il y a m√™me un livre √† ce sujet). La solution ultime consiste donc √† coupler ces deux approches : mobile-first responsive web design.

La différence entre dégradation élégante et amélioration progressive

Vous noterez que ce couple Mobile First + Responsive Design est la synth√®se de nombreuses ann√©es de discussions et th√©ories et qu’il repr√©sente la technique de¬†conception¬†la plus¬†efficace¬†et pragmatique. La boutique Junglee est ainsi un bel exemple de pragmatisme en mati√®re de commerce en ligne : pas de fioritures, l’acc√®s rapide aux produits est privil√©gi√© sur tout le reste.¬†Ceci √©tant dit, je ne peux que vous mettre en garde contre les complications et contraintes inh√©rentes √† cette philosophie, elles sont nombreuses et je ne suis pas le seul √† le dire : Where are the Mobile First Responsive Web Designs?.

Au final, l’approche utilis√©e pour Junglee est-elle l’avenir de la conception web ? Je ne saurais le dire, en tout cas de la conception web multi-√©cran. Je n’ai eu de¬†cesse¬†de dire et¬†r√©p√©ter¬†sur mes diff√©rents blogs que beaucoup de choses allaient changer avec l’av√®nement de la mobilit√© et de HTML5, Junglee est l√† pour nous rappeler que l’horloge tourne…

7 commentaires pour “L’approche ‘Mobile First’ adopt√©e par Amazon en Inde”

  1. Posté par Philippe a dit : le

    C’est le th√®me du livre que je lis en ce moment http://www.abookapart.com/products/mobile-first

  2. Posté par Fred Cavazza a dit : le

    Et il est bien ?

  3. Posté par Pascal a dit : le

    Article très interressant !
    C’est √©galement l’un des th√®mes abord√© par le livre Responsive Design, qui est un livre vraiment bien pr√©sent√©. Il traite les diff√©rents aspects du responsive design et √©galement sa mise en application dans une agence web.

  4. Posté par Nicolas a dit : le

    Qd j’utilise Junglee sur mon smartphone Android, pas super impressionn√© par l’aspect “Responsive design” – en fait le site ne fait qu’afficher la version desktop √† la taille de l’√©cran de mon smartphone. Je loupe qqchose ?

    PS: Sinon “mobile first” + “responsive web design” chez A Book Apart sont effectivement de tr√®s bons bouquins.

  5. Posté par Fred Cavazza a dit : le

    @ Nicolas > Non effectivement, si le site ne s’adapte pas bien √† un smartphone, √ßa n’a que peu d’int√©r√™t, si ce n’est ne pas p√©naliser les internautes avec une faible bande passante…

  6. Post√© par Mes 3 sites coup de coeur (f√©vrier 2012) « « FredCavazza.net FredCavazza.net a dit : le

    [...] L√† encore j’adore l’approche minimaliste et la grille de lecture parfaitement marqu√©e. Les couleurs et les traitements graphiques sont d’une sobri√©t√© √† toute √©preuve, mais cette page d’accueil est d’une efficacit√© redoutable. Vous noterez¬†n√©anmoins¬†qu’ils se sont « l√Ęch√©s » sur des fioritures comme une double bordure pour le moteur de recherche ou un bout de scotch pour le carrousel √† droite (truc de ouf !). Et puisque l’on parle du web indien, allez donc faire un tour sur Junglee, une autre boutique √† l’efficacit√© marchande redoutable (cf. L‚Äôapproche Mobile First adopt√©e par Amazon en Inde). [...]

  7. Post√© par L’actualit√© de mes autres blogs (f√©vrier 2012) « « FredCavazza.net FredCavazza.net a dit : le

    [...] L‚Äôapproche ‚ÄėMobile First‚Äô adopt√©e par Amazon en Inde [...]

Laisser un commentaire