Dans cet article, je vais présenter les différents coûts liés à la création d’une application mobile.

Coût de développement de l’application

Le coût de développement de l’application est souvent le plus évident. Tout le monde conçoit que pour développer une application, il faut payer un développeur.

Le coût de développement est influencé par de nombreux points dont entre autres :

• Le choix de la plateforme : iOS, Android ou les deux
• La nécessité ou non de créer un logo et une identité graphique pour l’application
• Le choix et la complexité du design : il y a une grande différence de coût entre une application avec un design sur-mesure ou un design simple et “par défaut”, d’autre part, certaines technologies de développement sont plus conseillées que d’autres — comme l’hybride — en fonction de la complexité de l’application
• La gestion des utilisateurs : si l’application permet à l’utilisateur de s’identifier ou si toute l’application et ses fonctionnalités sont disponibles sans avoir de compte membre
• La gestion des profils utilisateurs : s’ils ont des profils personnalisés dans l’application
• Les fonctionnalités e-commerce : s’il y a des achats au sein de l’application ou non
• Les fonctionnalités de commentaires et notation d’utilisateurs ou de produits : système de notes par étoiles, etc.
• La connexion à un site externe comme un back office d’administration
• La notion d’utilisation “hors-connexion” et les mécanismes de gestion de la donnée en cas de déconnexion du téléphone

Source: LinkedIn

Tous ces éléments influencent le temps et le coût de développement liés à l’application, néanmoins beaucoup de projets d’application nécessitent d’autres éléments que l’application pour fonctionner.

Coût de développement du back office

Un des coûts souvent sous-estimé est le développement de back office.

Beaucoup d’applications nécessitent en effet un plateforme web pour son administration : un accès permettant de gérer les utilisateurs, les contenus et les fonctionnalités de l’application.

Le back-office peut permettre de mettre à jour une partie du contenu de l’application, soumettre des alertes et notifications push, gérer les profils des utilisateurs, la modération, etc.

Le développement d’une telle plateforme, en fonction de sa complexité peut amener un surcoût important.

Le back-office d’une application peut représenter un coût important

Coût des outils tiers

Certains outils intégrés aux applications impliquent des coûts de licence additionnels.

Les outils de statistiques et d’utilisation permettent par exemple d’obtenir de précieuses données sur l’usage qui est fait de l’application. Le comportement des utilisateurs, la fréquence d’utilisation de l’application, la “rétention”, les utilisateurs actifs comparés au nombre d’installations total, etc. : toutes ces données permettent de maintenir l’application dans la durée.

En effet pour prévoir des mises à jour d’interface, l’ajout de fonctionnalités ou même analyser l’impact des mises à jour et améliorations sur le taux d’utilisation et de rétention des utilisateurs, il vous faut collecter ces données précisément avec des outils spécialisés.

Ces outils présentent souvent des frais de licence mensuels ou annuels qu’il faut prendre en compte lors de la création de votre budget.

Les outils de support, permettant à vos équipes de répondre aux utilisateurs qui sont confrontés à des soucis d’utilisation ou des bugs techniques.

En fonction de votre cible et votre application, ce type de fonctionnalité peut vite s’avérer indispensable et représente bien souvent un coût de licence additionnel.

Les heatmaps permettent de comprendre l’interaction utilisateur sur votre app, en visualisant comment ils utilisent votre application — Image : Visual Website Optimizer 

Coût d’hébergement et maintenance

Enfin, un autre coût directement lié à l’application qui est bien souvent négligé est le coût de maintenance et d’hébergement.

Les coûts de maintenance représentent les coûts liés aux équipes qui résolvent les bugs techniques ou mettront à jour l’application.

Par exemple, lors de la parution d’un nouveau format d’écran de téléphone, il se peut que votre application soit incompatible avec ces nouveaux formats et qu’une partie de vos utilisateurs ne puissent pas utiliser votre application sur leurs téléphones.

Vous devez alors mettre à jour votre application et solliciter vos développeurs.

