Как провалить тестовое, следуя ТЗ до конца

Вступление

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

Это история как раз о таком кейсе. Я получил тестовое на позицию UX/UI-дизайнера от агентства, выполнил его с максимально серьёзным подходом, сделал User Flow, CJM, UI-кит, UX-исследование и макет. А потом получил обратную связь, которая вызвала больше вопросов, чем дала ответов.

Отклик и анкета

Отбор начался с небольшой анкеты и скриншотов игры Can’t Unsee. А уже после этого кандидат получал ТЗ в Telegram.

Приглашение от HR
Приглашение от HR
Та самая Can’t Unsee, проходил её ещё несколько лет назад
Та самая Can’t Unsee, проходил её ещё несколько лет назад

Через два дня мне в Telegram приходит данное сообщение

Замазал имя HR, аватарку и название компании
Замазал имя HR, аватарку и название компании

Анкету, судя по всему, просматривали мельком — HR ошиблась с городом и даже обратилась ко мне в женском роде.

Как провалить тестовое, следуя ТЗ до конца

Здесь я спросил, каков дедлайн, кем тестовое будет проверяться и какое кол-во времени необходимо на его проверку.

Как провалить тестовое, следуя ТЗ до конца

Что интересно, результат тестового будет проверяться действующим дизайнером агентства, место которого может занять кандидат.

Как провалить тестовое, следуя ТЗ до конца

Ну а следующим сообщением приходит тестовое

Что было в тестовом

Как провалить тестовое, следуя ТЗ до конца

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

• Выявить UX-проблемы текущего сайта и предложить новый сценарий: «зашёл — заказал — получил» • Создать низкодетализированный прототип

• Создать низкодетализированный прототип

• Сделать редизайн главной страницы

Ну а к сценарию самовывоза просили не обращаться. Казалось бы, всё предельно понятно и никаких трудностей не предвидится.

Как я подошёл к задаче

Я начал с анализа текущего сайта и проработки User Flow, далее сделал CJM — с учётом всех технических ограничений и логики пользовательского поведения.

Затем было выполнено:

• Проектирование главной страницы, карточки заведения, карточки блюда, корзины и оформления заказа

• UI-kit, где я описал все визуальные принципы нового дизайна и компоненты (После отправки макета, слегка его переделал, добавив новые блоки)

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

UI-kit Дополненная и оригинальная версии

Мой макет

Главная страница

Использовал сетку с контентной областью 1366 px и интервалами по 20 px. Такая структура создаёт баланс: с одной стороны, страница остаётся адаптивной для ноутбуков, с другой — боковые отступы добавляют «воздуха» и улучшают визуальное восприятие.

Полностью переработал структуру сайта, сменил шрифтовую пару на «Mulish» и «Nunito» Гармоничное сочетание с дружелюбным характером, которое отлично подходит фуд-тематике. Эти шрифты можно использовать в коммерческих проектах, за чем также довольно важно следить.

Обновил цветовую палитру: добавил оранжевый и акцентный фиолетовый — оба оттенка ассоциируются с едой и аппетитом, усиливают вкус в визуальном восприятии и хорошо выделяются на фоне. В первом блоке я вывел три популярных блюда одного ресторана. Это создаёт маркетинговое преимущество: заведение может «купить» этот блок, чтобы продвигать свои лучшие блюда. Используемый мной подход не только повышает продажи конкретных блюд, но и формирует ценность сервиса как площадки для сотрудничества.

Далее идёт блок преимуществ, который отвечает на вопрос пользователя: «Почему я должен выбрать именно этот сервис?». Это повышает доверие потенциального клиента.

Я убрал раздел «Ещё» из фильтров — в нём была лишь одна категория «Сладкое», которая и так вписывается в общую ленту. В самих карточках я усилил приоритет визуала блюд, а логотипы аккуратно поместил в правый верхний угол, что сохранило узнаваемость заведений, но не перегрузило саму карточку.

Также я заменил непонятную фразу «от 600₽» на «Мин. заказ: 600₽», чтобы избежать путаницы со средним чеком. Это важная правка, исходя из пользовательских болей, выявленных в моём CJM.

Футер получил обновлённую структуру: я перераспределил контент, усилил читаемость и добавил визуальный порядок.

