Как да тествате иконата на приложението преди пускане - AppTractor

Защо да тествате икона преди пускане? И можете да си представите какво ще се случи, ако разработчик качи код в продукцията, който не е тестван от QA преди това. Тестването на икона е като проверка преди състезание. По-добре е да прекарате няколко минути в проверка преди стартирането, отколкото да харчите много време и пари за коригиране на грешки по-късно. IconDesignLAB.com говори за това как най-ефективно да тествате иконата на приложението си преди пускане и какви инструменти ще ви помогнат да изпълните прости тестове за 2-3 секунди.

За да създадете ефективна икона на приложение, която не само ще изглежда добре сред конкурентите, но и ще увеличи конверсията, тя трябва да бъде подложена на два етапа на тестване:

технически тестове;
тестване на публиката.

ИконитеТехнически тестове могат да бъдат разделени на етапи:

тестване на различни устройства (гледаме как изглежда иконата на екрани с различни размери);
тестване в различни размери (гледаме как изглежда иконата от най-малката до най-голямата от нейния размер);
тестване на различни фонове (тестване на иконата върху бял, черен, сив и други фонове и тапети);
тестване сред конкуренти (проверяваме как изглежда иконата сред другите приложения в магазините).

Ръчно тестване

Това е най-отнемащият време и трудоемък метод, но някои от нашите дизайнери все още го използват. Ще разберете защо в края на статията.

Това е същността на това: присвояваме готовата икона на някаква празна програма или папка и преминаваме през всички етапи на техническо тестване.

Например, на компютър това може да стане, като щракнете върху празна папка и промените иконата в секцията „Свойства“. След това трябва да проверите как тази папка се показва във всички възможни размери и местоположения.

Поставяме го на работния плот и променяме фона: бял, черен, цветен и т.н.
Проверете как изглежда папката с иконата, ако я преместите в друга папка.
Проверете как изглежда иконата в лентата на задачите. За да направят това, нашите дизайнери използват проста програма, която написахме сами. Но можете да го направите по различен начин: направете екранна снимка на лентата на задачите, поставете икона там и оценете резултата, като го разширите отново на екрана.
За Mac също трябва да проверите иконата на панела за стартиране на Dock приложения. Това е панел с общи програми в долната част на екрана. За да направите това, можете да направите екранна снимка и да поставите икона във Photoshop или можете да използвате специално приложение (което ще бъде обсъдено по-късно).

Ето как изглежда в пример:

Тестване на иконата на Mac: в Dock в долната част на екрана, при увеличение при задържане на мишката, в папка и в описание

Три варианта на икони, представени на клиента сред конкурентите в Google play.

Този метод на тестване изглежда много дълъг и трудоемък, но, както показа практиката, един от най-ефективните.

Тестване с професионални програми

Работа върху иконата и синхронизирането със Skala

Това е безплатно приложение за iPhone, iPad и Mac, което ви позволява да проверите как ще изглежда една икона на iOS в различни размери и на различен фон. Но тествайте иконата средняма конкуренти или в дока.

Накратко за принципа на приложението

Резултатите от теста могат да се споделят чрез имейл, Facebook или Twitter.

Тестер за икони

Това приложение ще ви покаже как изглежда иконата на iOS в Dock. Ето такава минималистична, но необходима за тестване функционалност.

Icon Strike

Качете икона, въведете вашия имейл и ще получите имейл с линк към графичен файл с имитация на главния екран с вашата икона върху него.

Ето как тествахме една от нашите икони с Icon Strike.

Има и други подобни програми, които дизайнерите на икони използват, но които едва ли ще ви бъдат удобни, ако сте далеч от дизайна. Ето защо няма да се спираме на този метод дълго време и да преминем към по-прости опции за тестване.

Тестване с онлайн услуги

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

Съставихме списък с няколко безплатни услуги, които ще ви помогнат да завършите този тест.

Icontester е безплатен и лесен онлайн инструмент, който ще ви помогне да видите как ще изглежда вашата икона на iOS или Android в App Store, Google Play и различни джаджи. Всичко, което трябва да направите, е да го изтеглите и да кликнете върху бутона „Преглед на иконата“. Програмата генерира визуализация на заредената икона в десет различни ситуации, в които може да се използва: магазини, екрани на притурки, фонове.

Създадената в нашето студио икона е качена в Icontester за тестване.

И ето 2 от 10-те опции, които ще ви бъдат показани като резултат.

ПълнаМожете да видите резултата от теста тук. Както можете да видите, резултатите могат лесно да бъдат споделени.

AppSparky е подобна безплатна онлайн програма, която ще ви помогне да тествате иконата на различни джаджи. Ще ви бъдат показани малко повече опции, отколкото в предишния тест (13, не 10), но само иконата на iOS може да бъде проверена с тази услуга. Връзката към резултатите също е лесна за споделяне и получаване на обратна връзка от колеги.

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

Тестване на iOS икони, създадени в нашето студио.

Целият резултат от теста е тук.

Недостатъкът на тези две програми е, че иконата не се показва в оригиналния си размер, а като картина на автоматично генерирани екранни снимки. В резултат на това в такава снимка няма да видите размазани пиксели, замъгляване, ако има такова върху иконата, или малки недостатъци, които се виждат в оригиналния размер, но не се виждат при намаляване. Вземете това предвид при тестване и използвайте допълнителна програма, която изисква зареждане на икони в определени размери или „ръчен“ метод за проверка.

Appicontest е друго безплатно приложение за тестване на икони на iOS. Но тук вече е необходимо да зареждате икони само в строго определени размери, като ги плъзнете в полето. След това въведете името на вашето приложение и щракнете върху „Генериране“.

Всичко е възможно най-просто и подробно.

След това отваряте връзките и виждате как изглежда иконата.

Резултатите от това изследване се съхраняват за не повече от 7 дни.

И това си тивижте резултата.

Неудобството на тази програма е, че трябва да изтеглите икони в строго определени размери, а функциите са само да демонстрират как изглежда иконата на приложението на екрана на iPhone и iPad. Това е всичко. Сред конкурентите, в Dock и в магазините, ще трябва да тествате иконата по други начини.

Коя опция за тестване е най-ефективна

Всички опции имат своите предимства и недостатъци, но сред тях има безспорен лидер - ръчно техническо изпитване. Отнема повече време от другите методи, но само с негова помощ можете да проверите иконата изцяло. И ето защо:

Нито една от онлайн услугите и програмите все още не може да тества как изглежда иконата на приложението сред реалните си конкуренти. Следователно това тестване трябва да се извърши ръчно чрез търсене на конкуренти по ключова дума и правене на екранна снимка на иконата във Photoshop.
Няма универсална програма, която да тества икона във всичките й размери и приложения.
Има малко услуги за икони на Android, повечето от съществуващите инструменти улесняват тестването на икони само за iOS.
Повечето онлайн услуги и програми не изискват точни размери на иконите, така че техните резултати няма да помогнат за улавяне на проблеми като „размазани“ или „разхлабени пиксели“, а само дават груба представа за това как ще изглежда приложението в средата на магазина.