Статьи

10 трендов веб-дизайна и UX на 2017 год, которые могут повысить конверсию

Новый год приносит новые возможности. А для веб-дизайнеров — возможность и вызов использовать новейшие визуальные тренды и тактику взаимодействия с пользователем.

Но, как известно любому веб-профессионалу, веб-дизайн должен делать больше, чем просто хорошо выглядеть, и UX является неотъемлемой частью процесса конвертации. Именно поэтому наше агентство The Deep End хотело определить, какие новые тенденции могут реально помочь нашим клиентам — то есть, какие новые тенденции могут быть использованы для повышения конверсии?

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

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

1: Адаптивный к возрасту дизайн

Возрастной дизайн

Почему это конвертируется: пытаетесь ли вы достичь Gen X, Gen Y (Millennials), Gen Z (iGeneration) или Baby Boomers, в этой тактике есть сила. Это показывает, что каждое поколение будет лучше всего реагировать на изображения и эстетику, нацеленную на них.

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

2: Скелетные экраны

Скелет ЭКРАНЫ

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

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

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

3: Помолвочные боты

ОБЪЕМНЫЕ БОТЫ

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

Что вы можете сделать с помолвочными ботами? Думайте о них как об отзывчивом разделе часто задаваемых вопросов. Какие вопросы могут возникнуть у вашего клиента, прежде чем они начнут действовать? Запрограммируйте своего бота, чтобы он был доступен круглосуточно, чтобы отвечать на эти вопросы, и вы на пути к большему количеству конверсий.

4: Маркетинг в корзине

Корзина Amazon

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

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

5: Анимированные кнопки призыва к действию

Кнопки CTA

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

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

6: Изображения Cinemagraph Hero

ezgif.com-optimize (28)

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

И плюс для вашего маркетингового бюджета, ваши инвестиции в cinemagraphs могут также использоваться в социальных сетях. The Wall Street Journal сообщает, что реклама на Facebook с использованием cinemagraphs имеет показатель кликов до 60 процентов выше, чем статическая реклама.

7: Объяснительные видео Persuader

https://www.youtube.com/watch?v=dT5CoztbZQk

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

Используйте реальных людей (помните о преимуществах дизайна, учитывающего возраст людей из № 1), которые говорят хорошие вещи о ваших продуктах и ​​услугах, чтобы извлечь максимальную пользу из этой тактики.

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

8: Значения на основе выходных оверлеев

накладками

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

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

9: Смерть домашней страницы

Смерть домашней страницы

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

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

Прокрутка Козыри Навигация

Scrolling

Почему он конвертируется: логика старой школы скажет вам, что вам нужно, чтобы ваши основные элементы веб-дизайна были «выше сгиба» на вашем сайте.

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

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

Завершение

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

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

Если вы хотите увидеть полную инфографику, вы можете просмотреть ее здесь: веб-дизайн 2017 и тенденции UX для повышения конверсии