Il n’est plus utile de se demander si cela vaut la peine de créer une version mobile pour son site Web. La question est plutôt de savoir comment la créer. Etant donné l’uti­li­sa­tion crois­sante du Web nomade, posséder une version de site Web adaptée aux mobiles s’avère essentiel.  On en­re­gistre notamment une énorme crois­sance du trafic mobile dans le e-commerce. Les ex­ploi­tants de boutiques en ligne ne peuvent ignorer ce phénomène. Beaucoup de ces ad­mi­nis­tra­teurs de boutiques en ligne ef­fec­tuent déjà divers par­te­na­riats pour dé­ve­lop­per leur offre pour les mo­bi­nautes, comme une coo­pé­ra­tion avec le service de paiement PayPal par exemple. Selon LSA, seulement 58% des français sont équipés de smart­phones. Cela assure donc un avenir pro­met­teur au m-commerce (mobile commerce). De nombreux four­nis­seurs de services Web et ex­ploi­tants de sites Internet se demandent à juste titre quelle est la solution optimale pour dé­ve­lop­per leur activité sur mobile. Une ap­pli­ca­tion Web ou native, un site Web res­pon­sive ou sim­ple­ment mobile ? Le choix est dense.

Le site Web mobile classique

Les premiers té­lé­phones portables connectés à Internet ont été dé­ve­lop­pés dans les années 90. Il n’a ensuite fallu que peu de temps pour que les premiers sites Web optimisés pour mobiles fassent leur ap­pa­ri­tion. Comme les écrans d’affichage des premiers té­lé­phones portables ne pouvaient pas re­pré­sen­ter des pages Web so­phis­ti­quées, les premiers sites mobiles ont donc été pro­gram­més de la manière la plus simple qui soit. Grâce aux avancées tech­no­lo­giques, à l’image de HTML, CSS, Ja­vaS­cript et des nouveaux appareils mobiles tels que les smart­phones et tablettes, les pages Web mobiles ont gagné en com­plexité.

Aujourd’hui, les sites Web pour mobiles re­pré­sen­tent en général un com­plé­ment de la version bureau originale d’un site Web, sous une forme réduite. En raison de la plus faible per­for­mance du matériel et du volume réduit d’échange de données des appareils portables, les exigences et défis du dé­ve­lop­pe­ment de sites Web sur mobiles sont tout autres que ceux d’un site Web tra­di­tion­nel. La pro­gram­ma­tion d’un site mobile doit être effectuée avec pré­cau­tion pour que les pages puissent être chargées ra­pi­de­ment et que la na­vi­ga­tion soit le plus fluide possible. De plus, le défi de tout dé­ve­lop­peur est de veiller à ce que la hauteur et la largeur de la page Web mobile s’adapte au­to­ma­ti­que­ment à la taille de l’écran des dif­fé­rents supports.

  • Avantages : fonc­tionne sur toutes les pla­te­formes ; se détache de la pla­ni­fi­ca­tion des versions bureau ; le contenu peut être par­fai­te­ment harmonisé pour l’uti­li­sa­teur ; éco­no­mique.
  • In­con­vé­nients : nécessite plus de main­te­nance, car les contenus mobiles ne sont pas su­per­po­sables avec ceux de la variante bureau ; et nécessite des URLs sup­plé­men­taires.
  • Adapté pour : les projets Web aux contenus statiques ; les sites Web de petite envergure.

Site Web adaptatif : la solution flexible

C’est un des sujets les plus en vogue ac­tuel­le­ment pour le dé­ve­lop­pe­ment Web et c’est aussi devenu un critère de ré­fé­ren­ce­ment officiel de Google, mais qu’est-ce qu’un site Web res­pon­sive ? Ou res­pon­sive Webdesign ? L’ex­pli­ca­tion se trouve dans le nom : la notion « res­pon­sive » se traduit par adaptatif en français, ce qui décrit bien la structure d’un tel site. La cons­truc­tion graphique s’adapte aux pos­si­bi­li­tés du support lors du temps de char­ge­ment de la page et offre ainsi une qualité d’uti­li­sa­tion identique à tous les uti­li­sa­teurs, quel que soit l’appareil utilisé. La taille et la ré­so­lu­tion des dif­fé­rents écrans est un critère décisif. De plus, les dif­fé­rentes manières d’uti­li­sa­tion (écran tactile ou souris, bande passante dis­po­nible ou encore la connexion à Internet) sont des éléments im­por­tants dans la con­cep­tion d’un site Web res­pon­sive.