Une autre situation est la parution d’une mise à jour de sécurité critique : une faille de sécurité est détectée sur un composant qu’utilise votre application et afin de ne pas compromettre la sécurité de vos utilisateurs, vous devez mettre à jour votre app.

Si ces opérations ne sont pas convenues à l’avance dans un contrat de maintenance ou que vous n’avez plus de budget pour financer ces travaux, votre application peut très vite devenir obsolète et décliner.

Les coûts d’hébergements sont souvent ignorés au premier abord car on considère que les applications sont hébergées par les stores : Google Play et AppStore hébergent en effet l’application et permettent de la distribuer à vos utilisateurs.

Cependant, si l’application a une base de données, il faut l’héberger. Les outils tiers comme le back office nécessitent eux aussi un hébergement adapté et séparé.

En fonction du nombre d’utilisateurs et des ressources nécessaires à la bonne exécution de l’outil, vous pouvez avoir besoin d’une infrastructure d’une certaine taille. Cette infrastructure représente un coût et une charge de travail supplémentaire à prendre en compte dans la création de vos budgets.

Coût d’acquisition des utilisateurs

Investir dans le développement d’une application sans prévoir son marketing est un risque de voir le projet se traduire en échec commercial.

Une application sans utilisateur est tout au plus une démonstration technique. Rares sont les applications dont l’indicateur de succès n’est pas lié à son nombre d’installations actives. En somme, développer une application non-utilisée est un mauvais investissement.

C’est pourquoi il est toujours aussi étonnant de voir autant de projets d’applications qui ne prennent pas en compte le coût d’acquisition des utilisateurs.

Dans un contexte où les utilisateurs installent de moins en moins d’applications et où leur temps d’attention est de plus en plus sollicité, acquérir des utilisateurs sur une nouvelle application nécessite un certain budget.

Campagnes de lancement, publicités sur des régies de publicité mobile, codes et coupons diminuant la profitabilité de l’application, … Tous ces éléments doivent être pris en compte dans les projections financières.

Conclusion

Lorsqu’on cherche à analyser le coût d’une application mobile, on se focalise souvent sur le coût de développement alors qu’il faut considérer le projet dans son intégralité.

Un devis pour une application à 20 000€ ne signifie pas que le coût de projet global va être de 20 000€. Oublier de prendre en compte la maintenance, l’hébergement et surtout l’acquisition des utilisateurs donne lieu à de très mauvaises surprises très tôt dans le déroulement du projet.

L’article Quel est le véritable coût d’une application mobile ? est apparu en premier sur Nativio.

Vous êtes peut être dans ce cas : vous avez un projet d’application en tête et une vision de son aspect et l’utilisation qui en sera faite. Simplement vous n’êtes encore qu’au stade de l’idée et expliquer votre projet aux investisseurs ou aux développeurs potentiels reste un challenge.

La création de prototype d’application mobile permet de concrétiser la vision que vous avez de votre projet. Cela vous permet de passer d’une simple idée qui n’existe probablement que dans votre tête à une première implémentation de celle-ci.

Dans cet article, je vais vous exposer le meilleur moyen de créer un prototype d’application mobile ainsi que les nombreux bénéfices que cela peut apporter à votre projet.

Pourquoi créer un prototype d’application mobile ?

La création de prototype est une étape devenue indispensable dans nos différents projets mobiles. Cela présente en effet de nombreux avantages.

Premièrement, le prototype d’application mobile permet de concrétiser votre vision. En fonction du niveau de détail du prototype et le degré de définition de votre projet, le prototype permet d’exprimer sur un document ou un outil votre vision, la clarifier, en débattre, etc.

Cela permet d’exprimer votre vision et d’affiner cette expression : cela vous rapproche de la création de la première version de votre application.

Deuxièmement, il s’agit du premier pas logique vers les spécifications techniques pouvant donner naissance à votre application. À partir d’un prototype des écrans et une modélisation des interactions utilisateur sur ces écrans — savoir comment l’utilisateur se déplace sur l’application — il est bien plus facile pour un développeur ou une agence de réaliser des spécifications techniques qui permettront ensuite de développer l’application.

