7 советов и подсказок для визуального дизайна, способного улучшить эффективность сайта

7789

У ваших посетителей синдром дефицита внимания.

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

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

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

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

Перед вами 7 советов и подсказок, как сделать рекламу эффективной, чтобы создать это незабываемое первое впечатление:

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

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

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

Пустое/Свободное пространство

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

Визуальные подсказки

Если на вашей целевой странице расположено множество других вещей и у вас просто нет возможности выделить для этого пустое пространство, вы можете:

  • Придать своему «призыву к действию» какой-либо другой цвет, отличающийся от той палитры, которая присутствует на всей остальной странице
  • Сделайте «призыв к действию» контрастным по отношению к фону (черное на белом, желтое на темно-сером)
  • Пусть человек/животное на фотографии/рисунке смотрит непосредственно на «призыв»
  • Сделайте необычный дизайн или форму
  • Вставьте его в какой-нибудь динамичный элемент
  • Нарисуйте стрелки или дорожки, ведущие прямиком к нему.

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

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

2. Сыграйте на любопытстве своих посетителей

Мы все – любопытные создания, и вы можете с легкостью воспользоваться этой неотъемлемой чертой человеческой натуры, чтобы повысить эффективность рекламы на своей целевой странице. Чем дольше пользователя будет разъедать любопытство, тем больше времени будет у вас на то, чтобы увлечь его глубже в свое «логово» (как бы зловеще это ни звучало!).

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

Сыграйте на любопытстве своих посетителей

3. Добавьте цвета

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

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

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

Добавьте цвета

4. Всегда оставляйте место для неожиданности

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

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

Зачастую, когда пользователь попадает на страницу вашего сайта, которая не существует (неважно, по какой причине), его встречает скучное сообщение об ошибке браузера. Тем не менее, если вы уделите внимание дизайну даже на странице с ошибкой 404, вы можете сподвигнуть посетителей зайти на другие страницы вашего сайта, которые исправно работают. Таким образом, вы сможете не только компенсировать неприятный осадок от не открывающейся ссылки, но также разрекламировать свой сайт.

Всегда оставляйте место для неожиданности

5. Используйте стрелочки. Они действительно работают.

Правда невероятно проста: среднестатистический Интернет-пользователь хочет найти то, что ищет, выполняя при этом минимальный объем умственной работы. И нет ничего более полезного для затерявшегося путешественника (посетителя вашего сайта), чем наличие симпатичных стрелочек, указывающих на то, что он ищет. Стрелки не только указывают направление, но при этом намекают на срочность и мгновенную реакцию. С таким огромным количеством положительных характеристик вы никогда не окажетесь в проигрыше, нарисовав одну-две стрелки на странице!

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

Используйте стрелочки Они действительно работают

6. Добавьте несколько удачных фото

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

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

Добавьте несколько удачных фото

7. Не перебарщивайте

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

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

Один из моих самых любимых примеров (и тот, который я часто цитирую) «простой, но органичной» целевой страницы – это сайт Groupon.

Не перебарщивайте

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

Оригинал: 7 Visual Design Tips and Tricks that Boost Conversion

Перевод: SeoSchool.ru

Подпишитесь и получайте новые статьи и руководства по увеличению продаж и увеличению постока клиентов в Ваш интернет-бизнес на почту
Об авторе

Автор: Всеволод Козлов (Написал 272 статьи)

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

Один из последних кейсов - увеличение объема продаж за короткий срок с 420 210 руб/мес до 13 906 950 руб/мес, т.е. в 33 раза!

Я на Google+, Facebook, Vkontakte , LinkedIn

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*