Дизайн обсуждают словами «современно» и «не нравится», и из этого не следует ни одной правки. Разбираем, как поставить задачу и по чему принимать результат.
Коротко
- «Нравится» — не критерий приёмки.
- Критерии задаются до работы.
- Проверять на реальном содержимом.
- Часть вопросов решается не в макете.
По каким признакам оценивать
| Признак | Как проверить |
|---|---|
| Понятно, что это за компания | Показать человеку на 5 секунд |
| Видно, что делать дальше | Найти главное действие глазами |
| Текст читается | Посмотреть на телефоне |
| Важное выделено, а не всё сразу | Что бросается в глаза первым |
| Работает с реальным содержимым | Подставить настоящие тексты |
| Есть все состояния | Пустые списки, ошибки, длинные названия |
Последние две строки отличают рабочий макет от картинки. Дизайн, нарисованный на коротких выдуманных заголовках и идеальных фотографиях, рассыпается на реальном каталоге — и это выясняется уже в вёрстке, когда переделывать дорого.
Что должно быть в задаче
Кто аудитория и что ей нужно
Не «все».
Какое действие главное
На каждой странице.
Список страниц и блоков
Что именно рисуем.
Реальные тексты и фотографии
Хотя бы часть.
Ограничения
Платформа, фирменный стиль, сроки.
Критерии приёмки
До начала работы.
Четвёртый пункт экономит больше всего переделок. Дизайнер, получивший настоящие названия услуг и настоящие фотографии, сразу проектирует под них; получивший заглушки — рисует под заглушки. Подробнее — в статье про бриф на дизайн сайта.
Как формулировать замечания
Работает
- «Кнопку заявки не нашёл за 10 секунд»
- «Здесь будет заголовок в три строки»
- «Цена важнее фотографии»
- «На телефоне текст не читается»
Не работает
- «Не нравится»
- «Сделайте современнее»
- «Как-то скучно»
- «Добавьте жизни»
Разница в том, можно ли из замечания вывести правку. «Не нравится» вынуждает дизайнера угадывать, и следующий вариант будет угадыванием тоже; описание того, что вы не смогли сделать глазами, указывает на конкретное место.
Что решается не в макете
| Вопрос | Где решается |
|---|---|
| Мало заявок с сайта | Предложение и трафик |
| Непонятно, чем вы лучше | Формулировка отличий |
| Нет доверия | Фотографии, кейсы, реквизиты |
| Долгая загрузка | Вёрстка и хостинг |
| Путаница в услугах | Структура, а не оформление |
Первая строка — самое частое ожидание от редизайна, и самое необоснованное. Новый дизайн не добавляет причин выбрать вас: если предложение неотличимо от конкурентов, красивый макет это не изменит. Про доверие — в статье про визуальное доверие к сайту.
В каком порядке идёт работа
Структура и содержимое
Что и в каком порядке.
Прототип
Расположение без оформления.
Визуальное направление
Мудборд или одна страница.
Макеты остальных страниц
После согласования направления.
Состояния и мобильная версия
Обязательно, не «потом».
Передача в вёрстку
Со всеми файлами.
Нарушение этого порядка — главная причина срыва сроков. Обсуждение цветов до согласования структуры приводит к тому, что согласованный по цвету макет приходится перерисовывать, когда выясняется состав страницы. Про прототип — в статье про прототип сайта.
Что проверить при приёмке
| Проверка | Зачем |
|---|---|
| Все страницы из списка нарисованы | Сверить с задачей |
| Есть мобильные версии | Не додумывать в вёрстке |
| Есть состояния элементов | Наведение, ошибка, пусто |
| Шрифты указаны и доступны | Лицензия на использование |
| Файлы переданы вам | Не только ссылка на просмотр |
| Контраст текста проверен | Требования доступности |
Четвёртая и пятая строки — про то, останется ли дизайн вашим. Шрифт без лицензии на веб-использование придётся менять, а макеты, доступные только по ссылке в чужом аккаунте, исчезают вместе с ним: файлы нужно забрать при приёмке. Про контраст — в статье про цветовую схему сайта.
Частые вопросы
Как оценивать дизайн, если «нравится» — не критерий?
По задачам: понятно ли, что это за компания, видно ли главное действие, читается ли текст на телефоне, работает ли макет с реальным содержимым и есть ли состояния элементов.
Что обязательно дать дизайнеру?
Аудиторию и её задачу, главное действие каждой страницы, список страниц и блоков, реальные тексты и фотографии, ограничения и критерии приёмки.
Почему редизайн часто не увеличивает заявки?
Потому что дизайн не добавляет причин выбрать вас. Если предложение неотличимо от конкурентов, макет этого не изменит.
Что забирают при приёмке?
Исходные файлы макетов, а не ссылку на просмотр в чужом аккаунте, плюс перечень шрифтов с подтверждённой лицензией на веб-использование.
Сделаем сайт, который приносит заявки
Спроектируем структуру под запросы, соберём и запустим — с учётом SEO с первого дня.
Обсудить разработку
