Deel één van mijn reeks over onafhankelijke productontwikkeling

Als mobiele ontwikkelaar is mijn grootste wens natuurlijk een app schrijven en achteroverleunen terwijl het geld binnenstroomt ( ͡° ͜ʖ ͡°).

Welke problemen kom je tegen wanneer je zelf een app bouwt? Ik heb onlangs mijn eigen app uitgebracht en wil vertellen welke problemen ik tegenkwam en hoe ik ze oploste.

1. De behoefte bepalen

Iedereen heeft een iets andere reden om een onafhankelijke app te willen bouwen.

Op grote schaal zie je misschien een dringende behoefte waarvan de oplossing de wereld kan veranderen; er ontbreekt alleen nog een programmeur.

Op kleinere schaal wil je misschien gewoon je eigen app in de App Store zien. Het kan een proef met nieuwe technologie zijn: nadat iOS 8 Today-extensies introduceerde, verschenen veel bijzondere apps die daarop waren gebaseerd. Of het kan een hulpmiddel zijn dat een ongemak uit je leven wegneemt, zoals een app voor bestandsbeheer of een doordachte weer-app.

Bepaal een behoefte, hoe groot of klein ook. Die geeft je de motivatie om door te gaan.

Ik bouwde voor de behoeften van mijn vrouw een app voor bestandsbeheer met de naam “File Manager”.

File Manager maakt van de telefoon een server. Andere apparaten op hetzelfde wifi-netwerk kunnen via een browser de bestanden beheren: mappen ordenen, bestanden kopiëren en verplaatsen en ze uploaden of downloaden.

Nadat de behoefte vaststond, kostte het me ongeveer drie maanden om het project uit te brengen. Onderweg leerde ik wat Swift.

2. App-prototypes en interacties

Met een behoefte en oplossing heb je waarschijnlijk een vaag beeld van het prototype en het gebruik. Daarna leg je de echte schermen en interacties vast.

Ik probeerde enkele prototypetools en gaf ze daarna op.

De tijd om zo’n tool te leren en schermen uit te werken was genoeg geweest om ze met xib te bouwen. Uiteindelijk gebruikte ik handgetekende schetsen.

Bij latere producten ontdekte ik dat prototypes wel nodig zijn. Prototypen is eigenlijk het ordenen en intern consistent maken van de logica.

3. Wat doe je met al die kleine app-pictogrammen?

Met het prototype klaar had ik een globaal idee van de projectstructuur. Naast code bleef er een probleem waar geen onafhankelijke ontwikkelaar omheen kan!

Wat moest ik doen met alle kleine pictogrammen in het project?

Dit zijn enkele bibliotheken die ik gebruikte:

  • Alibaba’s pictogrammenbibliotheek → Complete vectorreeksen met vrij instelbare kleuren en maten. Voor commercieel gebruik blijft toestemming van de maker nodig.
  • icons8 → 56.500 gratis platte pictogrammen! Voor verschillende platforms en zelfs met een Mac-app.
  • iconfinder → Ook complete reeksen, met een duidelijker commercieel model.

4. Zelf testen en bètatesten

In een bedrijf helpen testers, productcollega’s en teamleden de app verbeteren. Hoe vindt en voorkomt een onafhankelijke ontwikkelaar zo vroeg mogelijk zoveel mogelijk fouten?

4.1 Zelf testen

Nu moet ik het werk doen dat ik vroeger aan het testteam gaf. Naast handmatig testen kunnen we ook een testaap inzetten.

4.2 Bètatesters werven

Een onafhankelijke app bouwen betekent meer rollen dan ontwikkelaar: product, beheer, klantenservice en meer. Ook promotie is onze taak. Begin bij vrienden, klasgenoten en familie en plaats op sociale netwerken: mijn app is bijna klaar, help me hem proberen!

Bètagebruikers vinden niet alleen fouten. Hun nieuwe wensen en suggesties kunnen de app nog meer verrijken en verbeteren.

4.3 Testversies verspreiden

Kun je eenvoudig apparaat-ID’s krijgen, gebruik dan een bètaplatform als Pgyer of fir.im. Er gelden apparaatbeperkingen.

Zijn ID’s moeilijk te krijgen, gebruik dan Apple TestFlight, opengesteld na iOS 8, met maximaal 10.000 bètaplaatsen.

5. App Store-schermafbeeldingen

Waarom een eigen onderdeel voor publicatieschermafbeeldingen? Onafhankelijke ontwikkelaars hebben weinig promotiekanalen. De afbeeldingen en beschrijving op de App Store-productpagina zijn de ingang en etalage van de app.

Zien ze er slecht uit, dan verliezen we misschien iemand die de app net heeft ontdekt.

In een bedrijf helpen UI-ontwerpers en productcollega’s. Hoe krijgen we alleen afbeeldingen met de juiste afmetingen?

5.1 Schermafbeeldingen in de simulator

Je kunt appschermen rechtstreeks in de simulator vastleggen, al kan het resultaat wat ruw ogen.

5.2 Een beetje afwerking

Ik raad de gratis site shotbot aan. Upload materiaal en hij maakt een complete, consistent opgemaakte reeks productafbeeldingen.

Notitie van 2022-04-11: later schreef ik speciaal een Mac-app om schermafbeeldingen voor mijn eigen App Store-publicaties te maken.

6. Andere gebruikte bronnen

Bij bepaalde interacties en ontwerpen voldoen hulpmiddelen van derden en kant-en-klare pictogrammen soms niet.

Bewerk de afbeeldingen dan zelf!

De meeste ontwikkelaars zijn natuurlijk niet bijzonder vaardig met Photoshop, en sommigen hebben het nooit gebruikt. Wat nu?

Twee websites: Online PS en Meitu’s webeditor

Je kunt eenvoudige beeldbewerkingen in de browser uitvoeren zonder zware Adobe-software te downloaden. Goed nieuws voor wie Photoshop niet goed beheerst.

Ook het app-pictogram kan lastig zijn. Op MakeIcon upload je een logo van 1024×1024 en worden alle andere maten gegenereerd. Zelfs iMessage op iOS 10 wordt ondersteund.

7. Slotgedachten

Ik voltooide de app met bestaande bronnen, zonder hulp van een UI-ontwerper. Heb je wel een ontwerper, dan kun je vertrekken ￣ヘ￣.

Ik wilde al lang een eigen app maken. Pas onlangs begon ik echt, nadat ik had geordend wat ik nodig had. Vooral had ik eindelijk een duidelijke behoefte en leerde ik onderweg Swift.

Tijdens de ontwikkeling schreef ik zelfs een week nauwelijks code. Ik besefte dat de behoefte je bij een onafhankelijke app doet volhouden. De omvang maakt niet uit; een probleem oplossen wel.

Gaandeweg groeiden de eisen: AirDrop-delen, iCloud-integratie en ShareExtension waren nog onvoltooid. Doorgaan en stap voor stap verbeteren! ʘʚʘ (Ik geef beslist niet toe dat ik de app oorspronkelijk maakte om mijn “collection.avi” te delen tussen pc, telefoon en iPad.)

Hier is de link: De eenvoudigste manier om bestanden te beheren, File Manager

Notitie van 2022-04-11: de app is niet meer vindbaar in de zoekfunctie. Zonder goede manier om hem te gelde te maken, verkocht ik hem aan een outsourcingbedrijf. Die verkoop zette me aan het denken; het volgende artikel gaat er dieper op in.

Het oorspronkelijke artikel verscheen op Jianshu. Mijn account werd later overgenomen en andere artikelen bleven geblokkeerd. Nu migreer ik alle berichten naar github.io.