Илья Микшиев

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

Чёткая структура сайта

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

1. Чем сайт является — порталом, информационным ресурсом, визиткой или корпоративным проектом, веб-сервисом?
2. Что он содержит — тексты, фотографии, описания товаров или услуг?
3. Что здесь можно делать — читать материалы, заказывать товары или услуги, общаться с другими пользователями?
4. Почему этот сайт лучше конкурентных (каковы его преимущества)?

По статистике, посетитель сайта пребывает на нём в среднем около 30 секунд. Если за это время он не найдёт ответы на вопросы, то велика вероятность, что он покинет страницу.

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

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

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

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

Интуитивно понятная навигация

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

Чтобы сориентироваться на сайте, также может помочь:

• открытое меню, где активные пункты выделяются другим цветом;
• цепочка навигации («хлебные крошки») — адрес страницы в иерархической структуре сайта.

Упрощённый дизайн

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

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

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

Эти несколько шагов помогут вам достичь упрощения:

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

Предельно понятное взаимодействие с элементами сайта

1. Иными словами, посетитель не должен сомневаться:

• можно ли кликнуть по определённому элементу;
• является ли та или иная иконка кнопкой или нет;
• откроется ли изображение при клике по миниатюре и т. д.

Чтобы пользователь не сомневался в интерактивности тех или иных элементов, сделайте, к примеру, статичный контент плоским, а кликабельный — объёмным или выделенным другим цветом. Ещё один хороший способ — использовать другие стили при наведении указателя. Например, при наведении на ссылку появляется подчёркивание.

2. Второй важный момент — у посетителя не должно быть вопросов по части заполнения форм. Он должен чётко понимать:

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

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

Всплывающие окна

Не стоит злоупотреблять с использованием этого элемента. Рассмотрим, к примеру, ситуацию, когда пользователю нужно узнать, желает ли он сохранить изменения. Вместо всплывающего окна с этим вопросом предпочтительнее текст «Сохранить изменения?» и две кнопки: «Да» и «Нет». И понятно, и ненавязчиво.

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

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

Илья Микшиев

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

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

Что представляет собой компания?

Вы должны хорошо понимать:

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

Какие конкретно минусы имеет текущий сайт?

Благодаря этому вопросу вы сможете выяснить, какие элементы проекта клиенту не нравятся или не работают. Например, его может не устраивать:

• отображение страниц на мобильных устройствах (выглядит некорректно, слишком мелкий текст, отображаются ненужные блоки и т. д.);
• внешний вид сайта на крупных мониторах, у которых разрешение выше, чем 1920x1080 (слишком много полупустых блоков и т. д.);
• устаревший дизайн (хочется более высокого контраста или минимализма, анимированных элементов, отсутствия скрытых меню и т. д.).

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

Чем компания отличается от конкурентов?

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

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

Какие проблемы компания помогает решать?

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

Почему посетители сайта должны выбрать именно его?

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

Как выглядит представитель целевой аудитории?

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

Как вы планируете поощрять за активность тех, кто посещает ваш веб-проект?

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

Какую сумму вы готовы потратить на редизайн?

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

Решение по этому проекту принимаете вы или кто-то другой?

Во втором случае, скорее всего, согласование редизайна займёт значительно больше времени. Просто будьте готовы к подобному повороту. Очевидно, что идеальный вариант, когда клиент — лицо, принимающее решение. Также бывают ситуации, когда работу принимает сразу несколько человек — например, партнеров по общему бизнесу.

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

Ответ на этот вопрос даст вам возможность создать коды и теги, связанные с оптимизацией проекта под поисковые системы.

К какому сроку необходимо (или желательно) завершить работу?

• Во-первых, это даст понять, успеете ли вы выполнить работу в срок.
• Во-вторых, будет видно, насколько масштабен этот проект.

Какие технологии будут использоваться в новом дизайне?

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

Какие сайты вам нравятся?

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

Будут ли продаваться товары или услуги через сайт?

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

Кто готовит контент для сайта компании?

Если редизайн повлечёт за собой изменение текстов, то стоит согласовать свои действия с их автором.

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

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

Надеемся, этот материал был вам полезен. Удачной разработки дизайна!

Илья Микшиев

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

Что дает видеосъемка товаров?

