Как сделать тестовое, чтобы за вас дрались арт-диры

Привет! Меня зовут Олег, я развиваю обучалку для дизайнеров Helper. За 3 месяца мы уже устроили 100 наших ребят в Тинькофф, VK, Ozon и Яндекс. И сейчас мы переснимаем ВСЕ наши учебные материалы. Прямо делаем инструкции – повторяй и применяй. Каждое утро уже 3-ю неделю у нас начинается со съемок и юхууу – релизинули нашу первую лекцию. Внутри рассказываю, как через тестовое выделиться среди сотни кандидатов и попасть на работу мечты.

Давайте я чуть-чуть расскажу про Helper. Мы сделали прямо многокомпонентную обучалку для дизайнеров, вот здесь все подробно рассказывали:

Если выделять самый топ в Helper:

Вот такой сок!) Теперь погнали к делу

Первое, что нужно сделать – посмотреть шире на то, что от тебя требуется. Например, перед тобой задачка – встроить функцию доставки на главную страницу мобильного приложения. Твое топ-действие – подумать, что вокруг.

Первое, что ребята делают, когда советуешь им выйти за рамки задачки – идут в визуал и предлагают решения на уровне UX. Вот топ-пример. Кандидат предложил доп изменения, это супер и будет приятным бонусом к основному блоку:

Нужно помнить, что UX-решения не требуют большой глубины и, скорее всего, уже несколько раз обсуждались твоим работодателем. Поэтому я рекомендую развернуться в сторону продуктовых изменений.

Сейчас расскажу на примере. Один из наших учеников в Helper делал тестовое в Авито. Задачка – улучшить карточку товара на главной сайта:

Задачку «улучшить карточку» можно проинтерпретировать юиксово – то есть сделать ее, например, побольше или в более удобном для пользователя месте.

А можно подойти еще и с продуктовой точки зрения – подумать, что заставляет человека нажимать на эту кнопку. Помимо визуальных решений, можно прописать рядом с кнопкой, например, что эта услуга на Авито дешевле, чем у других продавцов.

Или у карточки товаров на Авито есть доп услуга – доставка. Можем предложить рядом с кнопкой добавить надпись – с этим продавцом доставка быстрее, или – именно для этого товара рекомендуем использовать Авито-Доставку.

То есть ты не только поработал над тем, как визуально улучшить карточку товара, но и предложил продуктовые и кросс-решения по смежным услугам.

Оч важно помнить, что тестовое – все-таки еще и проверка на адекватность и умение читать инструкции. Если в ТЗ заложен жесткий формат, в котором арт-дир ожидает получить тестовое – его так или иначе нужно соблюсти.

Вот пример одного из наших учеников от Ленты:

Или вот другой пример, где указано, на что работодатель будет смотреть при чеке тестового

В этом случае сделать не по правилам – прямо нельзя. Мы видим четкие рамки, в которых нужно технически представить тестовое. Если ты кинешь компоненты отдельным файлом в Фигме, а пользовательский путь распишешь гугл-доком – почти автоматически пролетаешь. Даже если у тебя там классное решение – арт-дир его не увидит, потому что ты не соблюдаешь гигиену тестового.

Но если ты уложился в эти рамки – сверху никто не запрещает добавить пару форматных фишечек.

Мы такое делаем в программе Loom:

Можно – кидать сообщеньку из разряда «Ребята, привет, я такой-то такой-то, посмотрите мое тестовое». Я горячо советую – заморочиться и пойти в Notion.

Давай по шагам. Что важно сделать в Notion:

1) Построить сторител. Артдир будет рад увидеть не только финальное решение, но и аргументацию – почему ты предлагаешь именно это и как ты пришел к таким выводам.

2) Помнить, что мы не предполагаем, а основываемся на данных. Можно посмотреть, что сделано по рынку. Провести микроисследование, закинуть опросники в дизайнерские группы.

Если брать кейс с Авито – можешь спросить, в каких случаях дизайнеры заказывают Авито-доставку, что им кажется самым удобным и чего не хватает. Так ты хотя бы базово поймешь, какие слепые пятна, и, наоборот, крутые решения есть у продукта.

Или вот реальный пример от наших ребяток по доставке Ленты:

3) Выводи итоги и пруфы исследования отдельно. Классно, если ты закинешь в Notion скриншоты созвонов, ссылочку на сами вопросы, скрины из чатов, где ты обсуждал продукт – то есть максимум фарша из проделанной работы. Вот, например, ребятки у нас визуализацию данных исследования делали:

Это реально важно держать в голове и сделать тестовое максимально читабельным и удобным. Например, у тебя 3-4 экрана с кучей компонентов. Расскажи, почему ты принял именно такое решение рядом с каждым. Чтобы арт-дир не выискивал, что к чему относится.

Пример – вставляешь баннер – от него идет стрелочка – и рядом баблик, где описано, почему он так выглядит.

Представь, сколько людей пытается попасть в твою компанию мечты. И сколько откликов однотипны. Я супер советую показать, что ты реальный человек, который прям очень хочет к ним на работу.

В конце тестового закинь картиночку с котиком или любимый мем. И обязательно расскажи, что понравилось в тестовом и что было делать интереснее всего. Чтобы арт-дир увидел, что ты живой! Почувствовал вайб и энергию.

Все! Готов ответить на вопросы по тестовым, дать советики! И прямо зову вас в наш тг-канал Хелпера. Сегодня мы туда зальем более подробную лекцию по тестовому, ребятки все будут обсуждать в комментариях, залетааайте

Еще мы каждую неделю там проводим эфиры с дизайнерами, которые устроились в топ-компании. Разбираем их резюмешки, тестовые, выделяем лучшие практики. Велком!