Un site Web res­pon­sive se distingue d’un site mobile séparé car il ne nécessite pas deux dif­fé­rentes versions, mais une seule. Tous les éléments (blocs de textes, images, etc.) sont intégrés de la même manière au template du site et seule la re­pré­sen­ta­tion varie d’appareil en appareil.

  • Avantages : fonc­tionne sur toutes les pla­te­formes ; un template pour tous les supports ; tous les contenus sont chargés depuis une URL unique.
  • In­con­vé­nients : In­ves­tis­se­ment élevé en pla­ni­fi­ca­tion et dé­ve­lop­pe­ment ; les sites Web de bureau déjà existants s’adaptent dif­fi­ci­le­ment au res­pon­sive Webdesign.
  • Adapté pour : Blogs ; tous nouveaux projets.

Ap­pli­ca­tions Web

Les ap­pli­ca­tions Web sont des pro­grammes basés sur un serveur client. Par client on entend la partie de l’ap­pli­ca­tion qui est affichée dans le na­vi­ga­teur. Le client com­mu­nique avec le serveur Web via le protocole http. L’ap­pli­ca­tion repose sur le serveur Web, qui met les contenus à dis­po­si­tion de l’uti­li­sa­teur. En principe, le site Web de l’ap­pli­ca­tion fonc­tionne également in­dé­pen­dam­ment de celle-ci et possède une URL propre avec l’interface uti­li­sa­teur cor­res­pon­dante. Con­trai­re­ment à des ap­pli­ca­tions d’or­di­na­teur clas­siques, aucune ins­tal­la­tion n’est né­ces­saire pour l’uti­li­sa­tion d’une ap­pli­ca­tion Web mais vous devez toutefois posséder une connexion Internet.

L’uti­li­sa­tion d’une ap­pli­ca­tion Web induit gé­né­ra­le­ment la con­ser­va­tion de vos données d’uti­li­sa­tion à long-terme (comme vos données de commandes sur une boutique en ligne par exemple). Ha­bi­tuel­le­ment, ces données sont con­ser­vées sur des serveurs de bases de données (côté serveur) ou bien dans certains cas du côté du client, mais aussi à l’aide des cookies http. Ces ap­pli­ca­tions Web peuvent être utilisées sur n’importe quelles pla­te­formes et sur les dif­fé­rents supports. La seule condition est que le na­vi­ga­teur de l’uti­li­sa­teur doit être com­pa­tible et qu’il comporte les standards Web que sont Ja­vaS­cript ou HTML.

  • Avantages : fonc­tionne sur toutes les pla­te­formes ; réa­li­sable à tout moment, en plus d’un site Web de bureau ; ne nécessite pas d’ins­tal­la­tion.
  • In­con­vé­nients : accès limité aux fonctions du support tels que l’appareil photo ou le GPS ; in­dis­po­nible dans les app-stores ; connexion Internet constante né­ces­saire.
  • Adapté pour : les projets fonc­tion­nels aux contenus dy­na­miques comme des boutiques en ligne ; projets d’en­tre­prises internes.

Ap­pli­ca­tion native : autonome et spé­ci­fique à une pla­te­forme

Les ap­pli­ca­tions natives se ca­rac­té­ri­sent par leur con­cep­tion spé­ci­fique pour chaque pla­te­forme. Ces pro­grammes ont pris énor­mé­ment d’im­por­tance sur Internet grâce au dé­ve­lop­pe­ment des pla­te­formes d’Apple et Android. Qu’il s‘agisse d’ap­pli­ca­tions uti­li­taires, de bureau, des jeux ou ca­len­driers, ces ap­pli­ca­tions sont ex­trê­me­ment di­ver­si­fiées et conçues par dif­fé­rents dé­ve­lop­peurs. A la dif­fé­rence des ap­pli­ca­tions Web, les ap­pli­ca­tions natives doivent être té­lé­char­gées et ins­tal­lées. C’est pourquoi toutes les pla­te­formes proposent des boutiques d’ap­pli­ca­tions dédiées, où vous pouvez té­lé­char­ger des ap­pli­ca­tions du support cor­res­pon­dant.