• Ваши клиенты смогут в деталях изучить преимущества предлагаемого товара и принять максимально взвешенное решение о его покупке. Фотографии и текстовое описание — это вчерашний день по сравнению с видеоконтентом. Интернет-магазины, использующие видеоряд для продвижения своей продукции, вызывают больше интереса и доверия со стороны покупателей.
• Поскольку далеко не все сайты сегодня используют видеомаркетинг, вы получите серьезное преимущество перед конкурентами. Видеоконтент обеспечит вас гарантированно высоким трафиком и существенным приростом потенциальных покупателей.
• Подробные видеообзоры понижают риск возврата продукции. Одна из главных причин возврата товара — несоответствие ожиданий покупателя действительности. Рассмотренный во всех подробностях продукт сводит вероятность такого несоответствия к нулю. Человек посмотрел, оценил, сделал выводы и в итоге либо купил, либо не купил предлагаемый продукт. Видеомаркетинг практически исключает вероятность возвратов товара. Нет возврата — нет проблем. Зато есть устойчивая прибыль.
• Просмотр видео занимает больше времени по сравнению с рассматриванием фотографий и чтением описаний. Этот момент учитывается современными поисковыми системами. Таким образом, ваш сайт быстрее продвинется в топ поисковой выдачи.
• Полезное и качественное видео повышает ваши шансы на продажу товара. Психологический момент: человек скорее купит продукт, который он смог рассмотреть во всех подробностях и со всех сторон. Таким образом, видео способствует совершению клиентом целевого действия, а значит, повышает конверсию вашего ресурса.
• Описание видеоконтента можно успешно оптимизировать. Придумайте description и title страницы, впишите ключи по «Яндекс.Вордстат» — как результат, ваш интернет-магазин поднимется по поисковой выдаче.

Разновидности видеороликов для интернет-магазинов

1. Видеоописание товара. Это первое и самое главное из того, что можно разместить. Видеоописание должно быть максимально наглядным и подробным. Распишите все преимущества и потребительские свойства товара, расскажите о его функционале, заводе-производителе, дизайне и т. д. Обязательно продемонстрируйте размер продукта. Рекомендуем для наглядности поместить в кадр какой-нибудь узнаваемый предмет: яблоко, шариковую ручку, спичечный коробок, мобильный телефон и т. п. И помните, что видеоописание товара преследует две главные цели: ответить на все вопросы клиента и побудить его сделать покупку.
2. Видеопрезентация (или демонстрация) товара. Если у вас магазин спортивной одежды и атрибутики, наденьте кроссовки, понабивайте футбольный мяч или побоксируйте в боксерских перчатках на камеру. Возможно, вам придется пригласить «артистов» или самому блеснуть актерскими способностями и спортивными навыками. Цель такого видео — показать, как товар соотносится с реальным человеком, сидит на нем и т. п. Разумеется, ролик должен быть интересным, ярким, запоминающимся и побуждающим клиента приобрести вашу продукцию.
3. Видеоинструкция. Ролики такого формата замечательно подойдут для демонстрации бытовой техники, электроники и разнообразных современных устройств. К примеру, вы демонстрируете мобильный телефон (телевизор, холодильник, соковыжималку и т. п.). Включите его и начните показывать в действии. Что он умеет, как работает, какими функциями оснащен, какие у него особенности и т. д. По сути, это то же самое видеоописание товара. Показать нужно все, в мельчайших подробностях. Поставьте себя на место покупателя, который видит этот телефон впервые и совершенно не знает, как им пользоваться. По окончании вашей видеоинструкции у такого человека не должно остаться к вам никаких вопросов. Ваша главная задача — дать максимум полезной информации в максимально доступной и понятной форме.
4. Экспертный обзор. Вам придется найти человека, профессионально разбирающегося в рекламируемом товаре. Это можете быть вы сами, сотрудник вашей компании или приглашенный эксперт. Главные критерии выбора — достаточный уровень компетентности и умение интересно подавать материал. Возможно, вам придется оплатить его услуги.
5. Тестирование. Вы заказываете у какого-нибудь популярного блогера обзор своего товара и посылаете ему бесплатный образец (допустим, кухонного комбайна) на тестирование. Он, в свою очередь, записывает видео, где высказывает мнение об этом комбайне. Важный момент — такие отзывы не должны быть чрезмерно «сладкими» и однозначно хвалебными. Клиент почувствует фальшь и утратит доверие. Оптимальный вариант, если в числе достоинств обозреватель выделит и некий недостаток. Этот прием должен сработать и повысить доверие потребителя как к товару, так и к видеосюжету. Чтобы лучше ознакомиться с таким форматом, изучите ютуб-каналы известных блогеров.
6. Видеоотзывы. Для записи такого ролика вам придется привлечь реальных или условно реальных покупателей. Можно договориться со своими знакомыми, друзьями или родственниками. Фишка видеоотзыва в том, что некий потребитель в режиме реального времени тестирует ваш товар и попутно делится своими ощущениями от этого процесса. Этот формат подходит для продвижения любого товара: бытовая техника, одежда, продукты питания, сувенирная продукция и др. К примеру, девушка готовит ужин из купленных в вашем интернет-магазине продуктов, примеряет приобретенный у вас купальник или тестирует новый велотренажер и т. д. Такой формат стирает грань между продавцом и покупателем. Последний невольно чувствует свою вовлеченность в работу интернет-магазина, а значит, становится ближе к вам.
7. Видео в стиле ситуативного маркетинга. Ситуативный маркетинг — это реакция бренда на актуальные события, которые происходят в стране или в мире. К примеру, прошла зимняя Олимпиада — снимите ролик, где продаваемый вами телефон помещается в чехол с эмблемой олимпийских игр. Или состоялась церемония вручения премии «Оскар». И, разумеется, посетить это мероприятие удобнее всего в смокинге из вашего магазина одежды. Не пропускайте значимые информационные поводы, такие как Новый год, Восьмое марта, День Победы, Выборы Президента страны, чемпионат мира по футболу, начало учебного года и т. п. Ведь это прекрасная возможность снять новое видео, которое наверняка привлечет внимание большей части вашей аудитории.
8. Развлекательное видео. Например, снимите серию роликов о необычных способах использования ваших товаров. Совершенно неважно, что это за вещи, ведь придумать можно что угодно и о чем угодно. Главное, чтобы ролики были яркими и смешными. Смех не может вызвать негативную реакцию, зато может привлечь и расположить. Если аудитории понравится ваше творчество, а кто-то из клиентов разместит ваш ролик в соцсетях, это будет настоящий маркетинговый прорыв.
9. Корпоративное видео. Совсем необязательно снимать ролики только о конкретных товарах или услугах. Снимите небольшой корпоративный ролик, представьте своих сотрудников, скажите несколько хороших слов о каждом из них. Таким образом, ваш магазин перестанет быть обезличенным и обретет свое лицо. А покупать товары у знакомых и приятных людей психологически проще, чем у шаблонных ноунеймов.

