Premier article de ma série sur le développement de produits indépendants

En tant que développeur mobile, mon plus grand souhait est évidemment de créer une app puis regarder l’argent rentrer sans rien faire ( ͡° ͜ʖ ͡°).

Quels problèmes peut-on rencontrer en créant seul une app ? J’ai récemment publié la mienne et souhaite partager les difficultés rencontrées ainsi que mes solutions.

1. Définir le besoin

Chacun a une raison légèrement différente de vouloir créer une app indépendante.

À grande échelle, vous pouvez percevoir un besoin urgent dont la solution pourrait changer le monde : il ne manque plus qu’un programmeur.

À plus petite échelle, vous souhaitez peut-être simplement voir votre app dans l’App Store. Il peut s’agir d’une expérience avec une nouvelle technologie : après l’arrivée des extensions Today dans iOS 8, de nombreuses apps originales fondées sur celles-ci sont apparues. Il peut aussi s’agir d’un utilitaire qui supprime une gêne quotidienne, comme un gestionnaire de fichiers ou une app météo aux fonctions bien pensées.

Identifiez un besoin, grand ou petit. Il vous donnera la motivation de continuer.

J’ai créé une app de gestion de fichiers appelée « File Manager » pour répondre aux besoins de ma femme.

File Manager transforme le téléphone en serveur. Les autres appareils du même réseau Wi-Fi peuvent gérer ses fichiers depuis un navigateur : organiser les dossiers, copier et déplacer les fichiers, les téléverser ou les télécharger.

Une fois ce besoin défini, il m’a fallu environ trois mois pour publier le projet. J’en ai profité pour apprendre un peu Swift.

2. Prototypes et interactions de l’app

Une fois le besoin et sa solution trouvés, vous avez probablement une idée approximative du prototype et de son utilisation. L’étape suivante consiste à préciser les écrans et les interactions.

J’ai essayé quelques outils de prototypage, puis je les ai abandonnés.

J’ai constaté que le temps nécessaire pour apprendre un outil de prototypage et disposer les écrans aurait suffi à les construire avec xib. J’ai finalement résolu la question du prototype avec des croquis dessinés à la main.

En créant d’autres produits par la suite, j’ai compris que les prototypes étaient nécessaires. Le prototypage est en réalité un processus qui organise la logique et la rend cohérente.

3. Que faire de toutes ces petites icônes ?

Le prototype défini, j’avais une idée générale de la structure du projet. Au-delà du code, il restait toutefois un problème auquel tout développeur indépendant doit faire face !

Que faire de toutes les petites icônes utilisées dans le projet ?

Voici quelques bibliothèques d’icônes que j’ai utilisées :

  • La bibliothèque d’icônes d’Alibaba → Des ensembles complets d’icônes vectorielles dont les couleurs et dimensions sont librement réglables, une ressource généreuse. L’utilisation commerciale nécessite néanmoins l’autorisation de l’auteur.
  • icons8 → 56 500 icônes plates gratuites ! Des icônes existent pour différentes plateformes, ainsi qu’une app Mac.
  • iconfinder → Propose également des ensembles complets, avec un modèle commercial plus marqué.

4. Tests personnels et bêta-tests

Dans une entreprise, les testeurs, les collègues produit et les autres membres de l’équipe contribuent à améliorer l’app. Comment un développeur indépendant peut-il trouver et éviter le plus de bugs possible, le plus tôt possible ?

4.1 Tester soi-même

Je dois désormais effectuer le travail que je confiais auparavant à l’équipe de test. Outre les tests manuels, nous pouvons aussi élever un singe de test pour nous aider.

4.2 Recruter des bêta-testeurs

Créer une app indépendante, c’est cumuler les rôles : développeur, produit, exploitation, service client et bien d’autres. La promotion nous incombe aussi. Commencez par les amis, camarades et proches, puis annoncez sur les réseaux sociaux : mon app est presque prête, venez m’aider à l’essayer !