Оригинальная страница сайта
Оригинальная страница сайта
Мой вариант
Мой вариант

Страница заведения

Верхняя часть была переработана: я убрал весь визуальный шум и усилил акценты на ключевой информации, что улучшило считываемость и позволило пользователю быстрее ориентироваться по странице.

Карточка блюда также была изменена: контурные кнопки заменили заливку, чтобы избежать чрезмерного визуального шума. Элементы с пометками «новинка» и «хит» теперь выглядят более выразительно и лаконично, визуально перекликаясь с блоком преимуществ на главной странице, что поддерживает консистентность всего дизайна.

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

Оригинальная страница сайта
Оригинальная страница сайта
Мой вариант
Мой вариант

Карточка блюда

Вместо отдельной страницы я решил сделать поп-ап, что сокращает шаги пользователя и повышает его скорость взаимодействия с сайтом.

Я заблюрил фон, чтобы сфокусировать внимание на карточке. Контент структурировал по смыслу: сначала состав, затем описание, а потом энергетическая ценность и БЖУ. Важно подметить, что описание и состав теперь слева, ведь именно эта часть привлекает к себе больше всего внимания.

Оригинальная страница сайта
Оригинальная страница сайта
Мой вариант
Мой вариант

Страница корзины

Были добавлены «хлебные крошки», которые повышают удобство навигации. Я выровнял элементы, перераспределил пространство и удалил лишние визуальные акценты, чтобы страница стала спокойнее и понятнее.

Оригинальная страница сайта
Оригинальная страница сайта
Мой вариант
Мой вариант

Страница оформления заказа

Я упростил визуальное восприятие формы: разбил её на логические блоки, чтобы уменьшить нагрузку на пользователя. Благодаря этому страница больше не воспринимается пользователем как длинная и сложная.

Все элементы упрощены и выровнены по вертикали, что помогает быстро пробежать глазами по содержимому. Кнопки имеют высокий приоритет, а основное CTA «Оформить заказ» контрастен и хорошо заметен.

Оригинальная страница сайта
Оригинальная страница сайта
Мой вариант
Мой вариант

На всё это у меня ушло два полных рабочих дня. Конечно, не целая неделя, но и не «пару часов»

Из важных моментов, которые я не реализовал в макете, но понял это уже в момент отправки:

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

Блоки о бонусной программе и промокодах, которые логично было бы разместить до каталога ресторанов, так мы повысим ощущение выгоды у потенциального клиента и подтолкнём его на оформление заказа.

Какая была обратная связь

На удивление, тестовое проверили очень быстро, отправил его я вечером в 19 часов, а ответ пришёл уже утром на следующий день. Фидбек был таков:

Как провалить тестовое, следуя ТЗ до конца

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

Формально — замечание корректное. Только есть один нюанс: на сайте, очевидно, нельзя оформить заказ без реальной оплаты. Следующий шаг после кнопки «Оформить» появляется только после фактической оплаты заказа.

То есть, чтобы показать третий шаг, мне, как кандидату, нужно было оформить и оплатить заказ — в рамках неоплачиваемого тестового. Или нарисовать этот шаг «с нуля», вообразить, как бы всё это выглядело, но данный вариант очень слабо вписывается в саму задачу из ТЗ «Выявить проблемы существующего пользовательского пути и предложить переработанный сценарий доставки еды». Выявить проблемы нынешнего пользовательского пути третьего шага не является возможным без полноценного заказа у агрегатора.

Если всё же имелось в виду придумать с нуля третий шаг, то формулировка задачи была нечёткой: в тексте задания было сказано «зашёл — заказал — получил», и можно предположить, что «получил» — это и есть третий шаг. Но об этом — ни слова подробнее, что нужно рисовать дополнительные макеты с самого нуля.

Кроме того, есть ещё один интересный момент:

«Важно понимать, что человек, открывающий приложение доставки, уже принял решение воспользоваться именно нашим сервисом. Его цель на этом этапе — максимально быстро и просто выбрать еду, а не сравнивать рестораны.»

Т.е., по мнению проверяющего дизайнера, человек, который только что зашёл в приложение агрегатора, обязательно должен оформить заказ, он не может просто поинтересоваться, что это за сервис и не может уйти с него? Да и на текущем сайте главный экран состоит именно из ресторанов, а карточки еды там появляются только внутри самих заведений. Мне же предложили отказаться от текущей логики и показывать блюда сразу, без выбора ресторана. При этом в ТЗ было сказано, что оформить заказ можно только из одного заведения.