Правила размещения видео в интернет-магазине

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

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

Как снимать видеоконтент для интернет-магазина?

Существует несколько способов:

• Заказать видео в профессиональной студии. Профессионалы, безусловно, снимут для вас отменное продающее видео на ультрасовременном оборудовании, сами разработают и реализуют креативную идею, от вас потребуется только одно — заплатить. Это и есть единственный минус такой съемки. Промовидео в профессиональной студии стоит от 10 тысяч рублей и выше. Дорогое удовольствие, но игра стоит свеч.
• Снимать видео самостоятельно. Для этого вам понадобится видеокамера или смартфон и некоторое количество времени, чтобы придумать идею, снять ролик и его смонтировать. Видео, снятое на телефон, может получиться очень живым, искренним и душевным, однако его качество, скорее всего, пострадает. Мы все же рекомендуем приобрести профессиональную или хотя бы полупрофессиональную аппаратуру: камеру, штатив (для ее фиксации), микрофон и комплект для освещения с зонтом. Для монтажа видеоряда используйте специализированные программы, такие как Sony Vegas, Adobe Premiere, Virtualdub и т. п. Главными преимуществами этого способа стоит назвать экономию денег, а также абсолютную творческую свободу и независимость.
• Обратиться к фрилансерам. В современных условиях найти человека, который в одиночку снимет для вас видеоролик по сходной цене, — вообще не проблема. Услуги фрилансера обойдутся дешевле, чем труд профессионалов, а результат, возможно, окажется на сходном уровне, поскольку среди мастеров-одиночек нередко встречаются настоящие умельцы.
• Обратиться к клиентам. Этот вариант нельзя рассматривать как основной. Однако это довольно креативный и зачастую выгодный способ обогатить и разнообразить видеоконтент сайта. Вы можете объявить конкурс на лучшее видео среди подписчиков в соцсетях или придумать нечто подобное. Для повышения мотивации и азарта победителя можно наградить каким-нибудь бонусом или призом.

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