Портфолио продуктового дизайнера. Final Final

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

Свежие кейсы

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

Постоянно поддерживать портфолио в актуальном состоянии непросто, но весьма вероятно, что если вы обновляете портфолио, значит, ищете работу, а если у вас есть время и мотивация, это не должно быть проблемой. (Вообще-то мое портфолио тоже пора обновить. Написание книги о портфолио – сильная мотивация поддерживать его актуальность, поэтому сразу после выхода книги, как только время освободится, займусь этим.)

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

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

Запаситесь артефактами

Для того чтобы создать кейс, вам понадобятся файлы и артефакты из тех проектов, о которых вы хотите рассказать.

Если даже вы связаны соглашением о неразглашении (Non-Disclosure Agreement, NDA), скорее всего, вы сможете опубликовать работу, как только она будет выложена в открытый доступ. Попросите у вашего менеджера, предыдущего босса или клиента разрешения обнародовать эту работу – и вероятнее всего, вы получите положительный ответ.

К примеру, однажды я обратился к одному из бывших клиентов:

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

Он согласился. Впрочем, окончательное решение остается за компанией.

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

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

Выбираем три RRR-кейса

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

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

Думайте об этом так: если бы рекрутер увидел только один из тех кейсов, которые вы отобрали для портфолио, устроило бы это и вас, и рекрутера?

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

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

Краткое руководство к действию

□ Перечислите свои самые значимые проекты за три-пять последних лет.

□ Выберите из списка два-три наиболее релевантных и выдающихся проекта. Они и станут вашими кейсами.

□ Если проектов у вас недостаточно, подумайте о том, как выполнить больше (варианты перечислены в подразделе «Релевантные кейсы»).

□ Соберите артефакты, только не забудьте получить разрешение опубликовать их в вашем портфолио (дизайн, мокапы, заметки).

Глава 3. Как готовить кейсы

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

Глядя на отклик с приложенными к нему резюме и портфолио, рекрутеры и менеджеры по найму должны составить представление о том, насколько дизайнер хорош:

• в профессии (умеет создавать ясные, интуитивно понятные и визуально привлекательные интерфейсы);

• в презентации (умеет преподнести себя как словесно, так и с помощью визуальных образов. Это особенно важно на данном этапе, поскольку до первого собеседования ваш голос – это ваше портфолио);

• в бизнесе (умеет связывать решения с результатами, показателями и значимостью для бизнеса);

• в общении (умеет взаимодействовать с разными командами, стейкхолдерами и клиентами).

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

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

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

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

Как вы могли догадаться, универсального рецепта для создания кейса не существует. Если вы читали в интернете материалы о дизайн-портфолио, вы могли увидеть массу сетований на то, что большинство кейсов делаются под копирку. Как указывают в своей статье[14] Фабрисио Тейшейра (Fabricio Teixeira) и Кайо Брага (Caio Braga), такой шаблонный процесс дизайна часто является порождением буткемпов по UX, где студентов учат представлять свои проекты. Зашитый в теоретические штампы процесс дизайна призван помочь студентам достичь целей: обрести опыт и получить первую работу, связанную с дизайном, однако он ведет к снижению критического мышления, когда учащиеся не подвергают сомнению предлагаемую стандартную структуру. Вследствие этого рекрутеры и менеджеры по найму получают сотни портфолио, которые выглядят идентичными.

Вот еще одно наблюдение, которое можно сделать при прочтении вышеупомянутой статьи. Создатели дизайн-портфолио часто впадают в одну из крайностей – либо увлекаются «дриббблизацией» дизайна, то есть обнародуют лишь визуальную составляющую без пояснений, как дизайнер пришел к ней; либо чрезмерно фиксируются на процессе.

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

Пол Рэнд (Paul Rand), арт-директор и графический дизайнер, наиболее известный своими логотипами IBM и NeXT, гениально выразился по этому поводу[15]:

Не стремитесь к оригинальности, просто сделайте хорошо.

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

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

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

Структурные модули

Если вы не знаете, как начать создавать кейс, то вот список структурных элементов, которые вы можете использовать и менять местами:

• Заголовок и подзаголовок

• Превью финального результата

• Ваша роль, команда, год и хронология

• Проблема

• Исходное состояние