Le dé­ve­lop­pe­ment d’une ap­pli­ca­tion native est in­dé­pen­dant pour chaque système. Pour un projet Web, il faut dé­ve­lop­per une ap­pli­ca­tion pour chaque système (iOS, Android, Windows). Pour cela, il existe des kits de dé­ve­lop­pe­ment ou trousses de dé­ve­lop­pe­ment logiciel (en anglais Software De­ve­lop­ment Kit (SDK)) pour chacun des dif­fé­rents systèmes d’ex­ploi­ta­tion. Les ap­pli­ca­tions natives per­met­tent l’accès aux fonctions ma­té­rielles des supports tels que le mi­cro­phone ou le GPS. De plus, les données sont en­re­gis­trées di­rec­te­ment sur le support utilisé. En tant que dé­ve­lop­peur, il est possible de décider de mettre l’ap­pli­ca­tion à dis­po­si­tion des uti­li­sa­teurs gra­tui­te­ment ou bien moyennant un fi­nan­ce­ment.

  • Avantages : facilité d’obtention grâce aux boutiques d’ap­pli­ca­tions ; accès aux fonctions tech­niques de l’appareil ; exé­cu­table à tout moment ; bonnes pers­pec­tives de com­mer­cia­li­sa­tion.
  • In­con­vé­nients : pro­gram­ma­tion de plusieurs ap­pli­ca­tions et mises à jour né­ces­saires pour les dif­fé­rentes pla­te­formes ; forte con­som­ma­tion de données et de puissance du côté des uti­li­sa­teurs.
  • Adapté pour : les projets Web complexes et gourmands en res­sources

Bilan

Grâce la com­pa­rai­son des quatre solutions pré­sen­tées ci-dessus, vous pouvez trouver celle qui convient le mieux à votre projet Web mobile. Quelle option sera la plus adaptée ? Cela dépend en­tiè­re­ment de votre budget et du type de projet. Si votre budget est limité, un site Web mobile est la solution la moins chère et la plus ra­pi­de­ment réa­li­sable. En raison de son in­dé­pen­dance avec une version Web de bureau, il est possible de dé­ve­lop­per un tel site Web à tout moment. Cela ne fonc­tionne pas aussi fa­ci­le­ment avec un site Web res­pon­sive. Les chan­ge­ments né­ces­saires dans le code font d’une telle res­truc­tu­ra­tion une épreuve de taille. Si vous planifiez de créer un projet à neuf, cela vaut la peine de réfléchir à la con­fi­gu­ra­tion d’un site Web res­pon­sive.

En par­ti­cu­lier si vous ajoutez ré­gu­liè­re­ment de nouveaux contenus à votre site, vous n’aurez dans ce cas à faire la ma­ni­pu­la­tion une seule fois. Si vous avez l’intention de proposer des contenus fonc­tion­nels, il est re­com­mandé d’opter pour l’ap­pli­ca­tion. Il s’agit tout d’abord de se décider pour une ap­pli­ca­tion Web ou native. Tandis que les ap­pli­ca­tions Web sont dé­ve­lop­pées plus vite et peuvent être utilisées par les mo­bi­nautes sans ins­tal­la­tion, les ap­pli­ca­tions natives tirent leur force de leur potentiel de com­mer­cia­li­sa­tion et de l’étendue de leurs fonctions.

Si vous disposez des moyens fi­nan­ciers né­ces­saires, une com­bi­nai­son de plusieurs con­cep­tions de sites et ap­pli­ca­tions peut s’avérer sensée.  Par exemple les uti­li­sa­teurs Facebook peuvent, en dehors des sites Web clas­siques, charger des versions mobiles ou dif­fé­rentes ap­pli­ca­tions natives pour iOS, Android, etc. Le réseau social atteint bien plus d’uti­li­sa­teurs que le ferait une seule variante. Bien sûr, vous devrez con­si­dé­rer d’investir bien plus en con­cep­tion et en main­te­nance.

Aller au menu principal