Привет! Я Илона Арзуманян, лид продуктового дизайна веб-канала в t2 Digital. Сегодня я хочу рассказать про такую крутую командную активность как прожарка. Если вы думаете, что это мероприятие, на котором все друг про друга шутят (и иногда очень даже обидно), то в нашем контексте это не так. Мы называем так активность, в рамках которой мы разбираем по косточкам флоу и интерфейсы других компаний, причем рассматриваем и UX, и UI. Это классно развивает критическое мышление и насмотренность. В этой статье я расскажу зачем это нужно, как мы это делаем и как на это смотрит команда. А еще больше о работе команды в нашем tg-канале.

Почему прожарка – это круто?

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

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

Что прожаривать?

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

а) анализировать популярные сайты и приложения, с которыми наши пользователи могут взаимодействовать на ежедневной или по крайней мере регулярной основе

б) анализировать продукты с интересными для нас флоу. Теми, которые встречаются или в будущем встретятся в наших продуктах.

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

Как мы это делаем?

Раз в пару спринтов, то есть примерно раз в месяц я закидываю в отдельный файл в Figma скриншоты выбранного мной флоу, прорисовываю стрелочки и показываю по возможности разные ответвления сценариев. После этого, я складываю это все в большой фрейм, делаю его компонентом и шарю ссылку в наш прекрасный командный чат примерно вот так:

Дальше каждый из ребят копирует себе компонент и начинает расставлять стикеры с комментариями о том, что нравится, а что остается совершенно непонятным или кажется нелогичным и неправильным. Раньше мы оставляли комментарии в стикерах без какой-либо системы, но со временем поняли, как сделать процесс прожарки удобнее и самое главное полезнее. Поскольку прожарка нацелена не только на то, чтобы критиковать чужой интерфейс, но и вынести и забрать себе крутые и интересные решения, мы решили разделять стикеры по цветам:

желтые – для негативных и нейтральных комментариев (иногда еще и очень креативных).

зеленые – для того, что мы хотели бы применять у себя.

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

Все эти правила зафиксированы в нашем файлике:

Непосредственно во время встречи лиду очень важно уметь модерировать и фасилитировать эту историю, так как обсуждать чужой интерфейс можно часами, но все же у нас есть тайминг. Выглядит файл Figma к моменту встречи примерно вот так:

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

Что такое парковка хороших решений и зачем она нужна?

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

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

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

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

Напоследок

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

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

И повторим упражнение: больше о работе команды в нашем tg-канале.

Прожарка: что это и зачем нужно дизайнерам и не только