Enfin, un prototype peut servir de plateforme pour pitcher les investisseurs, décisionnaires et futurs utilisateurs de l’application. Un prototype interactif permet de collecter un grand nombre de feedbacks car sa création répond à beaucoup de questions implicites concernant l’application.

Le prototype permet de supporter votre pitch face aux investisseurs, afin qu’ils aient une vision plus concrète du projet dans lequel vous leur demandez de s’engager.

Sur un bon prototype interactif, vous pourrez aussi observer les réactions d’utilisateurs potentiels : cela constitue une source de données pour vos recherches en matière d’expérience utilisateur et optimisation d’interface — UX/UI — mais aussi une source de signaux positifs pour les investisseurs, démontrant l’utilisation qui pourra être fait de votre application.

En fonction du niveau de détail du prototype, il peut permettre deux bénéfices additionnels :

• Travailler l’expérience utilisateur — l’UX — l’interface, les écrans et leur accessibilité peuvent tous être représentés sur les maquettes graphiques de l’application
• Si l’application est destinée à être distribuée sur Android et iOS, il peut être intéressant de créer deux prototypes fidèles aux conventions des deux plateformes et observer les différences en terme d’interface. Par exemple un bouton retour sur Android est bien souvent située dans une barre de navigation en bas de l’écran de l’application alors que cette même barre sea en haut sur iOS.

Différence d’interface entre iOS (à gauche) et Android (à droite)

Comment créer un prototype interactif ?

Je ne vais pas vous expliquer comment utiliser un bloc note et crayon pour dessiner les différents écrans de votre application ainsi que la façon dont ils sont liés entre eux et dont on y navigue.

Bien que cela soit un premier pas vers la formalisation de l’aspect de votre application, je vais vous présenter des solutions qui vont vous permettre non seulement de créer un premier prototype d’application mais surtout de le rendre interactif.

Keynote, pour créer des prototypes interactifs gratuits

Keynote, l’outil de présentation d’Apple, permet de faire prototypes interactifs certes limités mais gratuits.

Cela permet de rapidement créer des planches de “wireframing” — prototypes fil de fer en Français — représentant les différents écrans de l’application, ainsi que des zones cliquables pour transitionner d’un écran à l’autre.

Certaines personnes proposent même des thèmes Keynotes pour faciliter le travail de prototypage comme Steven Brewis sur Dribble

Un tutoriel expliquant l’utilisation de keynote pour du wireframing est disponible ici (en Anglais)

MarvelApp, la plateforme web

MarvelApp est une application web qui permet de designer rapidement des prototypes d’application.

MarvelApp vous propose de nombreux éléments standards iOS et Android pour créer un prototype réaliste en un minimum de temps.

Vous pouvez ensuite partager une version web de votre prototype pour la présenter et collecter des retours.

MavelApp permet de créer des prototypes interactifs réalistes et poussés très simplement.

Le fait que l’application soit gratuite et que sa prise en main soit relativement simple en fait une solution de choix pour votre premier projet.

Logiciels spécialisés : Sketch, Invision Studio

Enfin, il existe des outils plus spécialisés pour le prototypage d’applications. Ces outils sont aussi utilisables pour la création de sites Internet ou d’application web.

On citera Sketch et Invision Studio avec lesquels nous avons le plus d’expérience. Néanmoins, il existe de nombreux autres outils comme FramerX, Adobe XD Prototype, etc.

Ces outils sont plus professionnels et permettent de créer des éléments stylisés réutilisables, définir des transitions et surtout exporter des maquettes dans des formats ou sur des plateformes qui permettent directement d’être jouées en démonstration sur le téléphone cible.

Pour aller plus loin sur les outils et méthodes de prototypage, je vous suggère cette très bonne vidéo de Franck Dupont chez The Family:

