Как да направите playable реклама без разработчик

Основни изводи - Създаването на playable реклама е предимно дизайнерско решение: изберете една механика, една цел и един край, преди да пипнете какъвто и да е инструмент. - Начертайте първите няколко секунди на хартия. Ако непознат не може да разбере какво да прави без текст, опростете механиката. - Можете да изградите рекламата без разработчик чрез playable ad maker или експорт от визуален енджин, но пак трябва да тествате крайния файл на реални телефони. - Крайната карта и бутонът към магазина са част от рекламата, а не последваща мисъл. Проверявайте ги преди всяко качване. - Приемайте актуалната спецификация на всяка мрежа за източник на истина относно пакетирането и правете QA проверка на точния файл, който пускате.

Какво всъщност е playable рекламата

Playable рекламата е малко интерактивно изживяване, обикновено HTML5, което се изпълнява в рекламно място. Човекът вижда кратка част от вашата игра или приложение, взаимодейства с нея и след това стига до крайна карта, която го отвежда към магазина.

Това не е демо билд и не е трейлър с подкана за докосване. Това е специално създаден цикъл, който кара човека да разбере продукта ви, докато го докосва. Това е важно, защото показва какво да отрежете: почти всичко.

Технически playable рекламата е уеб страница. Тя е изградена от HTML, JavaScript, изображения и понякога аудио, изобразени в canvas или в DOM. Ако ви интересува какво се крие отдолу, документацията за Canvas API в MDN е добро въведение. Не е нужно да я четете, за да направите реклама, но тя обяснява защо playable може да е малка и бърза, когато е запазена проста.

Стъпка 1: Изберете една механика, която си струва да се играе

Отворете играта или приложението си и се запитайте: кое е единственото действие, което кара хората да кажат „а, схванах“?

• В match-3 игра това е размяната на две фигури и наблюдаването на каскадата.
• В hyper-casual runner това е насочването наляво и надясно, за да се избягват препятствия.
• В merge игра това е влаченето на два еднакви предмета един към друг.
• Във финансово или фитнес приложение това може да е едно взаимодействие, което показва резултата, например преместване на плъзгач и промяна на число.

Изберете онази, която е най-лесна за разбиране без думи и дава обратна връзка веднага. Устоявайте на желанието да показвате прогресия, магазини или социални функции. Те са причини да продължиш да играеш, а не причини да започнеш.

Полезен тест: опишете playable рекламата в едно изречение. „Влачи еднаквите блокове, за да изчистиш полето“ работи. „Построй базата си, после се бий, после надгради“ не работи.

Стъпка 2: Начертайте сесията на хартия

Преди да изграждате, запишете playable рекламата като кратка последователност от моменти. Проектирате една много малка история.

1. Захващане (hook). Какво вижда играчът в първия момент? Трябва да показва основния визуален образ на играта ви и да е очевидно, че нещо е интерактивно.
2. Първо действие. Какво е първото, което правят? Насочете го с ръка-курсор, подчертаване или пулсираща цел. Не разчитайте на абзац текст.
3. Награда. Какво се случва, когато го направят? Добавете движение, звук, ако мрежата го позволява, и ясно усещане за напредък.
4. Ескалация. Дайте им още едно или две действия, които се усещат малко по-значими от първото.
5. Край. Решете как завършва: победа, почти провал, който подканя към ново опитване, или прекъсване по време. След това покажете крайната карта.

Скицирайте всеки момент като груб кадър. Ако не можете да го нарисувате в няколко кутийки, той е твърде сложен за този формат.

Решете как може да се загуби

Playable, в която не може да се загуби, може да изглежда безсмислена, а такава, в която се губи твърде бързо, изглежда несправедлива. Често срещан модел е водена победа, следвана от по-труд втора стъпка, при която провалът е възможен, но снизходителен. Повторният опит трябва да е мигновен.

Стъпка 3: Изберете как ще я изградите

Имате три реалистични пътя без специален разработчик.

Път А: Playable ad maker

Playable ad maker генерира HTML5 вместо вас от вашите входни данни. PlayableRun например започва от вашата страница в App Store или Google Play и създава playable, която можете да доработите, след което експортира ZIP, готов за Google Ads. Този път е подходящ за малки екипи, които трябва да пускат варианти, без да изграждат цял процес.

Компромисът е контролът. Работите в рамките на наличните шаблони и взаимодействия, затова изберете механиката от Стъпка 1 с това предвид.

Път Б: Playable експорт от игров енджин

Ако играта ви е изградена в енджин с playable или HTML5 експорт, технически дизайнер често може да я сведе до едно ниво и да я експортира. Така запазвате реалните си визуални елементи и усещане, но сами ще трябва да управлявате теглото на файла и специфичните за мрежите обвивки (wrappers).

Път В: Фрийлансър или студио

Възлагането на външен изпълнител е разумно, ако ви трябва уникална механика, която никой инструмент не поддържа. Дайте им сценария си от Стъпка 2, а не неясно задание. Попитайте какво съдържа доставеният файл и как се обработва връзката към магазина.

