«Большая часть моих работ под NDA, подробнее расскажу на встрече». Эту фразу я теперь вижу в откликах постоянно: меня зовут на собеседования в команду, и чужие портфолио я смотрю регулярно. Обижаться на неё мне не с руки. Три года назад я написала бы то же самое.

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

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

Что я, собственно, подписывала

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

Такие документы бывают очень разными. В одних конфиденциальным считается почти всё, что ты увидел за время работы. В других перечислено конкретное, например данные клиентов или планы запуска. Где-то отдельно сказано, можно ли упоминать, с кем ты работал. Пересказывать формулировки я не возьмусь: у вас они свои, и читать нужно именно их.

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

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

Письмо бывшему руководителю

Складская система и кабинет для бухгалтеров остались в прошлой компании, откуда я ушла за год до того. Писать туда было неловко: ушла, а теперь прошу разрешения унести с собой кусок работы. Всё-таки написала бывшему руководителю, примерно так:

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

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

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

Если ответили «нет», значит нет. Обходить отказ, слегка перекрасив тот же экран, я бы не стала. Человек, который его запретил, узнает свой экран быстрее любого рекрутера, а дизайнеры одного города — довольно тесный круг.

Что обычно можно, а что нет

Из таких переписок, моих и знакомых, сложилась примерно такая картина. Ваш договор может оказаться и строже, и мягче.

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

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

Как перерисовать экран, чтобы он перестал быть чужим

Перерисованный макет — основа моего портфолио, и делаю я его всегда в одном порядке.

  1. Копирую экран в отдельный файл. Рабочий файл не показываю и ссылку на него не даю: там история версий, комментарии коллег и соседние экраны, про которые никто ничего не разрешал.
  2. Убираю фирменное: логотип, цвета, шрифт и иконки, если их рисовали под заказчика. Ставлю нейтральную палитру и системный шрифт.
  3. Меняю предметную область, если она выдаёт заказчика. На моём складе хранились вполне определённые вещи, а в портфолио там стали храниться вешалки.
  4. Заменяю данные на выдуманные, но правдоподобные. Не «Иван Иванов» в каждой строке: таблица из одинаковых строк ничего не говорит о том, как экран переживает длинное название или пустую ячейку.
  5. Оставляю структуру и решения, ради них экран и показывают.
Деревянная вешалка на ручке старого окна, за стеклом жёлтая стена петербургского двора
Та самая вешалка. С тех пор висит на ручке окна

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

Иногда перерисовка съедает весь смысл. Убираешь всё, что выдаёт заказчика, а остаётся форма с тремя полями и кнопкой: интересное в ней было в данных, которые система подставляла сама, то есть в самом закрытом. Такой экран я в портфолио не беру.

Кейс без цифр заказчика

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

Что я пишу вместо них:

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

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

Когда показывать совсем нечего

Бывает, что договор строгий, бывший работодатель не отвечает, а перерисовывать нечего. Тогда остаются свои работы и концепты.

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

Концепт редизайна — это экран знакомого сервиса, который тебя раздражает, переделанный по-своему. Мой был про расписание пригородных поездов. Подписывать такую работу надо прямо на первом экране: «Концепт, сделан самостоятельно, с компанией не связан». Без пометки он выглядит как настоящий проект, а это уже неправда о себе.

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