Dans le cadre de la réalisation d’une application mobile pour un client de Dotwiz, nous sommes passés par une étape primordiale avant sa conception; le prototypage. Nous allons voir dans cet article qu’est ce qu’un prototype et l’utilisation du framework Ionic pour notre projet où le but est de fournir un MVP.

Qu’est ce que le prototypage ?

Le prototypage d’une application mobile ou d’un site web consiste à réaliser des maquettes interactives précédées par des wireframes et des mockups. Le prototypage permet de définir le projet dans tous ses détails et ainsi inclure l’utilisateur dans le processus de conception et avoir des retours pour une amélioration future. Il permet aussi de visualiser le projet lorsqu’il s’agit par exemple d’une application et tester son fonctionnement. Il s’agit là tout simplement d’un POC (Proof Of Concept) où le but est de prouver le concept; la faisabilité d’une idée. Il faut bien noter qu’il ne faut pas investir beaucoup de ressources (temps, budget,…) lors de la réalisation d’un prototype. Quand il s’agit d’étudier dans un premier temps la mise sur le marché de notre projet, on parle alors de MVP.

prototype-process

Qu’est ce qu’un MVP alors ?

Un MVP (Minimum Viable Product) est une stratégie adoptée de plus en plus par les développeurs d’applis mobiles. L’adoption d’une telle stratégie consiste à privilégier la vitesse de développement et les délais de mise sur le marché, ce qu’on appelle le Time To Market. Il correspond donc à un produit mis sur le marché que les développeurs continuent à améliorer en fonction des retours utilisateurs ou clients, c’est ce qu’on appelle les feedbacks.

Avantages :

  • la réduction des délais de mises sur le marché (avantages réels ou supposés au premier entrant)
  • la réduction des coûts de développement
  • la possibilité d’avoir rapidement des feedbacks utilisateurs autres que ceux liés à un prototype
  • se confronter rapidement aux réalités du marché
  • etc…

mvp-concept

Création d’un projet sous Ionic

Pour répondre au besoin du client rapidement nous avons décidé de créer déjà un première appli sous Ionic.

Ionic

Ionic est un framework permettant de développer des sites web (PWA) et des applications mobiles qui utilisent principalement les technologies suivantes: HTML, CSS et JavaScript. L’application tourne dans ce qu’on appelle une Webview qui est ensuite packagé grâce à Cordova en un projet iOS ou Android pour être finalement déployé sous la forme d’une application native dans la plupart des cas. Sous Ionic, on a qu’un seul code pour tous les types d’applications, c’est pour cela qu’on dit que c’est des applications Cross Platform ou des applications hybrides.

ionic-framework

Ayant déjà des starters templates faits par Dotwiz pour ce type de projet nous avons pu rapidement développer l’application pour le client. Puisque Dotwiz utilise principalement Ionic ou React Native pour le développement de ses applications mobiles.

Il existe aussi Ionic Creator qui permet de prototyper rapidement des applications avec le drag and drog de composants déjà prêts à l’utilisation.

Pour prendre en main Ionic je vous conseille ces liens :

Avant de partir…
Merci pour votre lecture ! 😊