Application mobile: Applications natives, applications Web et applications hybrides

Dans le domaine mobile, vous entendrez souvent des termes comme application native ou application web, ou même application hybride. Quelle est la différence?

natives

natives en direct sur l’appareil et sont accessibles via des icônes sur l’écran d’accueil de l’appareil. Les natives sont installées via un magasin d’ (comme Google Play ou l’App Store d’Apple). Ils sont développés spécifiquement pour une plate-forme et peuvent tirer pleinement parti de toutes les fonctionnalités de l’appareil – ils peuvent utiliser l’appareil photo, le GPS, l’accéléromètre, la boussole, la liste des contacts, etc. Ils peuvent également intégrer des gestes (gestes standard du système d’exploitation ou nouveaux gestes définis par l’application). Et les natives peuvent utiliser le système de notification de l’appareil et peuvent fonctionner hors ligne.

Web ne sont pas de vraies ; ils sont vraiment que, à bien des égards, regarde et ressent comme les natives, mais ne sont pas mis en œuvre En tant que tel. Ils sont gérés par un navigateur et généralement écrits en . Les utilisateurs y accèdent d’abord comme ils accéderaient à n’importe quelle page Web: ils accèdent à une URL spéciale puis ont la possibilité de les «installer» sur leur écran d’accueil en créant un signet sur cette page.

Les Web sont devenues très populaires lorsque est apparu et les gens ont réalisé qu’ils pouvaient obtenir des fonctionnalités de type natif dans le navigateur. Aujourd’hui, comme de plus en plus de sites utilisent , la distinction entre les Web et les pages Web ordinaires est devenue floue.

En 2011 Financial Times a retiré son application native de l’App Store d’Apple pour contourner les frais d’abonnement et maintenir une connexion plus étroite avec leurs abonnés. Au lieu de cela, il est sorti avec une application Web iPhone (app.ft.com):

Application mobile: Applications natives, applications Web et applications hybrides
Financial Times application web pour iPhone
Application mobile: Applications natives, applications Web et applications hybrides
Balayage horizontal sur l’application Web du Financial Times

Son application Web est, à bien des égards, difficile à distinguer d’une application native. Par exemple, il n’y a pas de boutons ou de barres de navigateur visibles, bien qu’il fonctionne dans Safari (lorsque vous y accédez depuis un iPhone). Les utilisateurs peuvent glisser horizontalement pour passer à de nouvelles sections de l’application. Et, grâce à la mise en cache du navigateur, il est même possible de lire le journal hors ligne.

Ce sont toutes des fonctionnalités disponibles en . Sont également disponibles le GPS, la fonction de tap-to-call et il est question d’une API de caméra, même si je n’ai vu aucune application Web (ou page Web) qui en profite jusqu’à présent. Il existe cependant des fonctionnalités natives qui restent inaccessibles (au moins à partir de maintenant) dans le navigateur: les notifications, s’exécutant en arrière-plan, les informations de l’accéléromètre (autres que la détection des orientations paysage ou portrait), les gestes complexes.

Bien sûr, on peut affirmer que de nombreuses (natives ou non) ne profitent pas de ces fonctionnalités supplémentaires de toute façon. Mais si vous avez vraiment besoin de ces fonctionnalités natives, vous devrez créer une application native ou, au moins, une application hybride.

hybrides

hybrides sont en partie des natives, en partie des Web. (À cause de cela, beaucoup de gens les appellent à tort « Web»). Comme les natives, elles vivent dans une boutique d’ et peuvent profiter des nombreuses fonctionnalités disponibles sur l’appareil. Comme les Web, elles reposent sur le rendu HTML dans un navigateur, avec la mise en garde que le navigateur est intégré dans l’application.

