Comment faire le MVP d'une application mobile?

Exemple d'une app mobile fait avec du nocode (Glide)
Source : https://stackoo.glideapp.io/
 

Une application mobile est d'abord .... une app.

C'est-à-dire un logiciel, un programme qui affiche un certain nombre d'information aux utilisateurs et qui permet à ces derniers de réaliser un certain nombre d'action dessus.

La particularité ca va être que vos cas d'usage ont particulièrement du sens pour vos utilisateurs quand c'est sur du mobile et d'ailleurs ca va être une des principales hypothèses avec votre MVP app mobile.

Composition d'un site de vente de service

Il est très difficile de parler de composition car chaque application mobile est composée différemment avec des cas d'usage différents.
Mais pour faire simple, chaque application cherche à permettre :

👀 La visualisation des données que ce soit sous forme de liste de texte (on pense à un menu dans UberEats par exemple) ou gallerie d'image comme Instagram. Comme sur un mobile, la taille d'affichage est beaucoup plus petite qu'un PC, les informations sur une donnée vont être affichées sur plusieurs écrans. Un premier écran qui affiche une première vue d'ensemble de la donnée (une photo d'insta, un restaurant sur UberEats...) et au clic l'app mobile va afficher le détail de la donnée (date de publication, description ... dans le cas d'une photo d'Insta, un menu dans le cadre d'UberEats). Ainsi, dans cette vue "détails", il peut avoir d'autres données dont les détails vont être affichés de nouveau au clic.

🤳 La complétion d'une action. Les familles d'actions les plus courantes dans une application mobile : Visualiser, Liker/Commenter, Commander / Acheter, Suivre/Mettre en favori, Ajouter/Publier ...

Quelques conseils

Dans un MVP d'app mobile, cherchez pas à faire tout de suite une application native, téléchargeable sur les Stores de Google et Apple.

Car c'est assez onéreux de créer tout de suite et maintenir une application native et ca coûte aussi de l'argent pour les mettre sur le store.

En MVP, vous pouvez faire un "progressive web app", c'est-à-dire une application concue pour du mobile et accessible via un lien URL à mettre dans le browser de votre mobile. Je vais même vous montrer par la suite qu'il est possible de "installer" ces progressive web-apps sur votre mobile.

Ainsi, vous pouvez avoir un premier MVP qui va vous permettre de tester vos hypothèses sur votre proposition de valeur, et également si vos cas d'usage s'y prêtent bien à une application mobile 

Mon stack Nocode préféré pour faire cela

🖌 Glide c'est vraiment mon outil nocode préféré pour faire des apps mobiles. Il est vraiment simple d'utilisation, l'apprentissage se fait assez vite et l'outil commence à permettre de créer des fonctionnalités relativement poussées.

Il s'agit d'un outil nocode qui permet de faire des applications mobiles depuis un Google Sheet. 

Comme vous pouvez voir dans le gif ci-dessus, chaque ligne dans votre Google Sheet devient visualisable sur l'application mobile et qu'une action dans l'app mobile (en l'occurence l'action "Checked in") met à jour directement votre Google Sheet. Et quand vous cliquez sur un élément, le détail des données associées s'affichent sur un 2e écran.

Vos données, vous allez pouvoir l'afficher de plusieurs manières : liste, gallery d'image vertical, horizontal, swiping cards, avatars.... Tout cela se gère assez facilement dans Glide.

Astuces:
- Pour afficher cette liste, le plus simple c'est d'utiliser le composant Infine List et choisir comme source de donnée l'onglet du Google Sheet que vous souhaitez.

- Pour chacune de vos "tabs" dans Glide, je recommande vivement de le configurer en mode Détails. Ce mode vous permet de personaliser l'écran en question en ajoutant les différents composants (texte, infine lists) les uns après les autres comme vous souhaitez.

Concernant les actions que peuvent faire les utilisateurs, pour cela Glide vous met à disposition des composants "Bouton" déjà préconfiguré pour les cas d'usage récurrents comme : Publier (Form Button), Acheter (Buy Button) .... 

Ou alors si vous voulez créer tout une succession d'actions déclenchée par le bouton, vous pouvez le configurer facilement le process pour chaque bouton.

Et finalement, pour "installer" une app Glide sur votre mobile, il suffit juste de le publier sur un lien url que vous choisissez et rajouter un shortcut vers ce lien url de l'app sur votre mobile.

Voici une vidéo qui explique comment faire cela :  

💡 Utilisez Canva pour faire des visuels simples et jolis pour votre application

"Quelques" ressources gratuites pour t'aider

J'ai scrapé plus de 1200 vidéos Youtube tuto gratuites sur les différents outils Nocode 👇.

Filtrez sur la colonne "Nocode tools" pour trouver les tutoriels de l'outil Nocode qui t'intéressent et utilisez la loupe pour chercher des mots clés en lien avec votre cas d'usage.

Petit conseil : Si vous ne connaissez rien sur l'outil, filtrez sur l'outil en question et cherchez avec les mots clés "Premier pas" ou " Getting started" ou "Introduction / Introducing".

Pour aller plus loin

🖌 Pour une version plus aboutie avec des parcours utilisateurs plus poussés, et surtout si vous voulez faire une vraie application mobile native à publier sur les Store Google et Apple, vous pouvez utiliser Adalo pour faire votre application.
Et c'est toujours bien sur du nocode.

🖌 Pour des fonctionnalités encore plus complexes, vous pouvez faire votre application sur Bubble. Bubble est l'outil nocode le plus puissant permettant de traiter quasiment tous les use cases comme si c'est du vrai code. Mais attention, la courbe d'apprentissage de cet outil est également assez violente.