Que faire une fois le prototype créé ?

Une fois votre prototype créé, vous pouvez l’utiliser de plusieurs façons.

La collecte de feedback grâce au prototype interactif

Premièrement, le prototype interactif permet de rassurer les investisseurs existants et pitcher les investisseurs potentiels.

À partir de votre prototype vous pouvez présenter votre application de manière très concrète et permettre aux investisseurs de se projeter sur le produit final dans lequel ils investissent.

Leurs retours vous offrent alors la possibilité d’améliorer le prototype et de suivre un processus très lean et itérer sur le prototype — opération bien moins coûteuse que de créer de nouvelles versions de l’application — jusqu’à obtenir une version satisfaisante.

Dans le même esprit, cela vous permet de collecter des retours d’utilisateurs tests : vous pourrez les observer interagir sur le prototype :

• Cherchent-ils désespérément un bouton pour accéder à une fonctionnalité clé ?
• Sont-ils perdus sur votre menu de navigation ou comprennent-ils tout de suite comment utiliser votre application ?

Cycle “Lean” tiré de The Lean Startup d’Eric Ries, présenté par KISSmetrics

Ces informations vous permettent de connaître la maturité de votre interface et vous donne des indice sur l’expérience que vos utilisateurs auront avec votre application.

L’obtention de devis précis

Je ne compte plus le nombre de fois où la question “Combien coûte une app” m’a été posée. Comme pour l’achat d’une voiture, le devis pour une application mobile peut aller du simple au triple — voir plus — en fonction des fonctionnalités demandées.

Le prototype interactif permet aux agences et développeurs de se faire une idée précise de ce que vous souhaitez développer et leur permet de vous présenter des estimations précises.

Il permet d’exprimer concrètement votre vision ainsi que de réduire les potentielles incompréhensions et rassurer le prestataire sur la clarté du projet.

La création de spécifications techniques

En fonction de la complexité du projet, une étape préliminaire à l’obtention d’un devis peut être la rédaction de spécifications techniques.

En effet sur un projet à forte technicité, les éléments techniques non présents sur le prototype peuvent avoir un impact important sur le devis — par exemple un backoffice d’administration — il peut être nécessaire de rédiger des spécifications techniques afin de spécifier les éléments non visibles sur le prototype avant d’effectuer un devis.

Encore une fois, le prototype définie beaucoup d’informations autour de l’interface et l’expérience utilisateur. Cela permet aux consultants techniques ou aux agences que vous contacterez de se focaliser sur les choix techniques adaptés pour créer votre application.

Conclusion

La méthode et les outils présentés dans cet article peuvent vous permettre d’améliorer vos chances de mener à bien un projet d’application mobile.

Un prototype — surtout s’il est interactif — permet non seulement de matérialiser votre vision en une représentation très proche de l’application finale mais aussi de collecter des retours de vos futurs utilisateurs ainsi que des investisseurs et financeurs du projet.
Les retours des différents acteurs de votre application permettent d’affiner de nombreux points comme l’interface, les fonctionnalités clés, etc. avant même de commencer les opérations de développement.

Cela permet de générer beaucoup de valeur pour un investissement initial faible, quand on le compare aux investissements engagés lors du développement de l’application mobile. Mieux encore, plus le projet est défini et précis, moins les frais de développements seront importants : l’application étant clairement définie, les développeurs ont moins de “guess work”, ils se posent moins de question sur le résultat final et produisent une application conforme aux attentes en moins de temps.

La maîtrise d’outils de prototypage permet donc de mieux maîtriser les coûts de développement, améliorer le produit final et répondre à un grand nombre de questions inhérentes à la création d’une application mobile.

L’article Comment créer un prototype d’application mobile est apparu en premier sur Nativio.

Les applications natives sont développées spécifiquement pour le système d’exploitation du téléphone sur lequel elle s’exécutera : une application native Android ne pourra pas être exécutée sur un iPhone et vice versa.

