О роли дизайна в веб-разработке продающих сайтов

в беседе с Григорием Бариновым, руководителем проектов компании VIPRO

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

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

За последнее десятилетие как изменилась роль дизайна в общем процессе разработки сайта?

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

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

Да, в основном так и было. Рождался сайт, основанный на дизайне, и только.

А сейчас?

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

То есть дизайн должен быть зависим от структуры и контента, а не наоборот? Сначала содержание, а потом форма?

Да, особенно это касается продающих сайтов.

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

Именно так и произошло.

Какова роль команды в работе над проектом? Возможно ли создание серьезного продающего ресурса одним человеком или все-таки желателен командный подход?

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

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

Несложно догадаться какого типа сайты сейчас заказывают больше всего. И все-таки, какие?

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

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

Главное — точное, всестороннее преподнесение информации. И здесь следует идти по пути от частного к общему, а не наоборот. Внутреннее содержание важнее, чем внешнее. На этапе проектирования, допустим, интернет-магазина, важно продумать как правильно выложить характеристики каждой товарной позиции, показать товар с разных сторон. Со всех сторон, в идеале. От того насколько качественно организована карточка товара, будет зависеть исход — состоится сделка или нет. Раньше на это не обращали особого внимания, вероятно, потому, что не стремились создавать «продающие» сайты.

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

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

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

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

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

Интересная технология обработки графики — создание объемных реалистичных иллюстраций на основе коллажа, которые выглядят очень натурально, но не являются фотографиями. Эффект получается за счет визуализации изображений при помощи 3D-программ, позволяющих по определенной модели создавать объемные изображения с определенной точки освещения и наблюдения. Для создания таких иллюстраций необходимо огромное количество подготовительного материала. Возможно наложение на детали натуральной текстуры, использование теней и искусственного солнечного света. Возможно создание любого настроения, отображения погоды. Да, все что угодно. Отдельные элементы прорисовываются, затем соединяются воедино и в финале мы получаем красивую фотореалистичную картинку, которая сильно привлекает внимание посетителей, легка для восприятия, не перегружает внимание и способствует созданию нужного настроения на сайте.

А что ты можешь сказать о флэш, трехмерной графике?

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

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

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

Спасибо за интервью. Желаю тебе интересных проектов.

Екатерина Елисеева