Les bêta-testeurs ne se contentent pas de trouver des bugs. Leurs nouvelles demandes et suggestions peuvent contribuer encore davantage à enrichir et améliorer l’app.

4.3 Distribuer les versions de test

S’il est facile d’obtenir les identifiants d’appareil des bêta-testeurs, vous pouvez utiliser une plateforme d’hébergement bêta comme Pgyer ou fir.im. Des restrictions d’appareil s’appliquent.

Si ces identifiants sont difficiles à obtenir, vous pouvez utiliser TestFlight d’Apple, ouvert depuis iOS 8, avec jusqu’à 10 000 places de bêta-test.

5. Captures d’écran pour l’App Store

Pourquoi consacrer une section aux captures d’écran de publication ? Les développeurs indépendants ont relativement peu de canaux de promotion. Les captures et la description de notre page produit App Store sont l’entrée et la vitrine de l’app.

Si elles sont médiocres, nous risquons de perdre une personne qui vient juste de découvrir l’app.

Dans une entreprise, les designers UI et les collègues produit aident à créer ces captures. Seul, comment obtenir des images aux bonnes dimensions ?

5.1 Captures dans le simulateur

Vous pouvez capturer directement les écrans dans le simulateur, même si le résultat risque d’être un peu brut.

5.2 Un peu de finition

Je recommande un site gratuit nommé shotbot. Téléversez vos éléments et il produit un ensemble complet de captures produit au format cohérent.

Remarque du 2022-04-11 : j’ai ensuite créé une app Mac spécialement destinée à réaliser les captures d’écran de mes propres publications sur l’App Store.

6. Autres ressources utilisées

Pour certaines interactions et certains designs, les outils tiers et les icônes prêtes à l’emploi ne suffisent parfois pas.

Alors retouchez les images vous-même !

Bien sûr, la plupart des développeurs ne maîtrisent pas particulièrement Photoshop et certains ne l’ont jamais utilisé. Que faire ?

Voici deux sites : Online PS et l’éditeur web de Meitu

Vous pouvez effectuer de simples retouches dans le navigateur sans télécharger de lourd logiciel Adobe. C’est une bonne nouvelle pour ceux d’entre nous qui ne sont pas très à l’aise avec Photoshop.

Au-delà de la retouche, l’icône de l’app peut elle aussi être un casse-tête. Je recommande également MakeIcon : téléversez un logo de 1024×1024 et le site génère automatiquement toutes les autres dimensions. Il prend même en charge iMessage sur iOS 10.

7. Conclusion

J’ai terminé le développement avec les ressources existantes, sans l’aide d’un designer UI. Si vous en avez un, vous pouvez passer votre chemin ￣ヘ￣.

Je voulais créer ma propre app depuis longtemps. Je ne m’y suis vraiment mis que récemment, après avoir clarifié ce dont j’avais besoin. Surtout, j’avais enfin un besoin précis auquel répondre, et j’ai appris un peu Swift au passage.

Pendant le développement, j’ai même passé une semaine à n’écrire presque aucun code. J’ai compris que, pour une app indépendante, le besoin est ce qui vous fait vraiment tenir. Sa taille importe peu ; résoudre un problème compte.

À mesure que le développement avançait, les exigences augmentaient : le partage AirDrop, l’intégration iCloud et le développement d’une ShareExtension n’étaient pas terminés. Continuons et améliorons petit à petit ! ʘʚʘ (Je n’avouerai certainement pas que la raison initiale de cette app était de partager ma « collection.avi » entre mon PC, mon téléphone et mon iPad.)

Voici le lien vers mon app : La manière la plus simple de gérer les fichiers, File Manager

Remarque du 2022-04-11 : l’app n’apparaît plus dans les recherches. Faute de bonne méthode de monétisation, je l’ai vendue à une société d’externalisation. Cette vente m’a beaucoup fait réfléchir ; l’article suivant développe ces réflexions.

L’article d’origine a été publié sur Jianshu. Mon compte Jianshu a ensuite été compromis et mes autres articles ont continué d’être bloqués. Je migre maintenant tous mes billets vers github.io.