První část mé série o vývoji nezávislých produktů

Jako mobilní vývojář si samozřejmě ze všeho nejvíc přeji napsat aplikaci, pohodlně se usadit a sledovat, jak se peníze jen hrnou ( ͡° ͜ʖ ͡°).

S jakými problémy se můžete setkat, když vytváříte aplikaci sami? Nedávno jsem vydal vlastní aplikaci a chci se podělit o problémy, na které jsem narazil, i o svá řešení.

1. Vymezte potřebu

Každý má pro vytvoření nezávislé aplikace trochu jiný důvod.

Ve velkém měřítku můžete spatřit naléhavou potřebu, jejíž řešení by dokázalo změnit svět — chybí už jen programátor.

V menším měřítku možná prostě chcete vidět vlastní aplikaci v App Storu. Může jít o experiment s novou technologií: poté, co iOS 8 přinesl rozšíření Today, se objevila řada osobitých aplikací, které na nich stavěly. Nebo může jít o nástroj, jenž odstraní nějakou každodenní nepříjemnost, například aplikaci pro správu souborů či promyšlenou aplikaci s počasím.

Najděte potřebu, ať je jakkoli velká či malá. Dodá vám motivaci pokračovat.

V reakci na potřeby své manželky jsem vytvořil aplikaci pro správu souborů nazvanou „Správce souborů“.

Správce souborů promění telefon v server. Ostatní zařízení ve stejné síti Wi-Fi mohou přes prohlížeč spravovat jeho soubory: třídit složky, kopírovat a přesouvat soubory a nahrávat je či stahovat.

Po vymezení této potřeby mi trvalo zhruba tři měsíce, než jsem projekt vydal. Cestou jsem se také trochu naučil Swift.

2. Prototypy aplikace a interakce

Jakmile znáte potřebu a řešení, pravděpodobně máte hrubou představu o prototypu i způsobu používání. Dalším krokem je rozhodnout o konkrétních obrazovkách a interakcích.

Vyzkoušel jsem několik prototypovacích nástrojů a pak jsem je vzdal.

Zjistil jsem, že za dobu potřebnou k osvojení prototypovacího nástroje a rozvržení obrazovek bych je mohl rovnou vytvořit pomocí xib. Prototypování jsem nakonec vyřešil ručně kreslenými náčrty.

Při pozdější tvorbě dalších produktů jsem si uvědomil, že prototypy jsou nezbytné. Prototypování je ve skutečnosti proces uspořádání logiky a zajištění její vnitřní soudržnosti.

3. Co se všemi těmi malými ikonami aplikace?

Když byl prototyp hotový, měl jsem hrubou představu o celkové struktuře projektu. Vedle kódu však stále zbýval problém, kterému se nevyhne žádný nezávislý vývojář!

Co mám dělat se všemi malými ikonami používanými v projektu?

Zde je několik knihoven ikon, které jsem použil:

  • Knihovna ikon Alibaba → Kompletní sady vektorových ikon s libovolně nastavitelnými barvami a velikostmi, opravdu štědrý zdroj. Ke komerčnímu použití je však stále nutné svolení autora.
  • icons8 → 56 500 bezplatných plochých ikon! Najdete tu ikony pro různé platformy a dokonce i aplikaci pro Mac.
  • iconfinder → Také nabízí kompletní sady ikon, ale s výrazněji komerčním modelem.

4. Testování a beta testování

Ve firmě nám s vylepšováním aplikace pomáhají testeři, produktoví kolegové a další členové týmu. Jak může nezávislý vývojář co nejdříve najít a předejít co největšímu počtu chyb?

4.1 Vlastní testování

Práci, kterou jsem dříve předával testovacímu týmu, musím nyní dělat sám. Vedle ručního testování si můžeme vychovat také testovací opičku, aby nám pomáhala.

4.2 Nábor beta testerů

Při tvorbě nezávislé aplikace zastáváme vedle vývojáře i mnoho dalších rolí: produkt, provoz, zákaznickou podporu a další. Také propagace je na nás. Začněte u přátel, spolužáků a rodiny a napište na sociální sítě: moje aplikace je skoro hotová, pojďte mi ji vyzkoušet!