Какъвто и път да изберете, сценарият и ресурсите са ваша работа. Инструментът не може да реши кое е забавно във вашата игра.

Стъпка 4: Подгответе ресурсите и изградете

Съберете това, от което се нуждае playable рекламата, преди да започнете изграждането:

• Основна графика. Герои, предмети, фонове и елементи на интерфейса, експортирани чисто, с прозрачен фон където е нужно.
• Елементи за обратна връзка. Частици, изскачащи точки, подчертавания и ръка-курсор.
• Аудио. По избор, а добрата playable реклама трябва да има смисъл и без звук.
• Крайна карта. Вашата икона, кратък текст и ясен бутон за инсталиране.
• Връзка към магазина. Точната страница в App Store или Google Play, която рекламата трябва да отваря.

Докато изграждате, имайте предвид три принципа.

Направете докосването толерантно. Хората играят на малки екрани с неточни palци. Големите зони за докосване и снизходителното влачене печелят пред прецизното управление. Ако изграждате собствено управление, документацията за Pointer Events в MDN обяснява как един кодов път може да обработва и докосване, и мишка.

Реагирайте мигновено. Всяко докосване трябва да предизвиква видима реакция. Дори леко забавяне създава усещане, че рекламата е развалена, и хората си тръгват.

Дръжте я лека. Тежките ресурси забавят зареждането, а playable, която се зарежда бавно, губи хората, преди да я видят. Компресирайте изображенията, избягвайте ненужното аудио и махнете всяка функция, която не е в сценария ви. Всяка мрежа си поставя собствени ограничения за файловете, така че проверете актуалната спецификация на мрежата, която таргетирате, вместо да разчитате на паметта си.

Стъпка 5: Тествайте на реални устройства

Десктоп прегледите скриват проблеми. Преди да качите, отворете файла поне на няколко реални телефона, в идеалния случай един по-стар и един по-нов, и проверете следното.

• Зарежда ли се бързо през мобилна връзка?
• Сензорното управление държи ли се както в прегледа ви?
• Оформлението побира ли се и в портретна, и в пейзажна ориентация, ако мрежата поддържа и двете?
• Крайната карта появява ли се всеки път, включително след провал или изтичане на времето?
• Бутонът за инсталиране отваря ли правилната страница в магазина, а не временна?
• Чупи ли се нещо, ако играчът докосва на случаен принцип, бързо или изобщо не прави нищо?

Последният въпрос улавя много неща. Реалните хора не следват вашия сценарий. Докосват по време на анимации, пренебрегват ръката-курсор и се опитват да скролват. Вашата playable трябва да издържи на това.

За по-пълен списък използвайте QA чеклиста за playable HTML5 преди всяко издание.

Стъпка 6: Експортирайте и качете

Пакетирането е мястото, където иначе добри playable реклами биват отхвърлени. Мрежите се различават по начина, по който трябва да се задейства връзката към магазина, кои файлове са позволени и как трябва да изглежда пакетът.

По-специално за Google Ads подробностите за структурата на ZIP и проверките на политиките са описани в Как да качите HTML5 ZIP в Google Ads. Ако пускате App кампании, прочетете ExitApi в App кампании, за да разберете как трябва да е свързан преходът навън.

Направете последна проверка на точния файл, който ще качите, а не на по-ранен билд. Учудващо често се тества една версия, а се пуска друга.

Често срещани грешки, които да избягвате

• Показване на твърде много. Playable рекламата не е урок. Ако се нуждае от дълго обяснение, съкратете механиката.
• Фалшив геймплей. Ако playable рекламата изобщо не прилича на реалния продукт, хората се чувстват подведени и някои веднага го деинсталират. Показвайте нещо, което наистина предлагате.
• Скриване на призива за действие. Крайната карта трябва да е очевидна. Не карайте хората да търсят бутона.
• Пропускане на състоянието на провал. Скриптирана победа изглежда скучна. Малък шанс да се загуби, последван от лесно повторно опитване, обикновено задържа вниманието.
• Тестване само в браузър. Реалните устройства разкриват проблеми със сензорното управление, аудиото и оформлението, които десктопът никога няма да покаже.
• Пускане само на една версия. Щом първата playable работи, променяйте по едно нещо наведнъж, например захващането, първото действие или крайната карта, за да разберете кое има значение.

Реалистичен първи проект

Ако това е първата ви playable реклама, дръжте обхвата малък. Изберете една механика, изградете едно ниво от нея, добавете ясна крайна карта, тествайте я на няколко телефона и я качете в една мрежа. Ще научите повече от една реална кампания, отколкото от планирането на перфектен набор от варианти.

Когато сте готови да опитате, можете да разгледате примери на страницата с демота на PlayableRun, за да видите как изглежда завършена playable реклама, или да създадете безплатен акаунт и да изградите първата си от собствената си страница в магазина.