Dans cet article, vous allez apprendre tout ce qu’il faut savoir sur les technologies hybrides et cross-platform, ces technologies qui permettent de développer une application pour Android et iOS à partir d’un même code source.

Application hybride : définition

Une application hybride est une application dont le même code source est utilisable pour créer une application Android et une application iOS — et possiblement Windows Phone ou autres OS mobiles marginales ou maintenant désuètes.

La plupart des applications disponibles aujourd’hui sont des applications natives : elles ont été développées spécifiquement pour Android et iOS. Cela nécessite deux codes sources différents dans deux langages différents — bien souvent Swift pour iOS et Java pour Android — ainsi que des compétences internes différentes pour maîtriser ces langages et maintenir ces applications.

La technologie hybride permet de tout centraliser : un seul code source peut générer deux applications pour Android et iOS. Ce qui permet de réduire le temps et le coût des opérations.

Une seule technologie est utilisée pour déployer sur les deux plateformes et un seul code source est à maintenir et mettre à jour pour les futures versions.

La différence entre hybride et cross-platform

À des fins de simplification, j’utilise le terme “application hybride” pour parler à la fois des applications hybrides et des applications cross-platform mais il s’agit là d’un abus de langage. Les applications hybrides utilisent des éléments web pour créer l’application et son contenu puis un “wrapper” ou une enveloppe native pour que l’application web puisse être utilisée comme une application native sur le téléphone.

Cela induit certaines limites et contraintes, notamment au niveau des éléments affichables et de la performance de l’application, celle-ci exécutant d’abord un code natif — l’enveloppe ou le wrapper — puis jouant l’application au travers du navigateur web natif à la plateforme.

Les applications cross-platform quant à elles compilent un même code source en deux applications natives. Il ne s’agit plus d’une vue web exécutée sur le navigateur du téléphone mais bien de code natif, permettant plus de flexibilité et une meilleure performance sur le téléphone.

Sauf mention express, je parle essentiellement d’application cross-platform dans la suite de cet article. Le terme est utilisé pour décrire les deux technologies et le cross-platform est de loin l’option la plus performante aujourd’hui.

Développer une application hybride : les avantages

Le premier avantage énoncé est bien souvent le coût de l’application : les technologies hybrides ne nécessitent qu’un seul code source pour publier deux applications. Cela réduit le travail de moitié comparé au développement d’applications natives.

Le coût de maintenance et des mises à jour suivantes est lui aussi réduit puisqu’il n’y a encore une fois qu’un seul code source à modifier.

Le deuxième avantage est la vitesse de développement et déploiement : le délais de mise sur le marché pour les deux plateforme — Android et iOS — est bien plus court puisque les deux applications sont développées simultanément.

Comparé à l’hybride pure — technologies web portées sur mobile — le cross-platform permet en plus de développer des plugins qui vont venir utiliser les fonctionnalités natives du téléphone, ce qui permet de contourner les limitations de l’hybride.

React, une technologie de développement cross-platform permet par exemple l’utilisation de l’ARKit de l’iPhone grâce à ces plugins. L’ARKit, la technologie de réalité augmentée de iOS n’est pas accessible avec les technologies web mises à disposition par l’hybride mais est accessible avec des technologies cross-platforms.

Ces avantages font du cross-platform un choix stratégique dans de nombreux cas. Néanmoins l’hybride et les technologies cross-platform ont elles aussi des limites.

Les inconvénient des applications hybrides

La plupart des limites des solutions de développement hybrides ont été résolues avec l’arrivée du cross-platform. Il reste cependant certains cas où le développement d’une application native pour chaque plateforme est préférable.

Une limite commune touche les interfaces utilisateur avancées : certains affichages complexes sont difficiles à implémenter notamment parce qu’il faut considérer leur transposition d’une plateforme à une autre. Un menu sur iOS n’a pas le même aspect qu’un menu sur Android : dans le cas d’un menu standard, les frameworks de développement permettent une bonne adaptation mais dans le cas d’interfaces complexes ces adaptations peuvent devenir très complexes.