Beta uživatelé nedělají jen to, že hledají chyby. Jejich nové požadavky a návrhy mohou k rozvoji a vylepšování aplikace přispět ještě více.

4.3 Distribuce testovacích sestavení

Pokud lze snadno získat identifikátory zařízení beta testerů, můžete použít platformu pro hostování beta verzí, například Pgyer nebo fir.im. Platí omezení zařízení.

Pokud je obtížné identifikátory zařízení získat, můžete použít TestFlight od společnosti Apple, který se otevřel po iOS 8 a nabízí až 10 000 míst pro beta testery.

5. Snímky obrazovky pro App Store

Proč mají snímky obrazovky pro vydání vlastní oddíl? Nezávislí vývojáři mají poměrně málo propagačních kanálů. Snímky a popis na produktové stránce v App Storu jsou vstupem do aplikace a její výlohou.

Pokud snímky vypadají špatně, můžeme přijít o návštěvníka, který aplikaci právě objevil.

Ve firmě pomáhají se snímky UI designéři a produktoví kolegové. Jak ale při samostatné práci získat snímky ve správných rozměrech?

5.1 Snímky v simulátoru

Obrazovky aplikace lze zachytit přímo v simulátoru, výsledek však může působit trochu neuhlazeně.

5.2 Trocha vylepšení

Doporučuji bezplatný web shotbot. Nahrajete materiály a získáte kompletní sadu jednotně formátovaných produktových snímků.

Poznámka z 2022-04-11: Později jsem napsal aplikaci pro Mac určenou přímo k výrobě snímků obrazovky pro vlastní vydání v App Storu.

6. Další zdroje, které jsem použil

Při práci na konkrétních interakcích a návrzích někdy nástroje třetích stran a hotové ikony nesplní přesně vaše představy.

Pak si obrázky upravte sami!

Většina vývojářů samozřejmě není ve Photoshopu příliš zdatná a někteří ho nikdy nepoužili. Co tedy dělat?

Zde jsou dva weby: Online PS a webový editor Meitu

Jednoduché úpravy obrázků můžete dělat v prohlížeči bez stahování objemného softwaru Adobe. Pro nás, kteří Photoshop příliš neumíme, je to dobrá zpráva.

Kromě úprav obrázků může být oříškem i samotná ikona aplikace. Doporučuji také web MakeIcon: nahrajete logo 1024×1024 a automaticky vytvoří všechny ostatní velikosti ikon. Podporuje dokonce i iMessage v iOS 10.

7. Závěrem

Vývoj jsem dokončil s využitím dostupných zdrojů a bez pomoci UI designéra. Pokud designéra máte, můžete se klidně poroučet ￣ヘ￣.

Vlastní aplikaci jsem chtěl vytvořit už dlouho. Doopravdy jsem začal teprve nedávno, když jsem si ujasnil, co potřebuji. Nejdůležitější bylo, že jsem konečně měl jasnou potřebu, kterou bylo třeba vyřešit, a cestou jsem se také trochu naučil Swift.

Během vývoje jsem dokonce téměř celý týden nenapsal skoro žádný kód. Uvědomil jsem si, že při tvorbě nezávislé aplikace vás vpřed skutečně žene právě ona potřeba. Nezáleží na její velikosti; podstatné je vyřešit problém.

S postupem vývoje přibývaly požadavky: sdílení přes AirDrop, integrace iCloudu a vývoj ShareExtension stále nebyly hotové. Pokračovat a iterovat po malých krocích! ʘʚʘ (Rozhodně nepřiznám, že původním důvodem k vytvoření této aplikace bylo sdílet mou „sbírku.avi“ mezi PC, telefonem a iPadem.)

Zde je odkaz na mou aplikaci: Nejjednodušší způsob správy souborů, Správce souborů

Poznámka z 2022-04-11: Aplikaci už nelze najít ve vyhledávání. Protože jsem neměl dobrý způsob, jak ji zpeněžit, prodal jsem ji outsourcingové firmě. Prodej mě přiměl k mnoha úvahám; další článek je rozebírá podrobněji.

Původní článek vyšel na webu Jianshu. Můj účet na Jianshu byl později napaden a ostatní články byly neustále blokovány. Nyní přesouvám všechny své blogové příspěvky na github.io.