• Процесс

• Демонстрация финального результата

• Влияние на бизнес (метрики, награды, обратная связь от пользователей)

• Извлеченные уроки

Разберем все эти модули один за другим.

1. Заголовок и подзаголовок

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

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

Вот пример из кейса[16] в моем портфолио.

Oak (заголовок)

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

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

Вот еще один пример – от Кати Лавреновой (Katya Lavrenova)[17], продуктового дизайнера в компании Meta:

Упрощение настройки QuickBooks (заголовок)

Кликов на 30+ меньше, доход от Payroll на $6 млн больше[18] (подзаголовок)

Мне очень нравится пример Кати, потому что в нескольких словах здесь передается очень много смыслов: контекст проекта («Упрощение настройки»), выгода для конечного потребителя (кликов на 30+ меньше) и значимость для бизнеса (рост доходов на $6 млн).

2. Превью финального результата

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

Что может побудить менеджеров по найму посмотреть, как это делалось?

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

Когда вы поймете, какой у проекта определяющий визуальный образ, поместите его на экран устройства (как правило, для приложений под iOS это последняя модель iPhone и iPad, а для веб-приложений и лендингов лучше всего подойдет окно браузера – iMac смотрится слишком громоздким) и расположите этот визуал в верхней части кейса.

Поздравляю, вы создали первый раздел вашего кейса!

3. Ваша роль, команда, год и хронология

Какую роль вы играли в проекте? Возглавляли его или усердно трудились на общее благо вместе с коллегами? Хорошо, если должность, на которую вы претендуете, соответствует роли, упомянутой в кейсе, но это необязательно.

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

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

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

Главное – этому модулю совсем не обязательно занимать много места, для него хватит и нескольких строчек текста.

К примеру, вот как он выглядит в кейсе моего приложения Oak Meditation App.

Год: 2018

Длительность: 3 недели

Роль: продуктовый дизайнер, арт-директор

Платформы: iOS

Создано в: AJ&Smart

Как видите, я также включил разделы «Платформы» и «Создано в». Указав в кейсе платформу, вы делаете акцент на актуальном опыте, что важно для менеджеров по найму, которые часто выискивают в кейсах релевантные ключевые слова или навыки.

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

Навыки: продуктовый дизайн, брендинг, юзабилити-тестирование, веб-дизайн.

Последний пункт здесь – «Создано в…» (или «реализовано в…»). Таким образом я показываю, что работал над проектом в составе агентства, а это также поможет понять общую картину и подчеркнуть, что в работе были задействованы и другие люди.

Вот как это выглядит у Кати Лавреновой в том же кейсе для Quickbooks, о котором мы уже говорили ранее.

Я работала лид-дизайнером по настройкам вместе с руководителями отделов дизайна, продакт-менеджмента и инженерного. Сначала в команде было три дизайнера – я возглавляла направление взаимодействия и сотрудничала с коллегами, отвечавшими за визуальную часть и контент. Группа разрасталась – мы добавили две скрам-команды (в общей сложности три), увеличили число дизайнеров до 7 человек, а я возглавила работу над видением и направлением дизайна.

Из этого описания становится ясно, каковы были роль и обязанности Кати.

4. Проблема

Какие проблемы вы решали? Для кого? Есть ли данные в поддержку этих утверждений?

Четкая формулировка проблемы – уже половина решения. Кроме того, это поможет читателям понять контекст и узнать что-то новое.

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

Если формулировка задачи, над которой вы работали, вызывает у вас затруднения, используйте метод «Как бы мы могли?..» (HMW, «How might we…?»). Разработанный в Procter & Gamble в 1970-х, сегодня этот метод применяется в таких компаниях, как Meta, Google и IDEO.

Вот как трактует[19] роль каждого слова в HMW Тим Браун (Tim Brown), исполнительный директор IDEO:

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

А вот несколько примеров HMW из моего кейса Oak[20].

Oak – это мобильное приложение для медитации. Согласно ВОЗ, 70 процентов людей во всем мире за последние 5 лет сталкивались с психологическими проблемами, например с тревожностью или депрессией. Медитация является проверенными средством справиться с такими трудностями.

Вот задачи, которые мы решали:

• Как бы мы могли помочь нашим пользователям выработать привычку медитировать?