«В текущей версии приложения основной акцент сделан на ресторанах, однако главный экран не показывает пользователю самое главное — аппетитные блюда, которые можно заказать здесь и сейчас. Это создает ненужные барьеры: вместо того чтобы сразу увидеть то, зачем он открыл приложение (вкусную еду), пользователь вынужден листать список заведений, анализировать их и делать лишние действия.»Дизайнер предлагает отказаться от концепции карточек ресторанов, вместо них оформив всё «одним полотном». В итоге, вместо того, чтобы спокойно выбрать, из какого ресторана стоит сделать заказ, а у заведений есть ограничения по способу доставки, минимальном заказе и времени их работы, мы делаем огромный пласт блюд со сложным фильтром по этим параметрам, а также по выбору самого ресторана, так ещё где-то нужно указать, что «один заказ — один ресторан». Получается неоправданно сложный интерфейс для пользователя, в угоду тому, что мы убрали карточки ресторана. Фраза «Его цель на этом этапе — максимально быстро и просто выбрать еду, а не сравнивать рестораны.» звучит забавно, ведь, если реализовать такой каталог, пользователю как раз придётся разбираться со сложным фильтром.

Наконец, финальное сообщение от HR выглядело так:

Как провалить тестовое, следуя ТЗ до конца

После получения первого сообщения с результатами моемо выполненного ТЗ я закрыл доступ к макету, есть такой момент, однако моя претензия к логике обратной связи, по моему мнению, не требует повторного ознакомления с моим макетом, ведь я задал ровно те же вопросы, о которых писал выше — «Зачем нам убирать карточки ресторанов и делать интерфейс сложнее, а главное — зачем и ради чего? Сделать сценарий на один клик меньше? Но ведь в таком случае мы добавляем, грубо говоря, десяток новых кликов по новому фильтру, который будет необходим. Показать фотографии блюд? Они и без этого показаны в карточках ресторанов.», «Почему дизайнер так уверен, что пользователь, зайдя на сайт, уже твёрдо решил оформить заказ?», «Как мне пересмотреть логику взаимодействия с третьим шагом, если единственный способ его увидеть — оформить заказ?» Ответы на эти вопросы я так и не получил.

Где расходятся ожидания и реальность

Как по мне, здесь возникает конфликт:

• В задании не сказано, что нужно делать после оформления заказа — но в обратной связи ожидают, что я как-то это сам придумаю.

• Есть технические ограничения, например, нельзя заказывать еду из разных ресторанов, но фидбек противоречит этому — мне предлагают убрать выбор ресторана и сразу показывать блюда всех заведений.

В итоге:

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

Плюс, как я понимаю, обратная связь пришла от действующего дизайнера, чьё место, вероятно, и должен занять успешный кандидат. Мне кажется, сложно ожидать полной объективности в такой ситуации.

Даже если вы постарались, сделали UX-исследование, продумали логику, оформили UI и всё расписали — можно получить отказ по формулировке, которая не имеет прямого отношения к задаче. Рынок сейчас — крайне хаотичный. Не всегда дело в уровне, подходе или старании.

Вывод

Оффер я не получил и это тестовое никак мне не поможет, но оно дало мне опыт и понимание, что даже хорошо выполненное ТЗ не гарантирует понятного фидбека или каких-то логичных ожиданий. Иногда ты просто не угадаешь — и не обязан угадывать. В такие моменты, на мой взгляд, очень важно не терять самооценку и помнить, что проблема не всегда в тебе. Однако, иногда, в одиночку дизайнеру справляться с таким может быть крайне демотивирующе.

Надеюсь, эта статья поможет другим дизайнерам не сомневаться в себе после странных отказов, ведь дело часто не в том, что ты сделал недостаточно, а в том, что тебе не дали возможности понять, что именно от тебя ждут, а работодателям — задуматься, как важно грамотно формулировать ТЗ и давать развивающий фидбек, а не подобные размытые фразы.

Если вам откликается этот кейс — делитесь своими историями. Таких кейсов, на самом деле, куда больше, чем кажется.

5
5 комментариев