text

Как пустое пространство на сайте клиники может повысить конверсию

  • 24 июля 2018
  • 137
Маркетолог
Маркетолог

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

Понятие «пустого пространства»

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

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

Как пустое пространство на сайте клиники может повысить конверсию

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

Как пустое пространство на сайте клиники может повысить конверсию

Но если баланс удастся соблюсти - у вас получится нечто вроде такого сайта:

Как пустое пространство на сайте клиники может повысить конверсию

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


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

Как пустое пространство на сайте клиники может повысить конверсию

Источник - https://ru.freepik.com
 

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

Существуют четыре типа пустого пространства на сайтах: 

  • Расстояние между различными небольшими элементами (скажем, изображениями и заголовками, между буквами, декоративными элементами - полосками или разделителями - и текстовыми блоками) 
  • Расстояние между основными элементами (заголовками и текстами на сайте) 
  • Активное пространство: асимметричная пустая область, осознанно добавленная на страницу для придания ей динамичности 
  • Естественное пространство - расстояние между расположенными в строке словами или область “обтекания” вокруг графиков или изображения. 

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

Запланированная пустота существенно улучшает удобочитаемость сайта клиники


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

Как пустое пространство на сайте клиники может повысить конверсию

А вот так он мог бы выглядеть, если бы клиника своевременно позаботилась о том, чтобы клиенту стало удобнее читать о процессе имплантации:

Как пустое пространство на сайте клиники может повысить конверсию

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

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

Как пустое пространство на сайте клиники может повысить конверсию

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


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

Как пустое пространство на сайте клиники может повысить конверсию

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

Как пустое пространство на сайте клиники может повысить конверсию

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

Корректное использование пустого пространства улучшает впечатление от сайта

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

Как пустое пространство на сайте клиники может повысить конверсию

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

Второй сайт выглядит иначе.

Как пустое пространство на сайте клиники может повысить конверсию

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

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

Как пустое пространство на сайте клиники может повысить конверсию

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

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

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

Как пустое пространство на сайте клиники может повысить конверсию

Пустое пространство позволяет отформатировать поля формы и сделать их удобными для восприятия.

Так, например, в противоположность примеру выше, на сайте одной клиники представлена форма с достаточным количеством пустого пространства:

Как пустое пространство на сайте клиники может повысить конверсию

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

Модальное окно для работы с возражениями

Рассмотрим интересный пример клиники, которая оказывает услуги проведения однофотонной эмиссионной компьютерной томографии, необходимой для диагностики и лечения СДВГ, некоторых поведенческих проблем и расстройств памяти.

Вот так выглядит лендинг, созданный этой клиникой для одной из их наиболее популярной услуги: клиника предлагает помощь своим пациентам в самостоятельном избавлении от СДВГ на дому за месяц.

Как пустое пространство на сайте клиники может повысить конверсию

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


По мнению маркетологов клиники Amen Clinics, хотя помощь от СДВГ на дому за 30 дней — это достаточно заманчивое предложение, некоторые пациенты могут испытывать сомнения по поводу того, подходит ли им эта программа.

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

Как пустое пространство на сайте клиники может повысить конверсию

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

В течение 30-дневного теста почти 20% пользователей, увидевших такое модальное окно на выходе, согласились воспользоваться программой клиники.
 

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

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

Мы в соцсетях
Зарегистрируйтесь на сайте и ПРОДОЛЖИТЕ ЧТЕНИЕ!

Это бесплатно и займёт 30 секунд.

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

  • методики, проверенные на практике
  • правовая база
  • полезные подборки статей
  • участие и просмотр вебинаров

У меня есть пароль
напомнить
Пароль отправлен на почту
Ввести
Введите эл. почту или логин
Неверный логин или пароль
Неверный пароль
Введите пароль
Я тут впервые
Не забудьте ПОДТВЕРДИТЬ регистрацию на почте
ХОЧУ ПРОДОЛЖИТЬ ЧТЕНИЕ
Сайт использует файлы cookie. Они позволяют узнавать вас и получать информацию о вашем пользовательском опыте. Это нужно, чтобы улучшать сайт. Посещая страницы сайта и предоставляя свои данные, вы позволяете нам предоставлять их сторонним партнерам. Если согласны, продолжайте пользоваться сайтом. Если нет – установите специальные настройки в браузере или обратитесь в техподдержку.