Une autre limite parfois évoquée est que le code n’étant pas natif, il est théoriquement moins stable que pour une application native et peut entraîner certains bugs.

La plupart des fonctionnalités du téléphone (GPS, caméra, notifications, …) sont accessibles par des plugins mis à disposition par les communautés de développeurs. Cela peut amener une dépendance envers ces communautés, des soucis lors des mises à jour des OS si ceux-ci amènent des mises à jour au niveau de l’accès aux fonctionnalités du téléphone — puisqu’il faut alors que les développeurs des plugins les mettent à jour et un accès aux fonctionnalités plus compliqué que pour un développement natif

Quelles sont les technologies de développement “hybrides” ?

Lorsque vous recrutez un freelance ou une agence pour le développement de votre application, il est intéressant de lui poser des questions sur ce qu’il entend par “hybride”.

Ci-dessous, vous trouverez une liste des principales technologies disponibles pour faire du cross-platform ou de l’hybride, ainsi que quelques applications connues de façon à ce que vous puissiez vous projeter sur ce qu’il est possible de faire et du “rendu” de ces applications.

Applications web portées et PWA : Progressive WebApps

Les applications “HTML5” qui ne mentionnent pas d’autres noms comme ceux cités dans cette section sont bien souvent des sites web portés sur mobile sont particulièrement limitées mais peuvent tout à fait convenir pour des applications simples comme une vitrine ou une publication périodique (magazine, blog, …).

Technologies hybrides : Ionic, Apache Cordova et PhoneGap

Ces trois technologies sont toutes liées :

• Apache Cordova est un projet libre qui sert de base aux développements sur plusieurs plateformes en utilisant des technologies web (HTML5, Javascript et CSS) plutôt que du code natif
• PhoneGap est une version de Cordova produite et maintenue par Adobe
• Ionic Framework est un ensemble de classes CSS et de bibliothèques et modules Javascript basé sur AngularJS, permettant d’augmenter Cordova

Technologies cross-platform: Appcelerator, Titanium, Xamarin, React Native et Flutter

Ces technologies sont les plus permissives et permettent de bénéficier du meilleur des deux mondes : une grande flexibilité dans le développement et des applications performantes et réactives, le tout avec un code source unique pour des déploiements sur plusieurs plateformes.

Une mention spéciale sur React Native : nous avons pu travailler sur de nombreuses applications avec React et cette technologie permet de couvrir toutes les spécifications qui ont pu nous être soumises par nos clients.

C’est une technologie flexible qui a fait ses preuves, puisque utilisée pour des applications largement utilisées comme Facebook ou Instagram et qui, par ses plugins et sa communauté ne souffre pas des limitations d’autres technologies.

Nous sommes bien entendu toujours ouverts aux nouvelles apparitions comme Flutter, développé par Google est la réponse du fameux moteur de recherche à Facebook (auteur de React).

Conclusion

La technologie hybride a beaucoup évolué et est un choix pertinent dans de plus en plus de situations.

Hormis dans le cas d’applications nécessitant l’utilisation de ressources propres à un OS en particulier comme par exemple l’ARKit de iOS ou bien l’utilisation d’applications avec une forte dimension graphique.

Les technologies hybrides comme React sont un excellent choix dans la plupart des cas, notamment dans le développement de MVP — Minimum Viable Product — dédié à la validation d’un business model.

Cela permet en effet de minimiser le budget et le temps de déploiement sur le marché, deux facteurs importants lors la création d’un premier projets où les fonds sont limités et les retours utilisateurs doivent être collectés le plus rapidement possible.

Les inconvénients exprimés les années passées comme le manque de réactivité ou le manque de fonctionnalités sont maintenant largement compensés par l’augmentation des performances des téléphones ainsi que des modules ou plugins permettant d’interagir avec les fonctionnalités de ces téléphones.

L’article La création d’application mobile hybride iOS et Android est apparu en premier sur Nativio.