Primera part de la meva sèrie sobre el desenvolupament de productes independents

Com a desenvolupador mòbil, el meu desig més gran és, naturalment, crear una aplicació i veure com els diners arriben sols ( ͡° ͜ʖ ͡°).

Quins problemes pots trobar quan crees una aplicació tot sol? Fa poc vaig publicar una aplicació pròpia i vull compartir els problemes que vaig trobar i com els vaig resoldre.

1. Defineix la necessitat

Cadascú té un motiu una mica diferent per voler crear una aplicació independent.

A gran escala, potser detectes una necessitat urgent la solució de la qual podria canviar el món: només cal un programador.

A una escala més petita, potser només vols veure la teva aplicació a l’App Store. Podria ser un experiment amb una tecnologia nova: després que iOS 8 introduís les extensions Today, van aparèixer moltes aplicacions singulars basades en elles. O podria ser una utilitat que resolgui una molèstia de la teva vida, com una aplicació de gestió de fitxers o una aplicació meteorològica amb funcions ben pensades.

Identifica una necessitat, sigui gran o petita. Et donarà la motivació per continuar.

Vaig crear una aplicació de gestió de fitxers anomenada «File Manager» per respondre a les necessitats de la meva dona.

File Manager converteix el telèfon en un servidor. Altres dispositius de la mateixa xarxa Wi-Fi poden gestionar-ne els fitxers mitjançant un navegador: organitzar carpetes, copiar i moure fitxers, i pujar-los o baixar-los.

Després de concretar aquesta necessitat, vaig dedicar uns tres mesos a aconseguir publicar el projecte. Pel camí vaig aprendre una mica de Swift.

2. Prototips i interaccions de l’aplicació

Quan tens una necessitat i una solució, probablement ja t’imagines a grans trets el prototip i com l’utilitzarà la gent. El pas següent és concretar les pantalles i les interaccions reals.

Vaig provar unes quantes eines de prototipatge i després les vaig abandonar.

Vaig descobrir que, amb el temps necessari per aprendre una eina de prototipatge i maquetar les pantalles, ja les podria haver construït amb xib. Al final vaig resoldre el prototip dibuixant esbossos a mà.

Més endavant, mentre creava altres productes, em vaig adonar que els prototips són necessaris. En realitat, prototipar és un procés per ordenar la lògica i fer que sigui coherent.

3. Què fem amb totes les icones petites de l’aplicació?

Amb el prototip definit, ja tenia una idea aproximada de l’estructura general del projecte. Però, més enllà del codi, encara quedava un problema que tot desenvolupador independent ha d’afrontar!

Què haig de fer amb totes les icones petites que s’utilitzen arreu del projecte?

Aquestes són algunes biblioteques d’icones que he utilitzat:

  • Biblioteca d’icones d’Alibaba → Col·leccions completes d’icones vectorials amb colors i mides ajustables lliurement, un recurs generós. Per a l’ús comercial encara cal el permís de l’autor.
  • icons8 → 56.500 icones planes gratuïtes! Hi ha icones per a diferents plataformes i fins i tot una aplicació per a Mac.
  • iconfinder → També ofereix col·leccions completes d’icones, amb un model comercial més clar.

4. Proves pròpies i proves beta

En una empresa, els provadors, els companys de producte i altres membres de l’equip ens ajuden a millorar l’aplicació. Com pot un desenvolupador independent trobar i prevenir tants errors com sigui possible, tan aviat com sigui possible?

4.1 Provar-la tu mateix

Ara m’haig d’encarregar de la feina que abans passava a l’equip de proves. A més de les proves manuals, també podem criar un mico de proves perquè ens ajudi a provar.

4.2 Reclutar provadors beta

Crear una aplicació independent implica assumir molts més papers que el de desenvolupador: producte, operacions, atenció al client i més. També som responsables de la promoció. Comença amb amics, companys de classe i familiars, i publica a les xarxes socials: la meva aplicació gairebé està llesta, veniu a ajudar-me a provar-la!

Els usuaris beta fan més que trobar errors. Les seves noves peticions i suggeriments poden contribuir encara més a enriquir i millorar l’aplicació.