Souvent, les entreprises créent des hybrides en tant que wrappers pour une page Web existante; de cette façon, ils espèrent obtenir une présence dans l’App Store, sans dépenser beaucoup d’efforts pour développer une application différente. Les hybrides sont également populaires car elles permettent le développement multiplateforme et réduisent ainsi considérablement les coûts de développement: les mêmes composants de code HTML peuvent être réutilisés sur différents systèmes d’exploitation mobiles. Des outils tels que PhoneGap et Sencha Touch permettent aux utilisateurs de concevoir et de coder sur différentes plates-formes, en utilisant la puissance du HTML.

Walgreens propose deux hybrides très similaires, l’une pour Android et l’autre pour iPhone. Les deux ont plusieurs sections et de nombreuses fonctionnalités natives telles que l’accès aux notifications et un Recharge par scan fonction qui utilise la caméra du téléphone pour remplir les ordonnances:

Application mobile: Applications natives, applications Web et applications hybrides
Application Walgreens pour Android

Cependant, le Boutique dans les Android et iPhone utilise une vue de navigateur qui affiche la page correspondante du site Web mobile Walgreens. Voici trois pages affichant le même contenu dans l’application Android, l’application iPhone et le site Web mobile:

Application mobile: Applications natives, applications Web et applications hybrides
Application Walgreens pour Android
Application mobile: Applications natives, applications Web et applications hybrides
Application Walgreens pour iPhone
Application mobile: Applications natives, applications Web et applications hybrides
Site Web mobile de Walgreens (m.walgreens.com)

Comme vous pouvez le voir, toutes ces pages sont identiques, à l’exception de l’en-tête supérieur, qui est spécifique à la plate-forme. le Retour le bouton sur iOS est traduit en signe d’insertion sur Android; le logo est présent sur la page Web, mais pas dans l’application. (Les concepteurs ont correctement supposé que sur le Web, les gens ont besoin du logo pour s’orienter, car ils sont susceptibles d’atterrir sur une page profonde sans naviguer sur la page d’accueil. En revanche, dans leurs , toute navigation doit passer par la page d’accueil).

Banana Republic est un autre exemple d’application hybride; il a utilisé exactement le même design sur Android et iPhone:

Application mobile: Applications natives, applications Web et applications hybrides
Application Banana Republic pour Android
Application mobile: Applications natives, applications Web et applications hybrides
Application Banana Republic pour iPhone

Cependant, le Retour bouton dans l’application Android ignore le fait que, contrairement aux iPhones, les appareils Android sont livrés avec un physique ou virtuel Retour bouton. La barre d’onglets en bas de la page fonctionne bien dans la conception iOS, mais est maladroite et clairement non native sur Android.

Native, Web App ou hybride: lequel choisir?

Chacun de ces types d’ a ses avantages et ses inconvénients, comme j’ai essayé de le souligner. Résumons-les ici.

Caractéristiques de l’appareil. Bien que les Web puissent tirer parti de certaines fonctionnalités, les natives (et les composants natifs des hybrides) ont accès à tout l’attirail de fonctionnalités spécifiques à l’appareil, y compris le GPS, l’appareil photo, les gestes et les notifications.

Fonctionnement hors ligne. Une application native est préférable si votre application doit fonctionner en l’absence de connectivité. La mise en cache dans le navigateur est disponible en , mais elle est toujours plus limitée que ce que vous pouvez obtenir lorsque vous passez en natif.

Découvrabilité. Les Web remportent le prix de la découvrabilité. Le contenu est beaucoup plus visible sur le Web que dans une application: lorsque les gens ont une question ou un besoin d’information, ils accèdent à un moteur de recherche, saisissent leur requête et choisissent une page dans les résultats de la recherche. Ils ne vont pas sur l’App Store, ne recherchent pas une application, ne la téléchargent pas, puis essaient de trouver leur réponse dans l’application. Bien qu’il existe des amateurs d’ qui peuvent rechercher des dans les magasins d’, la plupart des utilisateurs n’aiment pas installer et entretenir des (et aussi gaspiller de l’espace sur leur appareil), et n’installeront une application que s’ils prévoient de l’utiliser souvent.

