Kako napraviti playable oglas bez programera

Ključne poruke - Izrada playable oglasa uglavnom je dizajnerska odluka: odaberite jednu mehaniku, jedan cilj i jedan kraj prije nego što otvorite bilo koji alat. - Prvih nekoliko sekundi osmislite na papiru. Ako nepoznata osoba ne može shvatiti što treba činiti bez teksta, pojednostavnite mehaniku. - Bez programera možete graditi pomoću playable ad makera ili izvoza iz vizualnog enginea, ali završnu datoteku i dalje morate testirati na stvarnim telefonima. - Završna kartica i gumb za trgovinu dio su oglasa, a ne naknadna misao. Provjerite ih prije svakog prijenosa. - Aktualnu specifikaciju svake mreže smatrajte izvorom istine za pakiranje i provedite QA provjeru točne datoteke koju isporučujete.

Što je zapravo playable oglas

Playable oglas je mali interaktivni doživljaj, najčešće u HTML5, koji se izvodi unutar oglasnog prostora. Osoba vidi kratak isječak vaše igre ili aplikacije, komunicira s njim i zatim stigne na završnu karticu koja je vodi u trgovinu.

To nije demo verzija niti trailer s pozivom na dodir. To je namjenski izrađena petlja koja ljudima omogućuje da razumiju vaš proizvod tako da ga dotaknu. Taj okvir je važan jer pokazuje što izbaciti: gotovo sve.

S tehničke strane, playable je web stranica. Sastoji se od HTML-a, JavaScripta, slika i ponekad zvuka, a iscrtava se na canvasu ili u DOM-u. Ako vas zanima što se nalazi ispod haube, dokumentacija Canvas API-ja na MDN-u dobar je uvod. Ne morate je čitati da biste napravili playable, ali objašnjava zašto playable može biti malen i brz ako ostane jednostavan.

1. korak: Odaberite jednu mehaniku koju vrijedi igrati

Otvorite svoju igru ili aplikaciju i pitajte se: koja je jedna radnja zbog koje ljudi kažu "aha, shvatio sam"?

• U igri tipa match-3 to je zamjena dvaju elemenata i gledanje kaskade.
• U hyper-casual runneru to je upravljanje lijevo i desno radi izbjegavanja prepreka.
• U merge igri to je povlačenje dvaju identičnih predmeta jedan na drugi.
• U financijskoj ili fitness aplikaciji to može biti jedna interakcija koja pokazuje rezultat, primjerice pomicanje klizača i promjena broja.

Odaberite onu koju je najlakše razumjeti bez riječi i koja odmah daje povratnu informaciju. Oduprite se želji da prikažete napredovanje, trgovine ili društvene funkcije. To su razlozi za nastavak igranja, a ne za početak.

Koristan test: opišite playable jednom rečenicom. "Povuci iste blokove da očistiš ploču" funkcionira. "Izgradi bazu, zatim se bori, zatim nadogradi" ne funkcionira.

2. korak: Osmislite sesiju na papiru

Prije izrade napišite playable kao kratak slijed zzbivanja. Dizajnirate vrlo malu priču.

1. Zamka (hook). Što igrač vidi u prvom trenutku? Treba prikazati ključni vizual vaše igre i jasno dati do znanja da je nešto interaktivno.
2. Prvi unos. Što je prva stvar koju igrač radi? Vodite ga kursorom u obliku ruke, isticanjem ili pulsirajućom metom. Ne oslanjajte se na odlomak teksta.
3. Nagrada. Što se događa kad to učini? Dodajte pokret, zvuk ako ga mreža dopušta i jasan osjećaj napretka.
4. Eskalacija. Dajte mu još jednu ili dvije radnje koje djeluju nešto veće od prve.
5. Završetak. Odlučite kako završava: pobjedom, zamalo-porazom koji poziva na ponovni pokušaj ili prekidom nakon isteka vremena. Zatim prikažite završnu karticu.

Svaki korak skicirajte kao grubi kadar. Ako ga ne možete nacrtati u nekoliko okvira, prekompliciran je za ovaj format.

Odlučite kako se može izgubiti

Playable koji se ne može izgubiti može djelovati besmisleno, a onaj u kojem se gubi prebrzo djeluje nepošteno. Čest je obrazac vođena pobjeda nakon koje slijedi teži drugi korak u kojem je poraz moguć, ali blag. Ponovni pokušaj treba biti trenutačan.

3. korak: Odaberite kako ćete ga izraditi

Bez posvećenog programera imate tri realna puta.

Put A: Playable ad maker

Playable ad maker generira HTML5 za vas na temelju vaših unosa. PlayableRun, primjerice, kreće od vašeg unosa u App Storeu ili Google Playu i proizvodi playable koji možete doraditi, a zatim izvozi ZIP spreman za Google Ads. Ovaj put odgovara malim timovima koji moraju isporučivati varijacije bez izgradnje cijelog procesa.

Kompromis je kontrola. Radite unutar dostupnih predložaka i interakcija, pa mehaniku iz 1. koraka birajte imajući to na umu.

Put B: Izvoz playablea iz game enginea

Ako je vaša igra izrađena u engineu koji ima playable ili HTML5 izvoz, tehnički dizajner često može igru svesti na jednu razinu i izvesti je. Tako zadržavate stvarne vizuale i osjećaj igre, ali veličinu datoteke i omotače specifične za mreže morate sami voditi.

Put C: Freelancer ili studio

