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