Этапы создания сайта: что определить до дизайна и разработки

Почему списка этапов недостаточно

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

«Что нам подходит?»

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

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

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

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

Поэтому сначала нужно определить две вещи: какой результат должен поддержать сайт и что он должен помочь понять или сделать человеку.

Что определить до структуры сайта

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

Сигналы могут проявляться по-разному:

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

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

До проектирования структуры должно стать ясно:

• что произошло в бизнесе или поведении клиентов;
• почему существующий сайт или способ объяснения больше не помогает;
• какой результат должен поддержать новый сайт;
• кому он должен помочь и в какой ситуации.

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

Что человек пытается понять или сделать

Недостаточно определить аудиторию общими словами: «предприниматели», «компании» или «частные клиенты».

Важно понять конкретную ситуацию человека:

• что он уже знает;
• в чём сомневается;
• чего не может найти;
• какое решение пытается принять;
• какое действие хочет выполнить.

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

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

До появления структуры важно ответить на три вопроса:

С чем человек приходит на сайт? Что он пытается понять или сделать? Что мешает ему двигаться дальше?

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

Как появляются содержание и структура

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

Главный вопрос на этом этапе звучит не так:

Какие страницы будут на сайте?

А так:

Что человеку необходимо узнать или сделать, чтобы решить свою задачу?

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

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

Если решение воспринимается как рискованное, важно объяснить процесс, ответственность и границы результата.

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

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

Как из содержания появляется структура

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

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

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

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

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

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

Что должно быть ясно до дизайна

Дизайн не определяет главное. Он помогает сделать уже определённое главное заметным.

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

Должно быть понятно:

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

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

Иначе одинаково заметными могут оказаться предложение, объяснения, подтверждения и кнопка действия. Человеку придётся самостоятельно решать, на что смотреть и что делать дальше.

Перед переходом к финальному дизайну

Понятно ли, что человек должен увидеть сначала, что понять дальше и какое действие сможет выполнить?

После появления визуального решения

Сделала ли визуальная форма этот порядок заметным и понятным?

Что должно быть ясно до разработки

Утверждённый макет ещё не даёт всех оснований для начала разработки.

До неё нужно согласовать четыре группы решений.

Действия. Что человек сможет сделать на сайте и что произойдёт после успешного шага или ошибки.

Обновление. Кто и как будет менять тексты, изображения и другие материалы.

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

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

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

Какую роль играет техническое задание

Бриф собирает исходные сведения и вопросы.

Задача технического задания — зафиксировать принятые требования к реализации.

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

Новые требования и ограничения, выявленные позже, оцениваются отдельно.

Как понять, что можно двигаться дальше

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

Что стало понятнее после этого этапа?

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

Какое решение теперь можно принять?

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

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

На чём основано это решение?

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

Для одного проекта потребуется более глубокая проверка. Для другого будет достаточно повторяющихся вопросов клиентов и проверки простого прототипа.

Наблюдение становится основанием только тогда, когда понятно, какое решение из него следует.

Что ещё мешает двигаться дальше?

Полной определённости почти не бывает.

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

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

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

Почему решения могут уточняться

Создание сайта редко идёт по идеально прямой линии.

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

Уточнение ранее принятого решения не обязательно означает ошибку.

Если изменилось его основание, нужно проверить связанные с ним последующие выводы.

Уточнение задачи может повлиять и на масштаб проекта.

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

Объём сайта должен следовать из задачи, а не служить признаком серьёзности проекта.

Что происходит после запуска

После запуска предположения проекта проверяются на практике.

Становится видно, понимают ли люди предложение, находят ли нужную информацию и выполняют ли основные действия.

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

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