Outsourcing je razuman ako trebate jedinstvenu mehaniku koju nijedan alat ne podržava. Dajte im svoju skriptu iz 2. koraka, a ne nejasan brief. Pitajte što isporučena datoteka sadrži i kako rješava poveznicu na trgovinu.

Koji god put odabrali, skripta i resursi vaš su posao. Alat ne može odlučiti što je u vašoj igri zabavno.

4. korak: Pripremite resurse i izradite oglas

Prije početka izrade prikupite sve što playable treba:

• Ključna grafika. Likovi, predmeti, pozadine i elementi sučelja, čisto izvezeni, uz prozirne pozadine gdje je potrebno.
• Elementi povratne informacije. Čestice, iskakanje bodova, isticanja i kursor u obliku ruke.
• Zvuk. Neobavezan, a dobar playable mora imati smisla i bez zvuka.
• Završna kartica. Vaša ikona, kratak redak teksta i jasan gumb za instalaciju.
• Poveznica na trgovinu. Točan unos u App Storeu ili Google Playu koji oglas treba otvoriti.

Tijekom izrade imajte na umu tri načela.

Neka dodir bude velikodušan. Ljudi igraju na malim ekranima nepreciznim palcima. Velike površine za dodir i popustljivo povlačenje bolji su od preciznih kontrola. Ako gradite vlastiti unos, dokumentacija Pointer Events na MDN-u objašnjava kako jedan kodni put može obraditi dodir i miš.

Reagirajte trenutačno. Svaki dodir mora izazvati vidljivu reakciju. Čak i kratko kašnjenje djeluje kao da je oglas pokvaren, pa ljudi odlaze.

Neka bude lagan. Teški resursi usporavaju učitavanje, a playable koji se sporo učitava gubi ljude prije nego što ga uopće vide. Komprimirajte slike, izbjegavajte nepotreban zvuk i izbacite svaku funkciju koje nema u vašoj skripti. Svaka mreža postavlja vlastita ograničenja veličine datoteke, pa provjerite aktualnu specifikaciju mreže koju ciljate umjesto da se oslanjate na sjećanje.

5. korak: Testirajte na stvarnim uređajima

Pregledi na računalu skrivaju probleme. Prije prijenosa otvorite datoteku na barem par stvarnih telefona, idealno jednom starijem i jednom novijem, i provjerite sljedeće.

• Učitava li se brzo na mobilnoj vezi?
• Ponaša li se unos dodirom jednako kao u vašem pregledu?
• Stane li izgled i u portretnu i u pejzažnu orijentaciju ako mreža podržava obje?
• Pojavljuje li se završna kartica svaki put, uključujući nakon poraza ili isteka vremena?
• Otvara li gumb za instalaciju ispravan unos u trgovini, a ne privremeni?
• Pokvari li se nešto ako igrač dodiruje nasumično, brzo ili ne radi ništa?

To posljednje pitanje otkriva mnogo toga. Stvarni ljudi ne slijede vašu skriptu. Dodiruju tijekom animacija, ignoriraju kursor u obliku ruke i pokušavaju skrolati. Vaš playable to mora preživjeti.

Za potpuniji popis koristite QA kontrolnu listu za playable HTML5 prije svakog izdanja.

6. korak: Izvoz i prijenos

Pakiranje je mjesto na kojem se inače dobri playableovi odbijaju. Mreže se razlikuju u tome kako se mora pokrenuti poveznica na trgovinu, koje su datoteke dopuštene i kako paket treba izgledati.

Za Google Ads posebno, detalji strukture ZIP-a i provjera pravila opisani su u članku Kako prenijeti HTML5 ZIP u Google Ads. Ako pokrećete App kampanje, pročitajte ExitApi u App kampanjama kako biste razumjeli kako treba povezati preusmjeravanje klikom.

Završnu provjeru napravite na točnoj datoteci koju ćete prenijeti, a ne na ranijoj verziji. Iznenađujuće je često da se testira jedna verzija, a isporuči druga.

Česte pogreške koje treba izbjegavati

• Prikazivanje previše. Playable nije tutorijal. Ako treba dugo objašnjenje, smanjite mehaniku.
• Lažni gameplay. Ako playable ne sliči stvarnom proizvodu, ljudi se osjećaju zavedenima, a neki će odmah deinstalirati aplikaciju. Prikažite nešto što stvarno isporučujete.
• Skrivanje poziva na akciju. Završna kartica mora biti očita. Ne tjerajte ljude da traže gumb.
• Preskakanje stanja poraza. Skriptirana pobjeda djeluje dosadno. Mala šansa za poraz, nakon koje slijedi lak ponovni pokušaj, obično zadržava pažnju.
• Testiranje samo u pregledniku. Stvarni uređaji otkrivaju probleme s dodirom, zvukom i izgledom koje računalo nikad neće.
• Isporuka samo jedne verzije. Kad prvi playable proradi, mijenjajte jednu po jednu stvar, primjerice hook, prvi unos ili završnu karticu, kako biste naučili što je važno.

Realan prvi projekt

Ako vam je ovo prvi playable, zadržite mali opseg. Odaberite jednu mehaniku, izradite jednu razinu, dodajte jasnu završnu karticu, testirajte je na nekoliko telefona i prenesite je na jednu mrežu. Iz jedne stvarne kampanje naučit ćete više nego iz planiranja savršenog skupa varijacija.

Kad budete spremni isprobati, primjere možete pogledati na stranici s demo primjerima PlayableRun da vidite kako izgleda gotov playable ili otvorite besplatan račun i izradite svoj prvi iz vlastitog unosa u trgovini.