Site web ou app, quelle stratégie adopter ?
Devez-vous créer un site web ou une app mobile ? Si vous optez pour un site web, devez-vous le concevoir à l'aide d'un modèle dédié, du Responsive Design ou de l'Adaptive Design ? Pour une app, allez-vous utiliser la technologie web ou du code natif ? Le point.
Alors que la liste des possibilités de produit, de conception et de développement continue de s'étendre, les entreprises rencontrent davantage de difficultés pour déterminer la direction à suivre selon leurs propres objectifs, capacités et ressources. En outre, une fois qu'une entreprise s'est engagée sur la voie qu'elle a choisie, elle est souvent tenue de la suivre pendant plusieurs années (afin d'amortir son investissement).Par exemple, dans le cadre du lancement d'un produit, vous devez prendre plusieurs décisions : devez-vous créer un site web ou une application mobile ? Si vous optez pour un site web, devez-vous le concevoir à l'aide d'un modèle dédié, du Responsive Design ou de l'Adaptive Design ? Pour une application mobile, allez-vous utiliser la technologie web ou du code natif ?
Première étape : décider d'un plan de produit
Une entreprise qui souhaite déployer un produit peut choisir deux principaux axes : créer un site Web ou une application mobile. Lorsqu'elle doit proposer différents cas d'utilisation, les deux formats, site Web et application mobile, peuvent s'avérer nécessaires (l'un n'empêche pas l'autre). Les quatre éléments essentiels à prendre en compte pour choisir l'axe du produit sont les suivants :Commencer par le client : le choix du produit à mettre en œuvre doit reposer sur les problèmes que vous essayez de résoudre pour vos clients. Vous devez donc interagir avec eux, et comprendre leurs problèmes et leurs contextes d'utilisation afin de déterminer l'objectif vers lequel votre produit sera axé.
Repenser la proposition en fonction de chacune des fonctionnalités uniques de votre produit. Soyez conscient que chaque produit offre des fonctionnalités uniques et joue un rôle différent au sein du cycle de vie du client : un site pour ordinateur n'est pas un site mobile, qui n'est pas une application.
Déterminer si votre produit doit être axé sur l'audience ou sur les fonctionnalités. Si votre objectif consiste à toucher des clients, un site web vous permet de tirer parti de la vaste audience du web. Vous pouvez ainsi attirer la majorité des clients occasionnels provenant de la recherche et des réseaux sociaux. Vous pouvez étendre davantage votre site en ajoutant des composants web de base (Google Polymer) qui suscitent l'interaction et boostent les conversions. Si votre objectif consiste à proposer des fonctionnalités, une application native vous permet de tirer parti des capteurs et services les plus récents. Vous pouvez ainsi attirer la majorité des clients réguliers et établir une forte interaction. Vous pouvez susciter de nouveau l'intérêt des clients de manière proactive sur smartphone (et contourner votre application) en proposant au moment opportun des notifications ou des widgets.
Si votre objectif est à la fois d'étendre votre audience et de proposer des fonctionnalités, vous pouvez vous tourner vers l'application web. Vous pouvez ajouter des composants web interactifs à votre site (ou concevoir une application web sur mesure) afin de proposer des fonctions spécifiques aux applications, par exemple, le travail hors connexion, les notifications push, l'ajout à la page d'accueil, etc. Si vous n'avez pas besoin d'exploiter les fonctionnalités les plus récentes, vous pouvez éventuellement opter pour une application native
Deuxième étape : Décider d'un plan de conception
La multiplication des appareils et la fragmentation croissante des écrans font de la conception numérique un processus plus complexe que jamais. En plus des nouvelles plates-formes, dont les Smart TV et les montres connectées, nous devons tenir compte des nouveaux types et contextes d'interaction. Les utilisateurs consultent les appareils et communiquent avec ceux-ci à différentes distances en adoptant des postures variées, et les dimensions et orientations des écrans offrent des combinaisons quasi illimitées. Les éléments essentiels à prendre en compte pour choisir l'axe de conception sont les suivants :La fragmentation des plateformes (ordinateur, smartphone, montre connectée), la complexité des environnements (iOS vs Android) et la multiplicité des usages utilisateurs constituent de nouvelles problématiques de conception. Pour chaque tâche, les utilisateurs attendent une expérience homogène sur leurs différents appareils et écrans. Pour concevoir le site le plus flexible et le plus durable possible, optez pour le Responsive Design ou l'Adaptive Design.
Le Responsive Design est une approche flexible et durable, qui exploite des grilles fluides afin d'attribuer un format et une position aux éléments (dont des images, des médias et des contenus) en fonction de l'appareil de l'utilisateur. Les sites réactifs détectent chaque appareil et s'y adaptent.
L'Adaptive Design va au-delà du Responsive Design et propose le nec plus ultra de l'expérience utilisateur sur chaque appareil. Cette technologie se base sur des grilles et des points d'arrêt fluides afin de s'adapter à chaque appareil, écran et résolution, sur lesquels différents contenus peuvent être diffusés lorsqu'un appareil permet plusieurs cas d'utilisation.
Le Material Design est une autre possibilité de conception d'une interface utilisateur. Il permet de réaliser des expériences unifiées entre les appareils, le Web et les applications natives. Le langage visuel du Material Design permet à chaque appareil de présenter une même vue d'un système sous-jacent, afin d'harmoniser l'interface utilisateur sur les différents appareils, sites Web et applications natives.
Pour la conception, adoptez une approche orientée vers le mobile avant tout.
Tirez parti des limitations inhérentes aux smartphones, telles que l'espace à l'écran, pour afficher en priorité le contenu le plus important et reléguer les informations secondaires en dehors de la zone visible (ou les supprimer). Réalisez votre conception et votre code pour l'appareil le plus petit en premier lieu de manière à baser l'expérience utilisateur sur les smartphones, puis élargissez votre produit à l'échelle des plates-formes les plus grandes (il est plus facile d'ajouter des éléments que d'en retirer).Troisème étape : Décider d'un plan de développement
Le développement peut se résumer à deux méthodes clés : la technologie Web (coder en HTML, CSS et JavaScript) et le code natif (coder en Java, Objective C, etc.). Les sites et les applications web accessibles depuis les navigateurs emploient des technologies web, tandis que les applications mobiles (devant être téléchargées à partir des plateformes dédiées) peuvent employer du code natif (pour les applications natives) ou des technologies web (pour les applications hybrides). Les quatre éléments essentiels à prendre en compte pour choisir l'axe de développement sont les suivants :Optimisez les performances techniques du site web en exploitant les outils de développement les plus récents. Le développement Web est mature : la quantité gigantesque de développeurs disponibles rend le processus de développement relativement transparent. Alors que la plupart des entreprises se concentrent sur l'optimisation de l'expérience et de l'interface utilisateur, il est impératif de se focaliser sur les performances techniques afin d'améliorer le ressenti du client et d'augmenter le nombre de conversions (et de résoudre les difficultés rencontrées par le passé en termes d'efficacité). Les outils axés sur les performances web vous aident à optimiser l'efficacité de votre produit lors des phases de démarrage, de chargement, etc.
Adoptez les outils de développement web modernes pour conférer à votre site une apparence d'application ou créer des applications web sur mesure.
Les développeurs peuvent accroître la richesse et l'interaction de leur site web en ajoutant des fonctionnalités spécifiques aux applications, telles que le travail hors connexion, les écrans de démarrage, la synchronisation en arrière-plan, les notifications push et la possibilité pour l'utilisateur d'ajouter un bouton sur son écran d'accueil. Vous pouvez ajouter progressivement les éléments à votre site ou les utiliser pour développer une nouvelle application web.
Développez des applications natives et riches, en tirant parti de la vaste quantité de développeurs et des outils éprouvés disponibles. Les priorités des développeurs étant le code natif et deux plateformes (Android et iOS), vous n'avez besoin de déployer que deux applications pour toucher la majorité du marché. Si l'objectif de l'entreprise est de proposer un ensemble de fonctionnalités performantes et optimales, les applications natives constituent la meilleure solution. Le code natif pouvant être exécuté au niveau du système d'exploitation, ces applications proposent l'expérience la plus réactive et la plus stable, et l'interface utilisateur la plus riche. Elles permettent en outre d'accéder aux capteurs, services et API les plus récents.
Évitez l'application hybride, sauf si vos besoins en développement sont très simples.
Si l'entreprise accorde une plus grande importance à la rapidité et au coût qu'à l'expérience utilisateur, ou si elle n'a besoin que d'applications simples (ou de prototypes) pour ses clients ou pour ses employés, l'axe de développement hybride peut être plus adapté que le modèle natif.
En revanche, les applications hybrides impliquent de nombreux compromis, et leur qualité est inférieure à celle des applications natives sur plusieurs points : la performance technique (technologie web intégrée dans un environnement natif), l'expérience utilisateur (les interfaces Android et iOS n'ont pas la même apparence), la complexité des tests (fragmentation des vues web) et le risque de l'enfermement propriétaire.
Faire preuve de discernement lorsque vous choisissez votre axe de développement
Une fois que vous vous êtes engagé dans une voie spécifique, vous devrez probablement vous y tenir pendant plusieurs années. Réfléchissez à vos besoins en matière d'audience et/ou de fonctionnalités, à la fois à court et à long terme. Tenez compte des ressources et des coûts que vous devrez investir initialement (jusqu'au lancement) et par la suite (frais courants). Assurez-vous de disposer des ressources nécessaires combinant maturité de conception, développement et tests.Le "Toolikt for implementing Apps & Sites" est accessible ici.