La vitesse. Les natives remportent le concours de vitesse. En 2012, Mark Zuckerberg a déclaré que la plus grande erreur de Facebook avait été de parier sur le Web mobile et de ne pas devenir natif. Jusque-là, l’application Facebook était une application hybride avec un noyau HTML; en 2012, il a été remplacé par une application vraiment native. La réactivité est la clé de l’utilisabilité.

Installation. L’installation d’une application native ou hybride est un problème pour les utilisateurs: ils doivent être vraiment motivés pour justifier le coût de l’interaction. «Installer» une application Web implique de créer un signet sur l’écran d’accueil; ce processus, bien qu’il soit sans doute plus simple que de télécharger une nouvelle application à partir d’une boutique d’, est moins familier aux utilisateurs, car les gens n’utilisent pas beaucoup les signets sur mobile.

Entretien. La maintenance d’une application native peut être compliquée non seulement pour les utilisateurs, mais aussi pour les développeurs (surtout s’ils doivent gérer plusieurs versions des mêmes informations sur différentes plateformes): les modifications doivent être regroupées dans une nouvelle version et placées dans l’App Store . D’un autre côté, la maintenance d’une application Web ou d’une application hybride est aussi simple que la maintenance d’une page Web, et cela peut être fait aussi souvent ou aussi souvent que nécessaire.

Indépendance de la plateforme. Bien que différents navigateurs puissent prendre en charge différentes versions de , si l’indépendance de la plate-forme est importante, vous avez certainement de meilleures chances de l’atteindre avec des Web et des hybrides qu’avec des natives. Comme indiqué précédemment, au moins certaines parties du code peuvent être réutilisées lors de la création d’ hybrides ou Web.

Restrictions de contenu, processus d’approbation et frais. Traiter avec un tiers qui impose des règles sur votre contenu et votre conception peut être pénible en termes de temps et d’argent. Les natives et hybrides doivent passer les processus d’approbation et les restrictions de contenu imposées par les boutiques d’, tandis que le Web est gratuit pour tous. Sans surprise, les premières Web sont venues de publications telles que Playboy, qui voulait échapper à la censure du contenu prude d’Apple. Et l’achat d’un abonnement dans une application iOS signifie que 30% de ce coût d’abonnement revient à Apple, une grosse réduction du budget des éditeurs.

Coût de développement. Il est sans doute moins coûteux de développer des hybrides et Web, car celles-ci nécessitent des compétences qui s’appuient sur une expérience précédente avec le Web. Les clients NN / g trouvent souvent que devenir entièrement natif est beaucoup plus cher, car cela nécessite des talents plus spécialisés. Mais, d’autre part, est assez nouveau, et une bonne connaissance de celui-ci, ainsi qu’une bonne compréhension du développement pour le Web mobile et les hybrides sont également des compétences assez avancées.

Interface utilisateur. Enfin et surtout, si l’une de vos priorités est de fournir une expérience utilisateur cohérente avec le système d’exploitation et avec la majorité des autres disponibles sur cette plate-forme, alors les natives sont la voie à suivre. Cela ne signifie pas que vous ne pouvez pas fournir une bonne expérience utilisateur mobile avec une application Web ou une application hybride – cela signifie simplement que les graphiques et les visuels ne seront pas exactement les mêmes que ceux auxquels les utilisateurs peuvent déjà être habitués, et que il sera plus difficile de tirer parti des atouts du mobile et d’atténuer les limitations du mobile.

(Ces questions sont abordées plus en détail dans notre cours de formation d’une journée complète sur les et les : principes d’utilisabilité essentiels pour la conception mobile, tandis que de nombreux problèmes de conception d’écran plus détaillés sont traités dans le séminaire Visual Design for Mobile and Tablet.)

Pour résumer, les natives, les hybrides ou les Web sont toutes des façons de répondre aux besoins de l’utilisateur mobile. Il n’y a pas de meilleure solution unique: chacun a ses forces et ses faiblesses. Le choix de l’un par rapport à l’autre dépend des besoins uniques de chaque entreprise.

.

# #natives # #Web # #hybrides