Пятница , Сентябрь 21 2018
Домой / Предпринимательская деятельность / Графика и дизайн успешного сайта.
Графика и дизайн успешного сайта.

Графика и дизайн успешного сайта.

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

Целый ряд организаций на сайтах прописывают лишь мобильные номера. Это несколько снижает доверие посетителей. Ведь нонсенс то, что нормальная компания (которая заявляет себя нормальной) не может установить пару стационарных аппаратов. Ведь даже в «шаражкиной конторе» такие телефоны обычно имеются. Посетители на самом деле довольно внимательны к этому нюансу. А теперь к самой графике.

Правило 3-х секунд.

Около 90% посетителей срываются с сайта, если не найдут на нём ничего полезного в течение 3-х секунд. Поэтому его дизайн должен быть продуман так, чтобы пользователь моментально сходу увидел там то, что релевантно его интересам.

Поэтому первое – в шапке сайта крупными легкочитаемыми буквами должно быть прописано название, отражающее род Вашей деятельности. Например, если Вы напишете что-то вроде «Байкорай», то посетитель вряд ли сразу поймёт, куда он попал. И напротив, «Магазин спортивных велосипедов» предельно понятное название. Шрифты и цвета обязательно должны идеально читаться! Именно поэтому лучше всего выбирать Times New Roman и аналогичные ему форматы, крайне желательно с засечками.

Другой вариант: часть названия крупными буквами, а пояснение внизу шрифтом чуть помельче. Например:

СПОРТИВНОЕ ПИТАНИЕ.

С ДОСТАВКОЙ НА ДОМ. ДЛЯ БОДИБИЛДЕРОВ И КУЛЬТУРИСТОВ.

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

Вообще люди привыкли, что:

  • слева (в верхнем углу) – логотип с какой-нибудь надписью (в логотипе допустимы любые шрифты);
  • справа (в верхней части) – номера телефонов;
  • в левой колонке – меню.

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

Пресыщенность графическими элементами.

Одна из довольно распространённых ошибок – обилие картинок, всевозможных дизайнерских изысков, анимации и прочих «наворотов». Почему ошибка?

Во-первых, пользователь пришёл не за тем, чтобы любоваться и восторгаться сайтом, а за тем, чтобы найти решение своей проблемы.

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

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

Именно поэтому при замере конверсии обычно наилучшие результаты показывают именно простые и незатейливые сайты.

Как подбирать картинки?

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

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

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

Простота – сестра таланта.

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

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

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

Эксперименты показывают, что продаёт именно:

  • простой дизайн;
  • тематичный (передающий самую суть темы. Например, изображения авто на странице автосалона).

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

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

Есть и другая ошибка, часто допускаемая начинающими предпринимателями – сверстав некий сайт, они дают на него ссылку своим друзьям, прося оценить. те отвечают, что им нравится, удобно, приятно, и в результате владелец думает: «ну, у меня всё круто! сайтик вообще зашибись!». А потом уже на «полевых испытаниях» оказывается, что эффект от онлайн-площадки из ряда вон никакой! Так вот, ошибка в том, что для оценок подбирается неверная аудитория. Эффективность сайта должна оцениваться именно потенциальными клиентами (а не друзьями, дизайнерами, всевозможными «гуру» и т.д.). Для этого просто найдите 5-10 человек, представляющих вашу целевую аудиторию, и дайте им ссылку на сайт под предлогом покритиковать (это ведь все любят!). Лучше всего искать таких людей на всевозможных отзовиках, группах потребителей и т.д.

Текстовое наполнение.

Забудьте про «Мы – команда профессионалов», «Динамично развивающаяся компания», «Индивидуальный подход к каждому клиенту» и ещё «тридцать три» лозунга неудачников. Ваш текст должен быть предельно конкретным, адресным и весомым (каждое слово на вес золота).

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

Итак, рассмотрим … базовых пунктов хорошего текста.

  1. Адресный текст. В тексте желательно давать обращение к посетителям на «вы», чтобы человек чувствовал, что это не безликое повествование, а конкретно ему адресация.
  2. Минимум похвалы и оценок – максимум полезных фактов. Например, некто пишет: «Мы – команда профессиональных юристов». Вы же (чтобы смотреться выигрышнее) можете написать: «Мы 96% бракоразводных дел решаем в пользу клиента». Понимаете? Здесь уже идёт прямое и очень конкретное обоснование, почему к вам обратиться нужно, а не к «команде профессиональных юристов».

Берите любые выигрышные стороны (за которые вам особо благодарны многие клиенты), и смело прописывайте их в своих текстах.

  1. Работа с возражениями. После строчки о 96% бракоразводных дел человек запросто может подумать: «А вдруг окажусь в числе несчастливых 4%?». Чтобы обойти эту мысль и побудить посетителя к действию, напишите в тексте также «Чтобы узнать, насколько перспективно Ваше дело, позвоните по номеру… Звоните прямо сейчас – может, Ваша ситуация только кажется безвыходной, а мы разрешим её в Вашу пользу уже завтра».
  2. Выгоды клиента + эмоции. Помните, что покупают на эмоциях, но обосновывают покупку логикой. Именно поэтому пишите краткие и живые тексты. Эмоции особенно хорошо передаются, когда вы начинаете погружать читателя в некоторую атмосферу («Представьте, как Вы проснулись поздним утром в отеле. Вам приносят завтрак. А позже Вы пойдёте не на работу, а на пляж, или на просмотр городских достопримечательностей. В общем, куда Вам заблагорассудится»). Это намного лучше, чем сухое перечисление достоинств вас как туроператора.
  3. Призыв к действию. Текст разрабатывается, не чтобы продать прямо сейчас, а чтобы смотивировать читателя на конкретное действие, например, позвонить или нажать на кнопку перехода на страницу покупки. Именно это действие (нажатие на кнопку или звонок) должны быть чётко обозначены. «Чтобы записаться на консультацию, позвоните прямо сейчас по телефонам…»

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

Смотрите также

Как увеличить средний чек при помощи акций?

Как увеличить средний чек при помощи акций?

Продолжаем цикл статей о разумной организации акций. Сегодня «на повестке дня» – увеличение среднего чека. …

Добавить комментарий

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.