• Как бы мы могли помочь нашим пользователям не бросать занятия, ведь результаты становятся заметны только через два месяца?

• Как бы мы могли подобрать наилучшие практики медитации и дыхательных упражнений для каждого пользователя?

Очень неплохо было бы упомянуть задачи, которые связаны не только с пользователями, но также с бизнесом и продуктом. Обозначив их, вы покажете менеджерам по найму, что понимаете важность изучения проблемы под разными углами. Рейчел Хау (Rachel How) демонстрирует это в своем кейсе[21], где представлен редизайн финансового приложения. Она определяет проблему, приводит примеры, описывает ее влияние на бизнес, а также намечает цели как для бизнеса, так и для пользователей.

ПРОБЛЕМА

Не определена последовательность действий.

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

ПРИМЕР

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

ВЛИЯНИЕ НА БИЗНЕС

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

ЦЕЛИ ДЛЯ БИЗНЕСА

Повысить ценность основных продуктов.

Увеличить операционную эффективность.

ЦЕЛИ ДЛЯ ПОЛЬЗОВАТЕЛЕЙ

Повысить актуальность контента.

Добиться положительных впечатлений от использования приложения.

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

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

5. Исходное состояние

Исходное состояние – это то, откуда все начинается. Делали ли вы дизайн первой версии данной функции продукта (0 → 1)? Или это редизайн (1 → 2)? Или дальнейшее развитие устоявшегося продукта?

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

К примеру, в случае с Oak Meditation наша команда пришла на помощь, когда MVP (минимально жизнеспособный продукт) уже красовался в App Store, уже была получена обратная связь от пользователей и данные о том, как люди его используют, и у нас было видение развития приложения, представленное Кевином Роузом (Kevin Rose), основателем Oak.

Конец ознакомительного фрагмента.

Текст предоставлен ООО «Литрес».

Прочитайте эту книгу целиком, купив полную легальную версию на Литрес.

Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.

Примечания

1

«The minimum viable product design portfolio», intercom.com/blog/minimum-viable-product-design-portfolio/

2

«2023 Trends Report: Trends in Recruiter Productivity», ashbyhq.com/talent-trends-report/reports/2023-recruiter-productivity-trends-report.

3

Также менеджера по дизайну (design manager) иногда называют дизайн-менеджером. – Примеч. ред.

4

«How to do a Product Critique», medium.com/the-year-of-thelooking-glass/how-to-do-a-product-critique-98b657050638.

5

«Solving Product Design Exercises: Questions & Answers», productdesigninterview.com/solving-product-design-exercises.

6

«Twohy Design Works», twohydesign.works.

7

«UX Hiring 101 by Hirey», notion.so/hirey/UXHiring-101-28bbac41094b4888ac3f5ed4e4229300.

8

Facebook, Apple, Amazon, Netflix, Google. После того как бренд Facebook сменился брендом Meta, прежняя аббревиатура FAANG преобразовалась в MAANG. – Примеч. пер.

9

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

10

«Intercom Design: Here’s how it can apply to portfolio presentation», x.com/intercomdesign/status/1100019988663074816?s=20.

11

«Alfread: Saved 99 articles but haven’t read one?» alfreadapp.com

12

«Minimal to the max: The story of a promising young designer and the Popsicle that never was», news.microsoft.com/stories/people/andrewkim.html.

13

«Product Design Exercises We Use At WeWork Interviews», blog.prototypr.io/product-design-exercises-we-use-at-weworkinterviews-2ee1f5a57319.

14

«The case study factory», essays.uxdesign.cc/case-study-factory.

15

«A conversation with Paul Rand», logodesignlove.com/conversation-with-paul-rand

16

«Oak Meditation App», oak.fedor.design

17

«Intuit: Simplifying QuickBooks setup», katyalavrenova.com/work/quickbooks-setup

18

QuickBooks – бухгалтерский софт для малого бизнеса; Payroll – отдельная платная опция (расчет зарплат). – Примеч. ред.

19

«The Secret Phrase Top Innovators Use», hbr.org/2012/09/the-secret-phrase-top-innovato.

20

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

21

«Redesigning consumer fintech app experience for 4M users», rachelhow.com/design/fave-app-redesign.