Устали давать обратную связь по дизайну по электронной почте или в Slack, потому что даже после «короткого рассказа» вас всё равно не понимают? А попытки расшифровать, что клиент или внутренний стейкхолдер имеет в виду под своей обратной связью по дизайну, сводят вас с ума?

Вы не одни.

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

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

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

К счастью, вы можете использовать различные инструменты для обратной связи по дизайну и аннотаций, чтобы упростить итеративный процесс и минимизировать лишние «переброски» туда‑сюда. Давайте посмотрим, какие это инструменты.

Что такое инструменты для обратной связи по дизайну и зачем они нужны?

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

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

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

Bubbles: лучший инструмент обратной связи по дизайну для двустороннего сотрудничества

Очевидно, мы считаем, что bubbles — лучшее изобретение со времён нарезного хлеба… но послушайте, почему! Мы спроектировали это программное обеспечение как двусторонний коллаборативный инструмент для современных команд в удалённой или гибридной среде, где асинхронная коммуникация — норма. Мы не просто пытаемся втиснуть старомодный процесс в рамки удалённой работы.

Дизайнеры могут использовать bubbles, чтобы записывать walkthrough‑обзоры своей работы. Клиенты и стейкхолдеры затем могут оставлять комментарии с отметками времени в том же треде — формируя контекстные асинхронные циклы обратной связи, чтобы ничего не осталось без внимания.

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

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

Команды могут сотрудничать с помощью шеринга экрана, а также видео‑ и аудиосообщений, чтобы передавать контекст и тонкие нюансы. И к тому же вам не нужно устанавливать какое‑либо ПО или оформлять подписку — любой человек может сразу начать работу, просто скачав расширение Chrome.

Цена: бесплатно, для всех и навсегда.

Atarim: лучший инструмент обратной связи по дизайну для ревью веб‑дизайна

‍Atarim — это инструмент обратной связи по веб‑сайтам, который особенно ценят цифровые агентства и команды веб‑дизайна благодаря плагину для WordPress. Клиенты могут оставлять комментарии рядом с автоматически сделанным скриншотом, чтобы дать контекст и объяснить, какие изменения они хотят видеть на своих сайтах. Функция авто‑логина в один клик перенаправляет дизайнеров прямо на веб‑страницу, где были запрошены изменения.

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

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

Цена: от 16 $ в месяц за одно рабочее место.

InVision: лучший инструмент обратной связи по дизайну для вайрфрейминга и прототипирования

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

InVision включает более 100 шаблонов от таких компаний, как Jira (приоритизация проектных задач), Salesforce (брейншторминг), American Express (карта пути клиента), Asana (план маркетингового проекта), Microsoft Teams (повестка встречи) и Monday.com (рыночная стратегия). Вы можете запуститься буквально за считанные минуты, не изобретая велосипед заново.

Платформа также предлагает множество интеграций со сторонними сервисами. Среди них — Adobe XD, Google Docs, Zoom, Figma, Slack, Azure DevOps и другие, что позволяет любому сотруднику из любого отдела подключиться к работе вашей дизайн‑команды и поделиться своими комментариями, не разбираясь в сложных инструментах и не устанавливая (ещё одно) приложение.

Цена: бесплатно для отдельных пользователей и 4 $ в месяц за активного пользователя для кросс‑функциональных команд.

Proofhub: лучший инструмент обратной связи по дизайну для проектного менеджмента

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

Программное обеспечение интегрируется с популярными сторонними инструментами, такими как FreshBooks, QuickBooks, Google Calendar, iCal, Box, Dropbox, Google Drive, OneDrive и Outlook. Проджект‑менеджеры могут использовать табели учёта рабочего времени и отчёты, чтобы отслеживать прогресс. В то же время участники команды могут настраивать ежедневные письма с повесткой, чтобы не пропустить ни один дедлайн.

Хотя Proofhub — это универсальный инструмент управления проектами, его возможности поддерживают сквозной дизайн‑процесс: команда может принимать запросы на дизайн, управлять задачами и обмениваться идеями в режиме реального времени. Они также могут делиться дизайнами, получать обратную связь от клиентов и утверждения с помощью онлайн‑инструмента для согласования макетов, сохраняя всё в одном месте.

Цена: фиксированная ставка от 45 $ в месяц.

Droplr: лучший инструмент обратной связи по дизайну для скриншотов и аннотаций

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

Вы можете использовать Droplr как расширение браузера или скачать приложения для Mac, Windows и Chromebook. Этот инструмент визуальной обратной связи интегрируется с Gmail, Slack, Trello, Photoshop, Microsoft Teams, Google Docs и другими сервисами, помогая оптимизировать рабочие процессы.

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

Цена: от 6 $ в месяц за пользователя.

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

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

• zipBoard: лучше всего подходит для веб‑ревью и отслеживания багов.
• Helio: платформа опросов для получения обратной связи от пользователей.
• Usersnap: лучше всего подходит для отслеживания багов через визуальную обратную связь в приложении и на сайте.
• Ziflow: лучше всего подходит для управления процессом ревью и утверждения креативного контента.
• Red Pen: лучше всего подходит для быстрой обратной связи по дизайну.
• DesignDrop: любимый инструмент соло‑дизайнеров и фрилансеров.
• Mockflow: лучше всего подходит для получения обратной связи по UI‑дизайну.
• Conceptboard: лучше всего подходит для итераций с помощью онлайн‑досок (whiteboarding).

Какой инструмент обратной связи по дизайну подойдёт именно вам?

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

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

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

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

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

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

Кстати о бесплатном…

Попробуйте bubbles: скачайте бесплатное расширение Chrome, создайте свой первый bubble и поделитесь ссылкой с командой. Им даже не нужно ничего устанавливать, чтобы посмотреть ваше классное видео и стать частью процесса двустороннего сотрудничества!