Explore
Уложитесь в мой дедлайн?
Oops! Something went wrong while submitting the form.
Если кратко, это что-то вроде технического задания на дизайн сайта или приложения. Но развернутого и подробного.
UI/UX бриф — документ, где собрана информация о продукте и бренде, необходимая дизайнеру для работы
Часто подрядчики «брифуют» клиентов с помощью опросника, но можно не дожидаться и скинуть уже заполненный документ. В любом случае отвечайте подробно: качество заполнения брифа влияет на результат. Как это происходит, расскажем в следующем пункте.
Для разных целей дизайна нужно отдельное описание. К примеру, бриф на создание дизайна с нуля будет отличаться от брифа на редизайн. Во втором вас попросят указать отличия новой версии продукта от старой.
Над проектом будет работать сторонний эксперт, который может ничего не знать о вас и вашем бренде. Даже если в своей сфере вы легенда. Поэтому бриф — что-то вроде анкеты для профессионального знакомства.
Когда вы исчерпывающе описываете, какой дизайн сайта или приложения ждете, это ситуация win-win. Плюсы есть и для вас, и для дизайнера.
В нашем портфолио уже 300+ готовых проектов, в каждом из которых мы работали по брифу. Порой клиентам сложно сформулировать требования самостоятельно, тогда не стесняйтесь попросить помощи у подрядчика. Например, мы созваниваемся и обсуждаем проект вместе.
Чтобы вам было проще, делимся подсказками по тому, как заполнить шаблон брифа.
📌На какие вопросы нужно ответить:
Бриф на создание дизайна обязательно включает цели и задачи. Продукта и при желании вашего бизнеса в целом. Сюда можно добавить главную ценность приложения или сайта, его уникальные свойства.
📌На какие вопросы нужно ответить:
Целевая аудитория — люди, для которых вы создаете продукт. Возраст, занятия, привычки, потребности прямо влияют на UX. Например, на сайте для пенсионеров нужен крупный текст и доступная навигация, а вот в приложение для тинейджеров можно добавить эффектные параллаксы и анимации.
📌На какие вопросы нужно ответить:
Выходить на совершенно неизвестный рынок нецелесообразно. Сперва стоит изучить его, посмотреть на предложения конкурентов и набор стандартных фишек, к которым привыкли пользователи подобных продуктов. Пособирать референсы — сайты и приложения других компаний, которые вам импонируют.
📌На какие вопросы нужно ответить:
Дизайн интерфейса продукта должен логично поддерживать брендинг как основа дизайн-системы компании — так пользователи легко выстроят ассоциацию между интерфейсом и брендом. При заполнении брифа расскажите про айдентику или дайте вводные для ее разработки. Если у вас уже есть брендбук как основа брифа дизайнеру — приложите его: так команда сразу увидит константы стиля и не будет предлагать решения вразрез с ними. Пример ниже.
📌На какие вопросы нужно ответить:
Дизайн интерфейса зависит от контента. Например, структура новостного сайта будет отличаться от соцсети. Поэтому обязательно укажите, планируете ли вы размещать кастомные фото, виджеты, статьи, графики.
{{tg-banner}}
📌На какие вопросы нужно ответить:
Последний пункт брифа на разработку дизайна — технические требования. Во-первых, определитесь с устройствами, под которые планируете разрабатывать продукт в первую очередь: десктоп, смартфон или планшет. Это отразится на верстке. Еще пропишете разрешения — чаще всего это 375х812 для мобильных устройств и 1440х900 (1440х700) для десктопа. От разрешения зависит то, как будет выглядеть продукт на девайсах. Например, разрешение 375х812 выглядит гармонично на 80% устройств, но на последней модели «айфона» или «андроиде» 2010 года качество будет несколько хуже.
Заберите готовый бриф на разработку дизайна сайта, заполните его и поделитесь с любым подрядчиком
Надеемся, этот гайд облегчит для вас заполнение брифа и в результате вы получите тот результат, за которым обращались к подрядчику.
Если у вас есть концепция для веб-приложения, мы рады будем обсудить с вами бриф для нее. Делитесь идеей в форме. У Purrweb 9 лет опыта в разработке MVP, мы знаем, как сделать трендовый и дружелюбный интерфейс.
Бриф составляет клиент, но дизайнер помогает его структурировать. Клиент знает бизнес-цели, аудиторию и ограничения; дизайнер задаёт нужные вопросы и фиксирует ответы в документе. На практике агентство присылает шаблон, а клиент заполняет его до старта проекта — это занимает 1–3 часа работы со стороны заказчика.
Обязательных разделов шесть: описание бизнеса и цели продукта, портрет целевой аудитории, анализ конкурентов с примерами, визуальный стиль и бренд-ориентиры, требования к контенту, а также технические параметры (устройства и разрешения). Без любого из этих блоков дизайнер вынужден угадывать, что увеличивает количество правок.
Опишите три вещи: прилагательные-дескрипторы бренда (например, строгий, доверительный, технологичный), визуальные референсы — 3–5 сайтов или приложений, которые нравятся и почему, и визуальные табу — что категорически не подходит. Если есть фирменный стиль (логотип, палитра, шрифты), приложите к брифу все исходники.
Дизайнер будет основываться на предположениях, и первый концепт, скорее всего, не совпадёт с ожиданиями. Это добавляет 2–4 итерации правок и растягивает проект на 2–3 недели. Поверхностный бриф — главная причина конфликтов между клиентом и исполнителем на этапе сдачи дизайна.
Для типового digital-проекта — от 1 до 3 часов со стороны клиента. Если бренд-стратегия уже сформулирована и референсы собраны, хватит 45–60 минут. Первичный звонок с дизайнером для уточнения деталей занимает ещё 30–60 минут. Итого на старт проекта отводят 1–2 рабочих дня с учётом согласований.
Да, бриф всё равно нужен. Брендбук фиксирует визуальный язык, но не отвечает на вопросы конкретного проекта: кто аудитория этого продукта, какая цель у данного экрана, чем отличаемся от конкурентов именно здесь. Бриф и брендбук дополняют друг друга — брендбук прикладывается к брифу как приложение.
Можно, но с осторожностью. Универсальные шаблоны покрывают 60–70% нужных вопросов и часто упускают специфику продукта — например, требования к сложным состояниям интерфейса или мультиязычной поддержке. Лучше взять шаблон от подрядчика, с которым планируете работать: он уже адаптирован под его процессы.
.svg)
