Диана Малевич - соучредитель компании HYPE4, которая разрабатывает дизайн продуктов для таких компаний как MTV, Samsung, BMW, Viacom, Oriflame и многих других. Диана - автор книги "Проектирование интерфейсов" и имеет более 11 лет опыта работы дизайнером продуктов.
В этой статье я представляю свой перевод ее статьи. Диана поделилась полезными наблюдениями и советами по созданию продающих, user-friendly лендингов. Давайте познакомимся с экспертным мнением и перестанем "убивать" наши лендинги ;)
Лендинг – это популярный, но специфический вид сайта. Я часто задаюсь вопросом: "Почему так сложно найти хороший лендинг?". Казалось бы, мы, как дизайнеры продукции, владельцы сайтов и пользователи, достаточно разбираемся в дизайне, но все, кажется, забывают об одной простой вещи:
Главная цель лендинга - продажа продукта или идеи. Ни больше, ни меньше.
Понимая это, мы должны создавать лендинги на основе строгого списка задач. Мы не соревнуемся в конкурсе красоты или творчества.
Хороший лендинг – это когда страница уникальная, но не перегруженная. Посыл сайта – прямолинейный и ясный для пользователя, а общий визуальный стиль соответствует характеристикам продукта. Визуальная составляющая привлекательна именно вашей целевой аудитории, а сам процесс покупки настолько быстрый, легкий и увлекательный, насколько это возможно.
Приведу примеры самых распространенных ошибок в лендингах, которые встречаю в последнее время.
1. Неразумное следование трендам
Если бы мне пришлось выбрать одну вещь, которая сильнее других убивает индустрию дизайна, я бы однозначно выделила бездумное следование трендам.
Конечно, я ничего не имею против трендов, но самое худшее, что может сделать дизайнер или владелец продукта – скопировать все трендовые визуальные идеи, которыми сегодня переполнен мир дизайна.
Ваш лендинг должен продавать продукт, а не получать тысячи "лайков" от других дизайнеров. Очень свежий пример - использование 3D-иллюстраций, которыми кишит уже весь интернет. Их использование не гарантирует успешные продажи. Более того, это может привести к совершенно противоположному результату.
- Следовать популярному тренду, чтобы быть похожим на всех остальных в отрасли, – это изначально ошибочный вектор движения. Это самый простой способ затеряться в толпе таких же, как и вы.
- Вид вашего лендинга должен определяться тем, что нужно вашей целевой аудитории, а не тем, что сейчас популярно на Dribbble.
- Подумайте о вашем продукте. Какой стиль, цветовая гамма и образность подойдут ему больше всего? Может быть, настоящая рука, держащая в руках настоящий телефон, будет служить вашему товару лучше, чем пухленький, мультяшный 3D?
2. Полотно текста (слишком многа букав)
Каким бы замечательным ни был ваш продукт, и как бы много вы ни хотели рассказать о нем всему миру, есть одна вещь, которую вы должны знать:
Большинство людей не любят читать.
Поэтому вы должны уметь и стремиться описать идею/главную выгоду вашего продукта в одном мощном предложении. У вас есть всего пара секунд, чтобы привлечь внимание и интерес пользователя.
Человек, посетивший вашу страницу, скорее всего, будет пролистывать содержимое, а не читать каждый абзац, и, как правило, покинет сайт, если на нем будет слишком много текста.
- Используйте короткие и понятные предложения для изложения наиболее важных фактов, а не длинные абзацы текста. Разделите длинные части текста на несколько небольших – например, описание и характеристики продукта.
- Убедитесь, что общая пропорция текста и изображений на лендинге – не менее 50:50. Текст должен сопровождаться изображениями или схемами, иначе он будет выглядеть слишком скучным и тяжелым для восприятия.
3. Обилие призывов к действию (CTA).
Популярное правило "меньше - больше" распространяется и на CTA.
Вопреки распространенному мнению, расположение 15 CTA подряд или повторение их под каждым разделом лендинга не гарантирует повышение показателей конверсии. Более вероятно, что это просто будет раздражать посетителей сайта.
- Чем чаще встречается какой-то элемент, тем меньше внимания он привлекает. Люди склонны упускать из виду вещи, которые не особо отличаются друг от друга.
- Вместо того, чтобы ставить 15 одинаковых кнопок CTA на протяжении всего лендинга, подумайте об одной кнопке, которая просто залипнет в верхней части страницы пока пользователь будет листать страницу. Так кнопка всегда будет на виду, ей будет легко воспользоваться, но она не будет агрессивно "нападать" на пользователя из каждого угла.
4. Перемудрили с навигацией
Одно из главных правил, которым я следую как дизайнер:
Не пытайтесь заново изобрести колесо. Если что-то прекрасно работает, зачем это усложнять?
По этой причине я категорически не одобряю лендинги с нестандартной навигацией. Пользователи настолько привыкли к прокрутке вниз, что это стало частью нашей человеческой природы. Мы прокручиваем вниз, так как это действие стало для нас интуитивно понятным.
Поэтому, когда я автоматически пытаюсь прокрутить страницу вниз, и ничего не происходит, я неприятно удивляюсь. Вместо того, чтобы сфокусироваться на продукте, я трачу время на то, чтобы понять, как работает навигация. Она горизонтальная? Мне нужно нажать на какую-то ссылку, чтобы появилось содержимое? Или мне просто ждать?
- Стандартная прокрутка вниз – это лучший вариант для навигации по лендингу. Не стоит менять этот UX шаблон ради того, чтобы сделать сайт более креативным или индивидуальным. Игра не стоит свеч.
- Люди привыкли к прокрутке вниз и делают это автоматически после входа на страницу - не нарушайте эту естественную привычку.
5. Отсутствие пользовательских тестирований
Как вы узнаете, продает ваш лендинг или нет, если вы не проводите никаких пользовательских тестирований? Ну, если ваши продажи по-прежнему невысокие, то это может быть звоночком.
Единственное, что касается лендинга – это то, что он постоянно нуждается во внимании владельца.
Порой на конверсию может сильно повлиять простое изменение цвета или формы кнопки CTA.
Нужна ли вам группа UX-экспертов для проведения тестирования? Нет. Вы можете установить простой инструмент Hotjar (Российский аналог - Яндекс.Метрика) и посмотреть, как пользователи взаимодействуют с веб-сайтом.
Проанализировать цифры и данные, а также выявить проблемные участки может один опытный дизайнер, обладающий знаниями и опытом в области юзабилити. Такие наблюдения всегда невероятно полезны и могут привести к выводам, благодаря которым можно повысить уровень продаж и общей удовлетворенности посетителей.
Помните, что свежеопубликованный сайт – это только начало. Работа никогда на этом не останавливается.
Убедитесь, что лендинг отражает дух вашего продукта, что она достаточно уникальна, привлекает внимание с самого начала и дружелюбна к вашим посетителям.
Используйте инструменты для наблюдения за поведением пользователей и постоянно адаптируйте свой сайт так, чтобы он соответствовал потребностям пользователя!
Надеюсь, вам понравилась и была полезна эта статья! Желаю вам успехов в веб-дизайне или создании лендинга для своего продукта! :)