4.3 Distribuir compilacions de prova

Si et resulta fàcil obtenir els identificadors dels dispositius dels provadors beta, pots utilitzar una plataforma d’allotjament de versions beta com Pgyer o fir.im. Hi ha restriccions de dispositius.

Si els identificadors dels dispositius són difícils d’obtenir, pots utilitzar TestFlight d’Apple, disponible des d’iOS 8, amb fins a 10.000 places de prova beta.

5. Captures de pantalla per a l’App Store

Per què dedicar una secció pròpia a les captures de pantalla de publicació? Els desenvolupadors independents tenim relativament pocs canals de promoció. Les captures i la descripció de la pàgina del producte a l’App Store són l’entrada i l’aparador de l’aplicació.

Si aquestes captures tenen mal aspecte, podem perdre una persona que acaba de descobrir l’aplicació.

En una empresa, els dissenyadors d’interfície i els companys de producte ajuden a preparar les captures. Si treballem sols, com podem obtenir captures amb les mides correctes?

5.1 Captures al simulador

Pots capturar directament les pantalles de l’aplicació al simulador, tot i que el resultat pot semblar una mica poc polit.

5.2 Una mica de retoc

Recomano un lloc web gratuït anomenat shotbot. Hi puges els materials i genera una col·lecció completa de captures de producte amb un format coherent.

Nota del 2022-04-11: més endavant vaig crear una aplicació per a Mac específicament per preparar les captures de les meves publicacions a l’App Store.

6. Altres recursos que vaig utilitzar

Quan treballem en determinades interaccions i dissenys, de vegades les eines de tercers i les icones ja fetes no arriben a oferir allò que volem.

Doncs edita les imatges tu mateix!

Naturalment, la majoria de desenvolupadors no dominen gaire Photoshop, i alguns no l’han utilitzat mai. Què podem fer?

Aquí tens dos llocs web: Online PS i l’editor web de Meitu

Pots fer edicions senzilles d’imatges al navegador sense descarregar el pesant programari d’Adobe. És una bona notícia per als qui no som gaire hàbils amb Photoshop.

A més de l’edició d’imatges, la mateixa icona de l’aplicació també pot ser un maldecap. Un altre lloc que recomano és MakeIcon: puja-hi un logotip de 1024×1024 i generarà automàticament totes les altres mides d’icona. Fins i tot admet iMessage a iOS 10.

7. Reflexions finals

Vaig acabar el desenvolupament utilitzant recursos existents i sense l’ajuda d’un dissenyador d’interfície. Si en tens un, ja pots acompanyar-te tu mateix a la sortida ￣ヘ￣.

Feia molt de temps que volia crear la meva pròpia aplicació. Només m’hi vaig posar seriosament fa poc, després d’ordenar el que necessitava. Sobretot, finalment tenia clara la necessitat que volia abordar, i pel camí vaig aprendre una mica de Swift.

Durant el desenvolupament fins i tot vaig passar una setmana gairebé sense escriure codi. Em vaig adonar que, quan crees una aplicació independent, la necessitat és el que realment et manté en marxa. La seva magnitud no importa; el que importa és resoldre un problema.

A mesura que avançava el desenvolupament, els requisits van créixer: encara quedaven per acabar l’ús compartit amb AirDrop, la integració amb iCloud i el desenvolupament de ShareExtension. Cal continuar i iterar a poc a poc! ʘʚʘ (No penso admetre que el motiu original per crear aquesta aplicació era compartir el meu «collection.avi» entre el PC, el telèfon i l’iPad.)

Aquí tens l’enllaç a la meva aplicació: La manera més senzilla de gestionar fitxers, File Manager

Nota del 2022-04-11: l’aplicació ja no es troba a les cerques. Com que no tenia una bona manera de monetitzar-la, la vaig vendre a una empresa d’externalització. La venda em va fer reflexionar molt; l’article següent ho explica amb més detall.

L’article original es va publicar a Jianshu. Més endavant van comprometre el meu compte de Jianshu i els meus altres articles continuaven sent bloquejats. Ara estic migrant totes les entrades del blog a github.io.