Знаете это чувство, которое возникает, когда утром достигается идеальное соотношение молока и хлопьев? А как насчет того, когда ты видишь последнюю рубашку на вешалке, и она оказывается твоего размера?
Вы чувствуете себя удовлетворенным и успешным (даже если ничего не сделали), и мало что может превзойти это.
Как маркетологи, мы стремимся создать именно такие ощущения у посетителей нашего сайта.
Мы делаем это, исследуя и оценивая новейшие шаблоны и тенденции дизайна, которые можно использовать в UX нашего сайта. К сожалению, время от времени эти тенденции могут вести нас в неправильном функциональном направлении.
Несколько раз я был виновен в том, что проектировал что-то, основанное на визуальной эстетике, а не на удобстве использования. Когда я начинал замечать увеличение показателя отказов сайта или падение конверсий, всегда наступал отрезвляющий момент.
К счастью, я извлек уроки из этих ошибок и составил список из 4 самых опасных UX-ловушек, которых следует избегать на вашем сайте. Ознакомьтесь со списком ниже, чтобы избавить себя от головной боли в будущем и сохранить расположение своих пользователей.
1. Разочаровывающие формы
Первое чувство, которое возникает у человека при встрече с формой на любом сайте, - это скептицизм.
Мысли, которые проносятся в чьей-то голове, варьируются от «зачем им нужна моя информация?» до «меня сейчас завалят спамом?» на «что я буду есть на ужин?» (Ладно, возможно, не последний.)
За этими мыслями обычно следуют пользователи, спорящие, ДЕЙСТВИТЕЛЬНО ли форма стоит их времени, энергии и личной информации.
Как маркетологи (и дизайнеры), мы всегда должны искать способы оптимизировать наши формы и сделать процесс отправки простым и безболезненным. При настройке формы обязательно:
Приведите примеры форматирования текста
Нет ничего более неприятного, чем получение сообщения об ошибке при отправке формы из-за того, что часть информации не была отформатирована должным образом. Если вам требуется специальный формат для чего-то, например даты, времени или номера телефона, покажите пользователю пример.
Вы также можете пойти еще дальше, настроив свои формы для автоматического форматирования информации такого типа.
Сообщайте об ошибках конкретно
Говоря о сообщениях об ошибках: если пользователь заполняет поле неправильно, убедитесь, что ваше поле является прямым и конкретным. Никто не хочет тратить время на догадки, в чем проблема. Упрощение поиска и решения проблемы с первого раза приведет к повышению вовлеченности и удовлетворению пользователей.
Запрашивайте нужное количество информации
Решить, сколько информации нужно собрать, может быть непросто. Чем больше информации вы соберете, тем лучше вы сможете адаптировать любой будущий контент или взаимодействие, но если вы спросите слишком много, вы можете начать чувствовать себя преследователем знаменитостей.
Я думаю, Тед Аммон из HubSpot выразил это лучше всего в своем блоге «4 секрета конвертирующих контактных форм».
Он предлагает относиться к формам как к датам. Он шутит: «Вы выпытывали каждую унцию информации, когда впервые пригласили девушку (или парня – мы тоже феминистки) на ужин? Вы спрашивали ее возраст? Если да, то, вероятно, у вас никогда не было второго свидания.”
Помимо надежных советов по свиданиям, в нем также обобщается подход к формам. Начните с основ, затем попросите немного больше на следующем свидании, и со временем у вас будет достаточно информации, чтобы дать вашему партнеру отличный маркетинговый опыт.
Объем информации, которую вы запрашиваете, также должен иметь смысл для имеющегося предложения. Например, если кто-то подписывается на ваш блог, вам не следует спрашивать его номер телефона или адрес. Зачем вам это нужно для подписки на блог?
2. Негабаритные фиксированные заголовки
Большой фиксированный заголовок - это тенденция дизайна, которая становится все более распространенной в Интернете. Эти заголовки созданы из добрых намерений (чтобы людям было легче переходить на страницу из любого места сайта), но если они не выполняются должным образом, они могут принести больше вреда, чем пользы.
Представьте, что вы сидите в кинотеатре, а Шак сидит прямо перед вами. Ты наклоняешься влево, он движется влево, ты наклоняешься вправо, он движется вправо. Разочаровывает, правда? Это похожее чувство испытывают пользователи, когда фиксированный заголовок слишком велик. - Но пока не стоит создавать плохую репутацию всем фиксированным заголовкам.
Как и любой другой элемент на веб-сайте, их нужно использовать разумно и в умеренных количествах, но Smashing Magazine также обнаружил, что фиксированные заголовки помогают людям находить то, что они ищут, на 22% быстрее.
Если вы приняли решение разместить на своем сайте фиксированный заголовок, имейте в виду следующее:
-
Размер заголовка.
Хорошее практическое правило – стараться, чтобы высота заголовка не превышала 100 пикселей. Все, что больше этого размера, может начать скрывать ценную информацию.
-
Ваш мобильный подход.
Фиксированный заголовок на компьютере потребует другого подхода на мобильных устройствах. Вы не можете позволить себе тратить 100 пикселей недвижимости на смартфоне! Рассмотрите возможность удаления фиксированной функциональности на мобильных устройствах и перехода на минимальное меню в стиле гамбургера.
-
Экспериментируйте с различной прозрачностью фона.
Понижение непрозрачности фиксированного заголовка - хорошая тактика, позволяющая убедиться, что заголовок не занимает слишком много внимания на странице. Помните, что фиксированный заголовок всегда должен быть второстепенным элементом содержимого страницы.
3. Конверсионные дробильные карусели
Скорее всего, вы все сталкивались с слайдером-каруселью (также известным как слайдер изображений или вращающиеся предложения) в какой-то момент во время своих путешествий по Интернету. Несколько лет назад это было в моде, но теперь, как и в случае с той парой выстиранных в кислоте джинсов, которые у вас все еще есть, пришло время отказаться от этого увлечения.
Если у вас сейчас есть сайт со слайдером, я буду грубым -Уберите эту карусель, разрушающую конверсию!(как вам аллитерация?)
Если вы все еще сомневаетесь в выборе карусели, примите во внимание следующее:
Баннерная слепота:
Карусели печально известны тем, что создают «баннерную слепоту». Это означает, что со временем люди научились отключаться и игнорировать карусели при посещении страницы. Фактически, исследование, проведенное Эриком Раньоном, показало, что из 3 миллионов посетителей, зашедших на сайт Нотр-Дама, только 1,07% фактически взаимодействовали с их каруселью. Это огромная трата недвижимости и возможностей конверсии.
Отбирая контроль у пользователя:
Карусели также нарушают многие из сегодняшних основных правил UX. Они часто прокручиваются слишком быстро, имеют слишком маленькие или отсутствующие кнопки и, что хуже всего, они лишают пользователя контроля.
Согласно принципам дизайна пользовательского интерфейса, люди, естественно, чувствуют себя наиболее комфортно, когда все контролируют. Подобные элементы лишают комфорта и оставляют плохое впечатление.
Разбавленные сообщения:
Многие компании прибегают к использованию слайдера-карусели, когда разные отделы не могут прийти к единому мнению по единому сообщению. В результате получается шквал различных сообщений, которые в конечном итоге сбивают пользователя с толку.
Людям нужно время, чтобы прочитать, переварить и сформировать мнение о чем-то, прежде чем действовать. Карусели часто вращаются слишком быстро и в конечном итоге прерывают этот процесс.
4. Плохая мобильная оптимизация
Статистика исследовательской компании IDC показывает, что в этом году больше пользователей будут выходить в Интернет с помощью мобильных устройств, чем с настольных компьютеров.
Это означает, что просто иметь «адаптивный веб-сайт» уже недостаточно. Адаптивный дизайн может улучшить внешний вид веб-сайта на мобильных устройствах, но может не отвечать конкретным потребностям мобильного пользователя. Когда дело доходит до оптимизации вашего сайта для мобильных конверсий, имейте в виду следующее:
- Имейте мышление «прежде всего мобильные». Другими словами, отдавайте приоритет мобильному контексту при создании пользовательского опыта.
- Упростите пользователям вход и выход. Пользователи смартфонов обычно находятся в движении, поэтому им необходимо иметь возможность быстро и легко выполнять действия на вашем устройстве. сайт. Разместите им четкий призыв к действию прямо в главном разделе главной страницы.
- Дизайн для сенсорного управления. Оптимизируйте поля и кнопки формы для использования пальцами разной формы и размера. Это может означать увеличение высоты кнопки или расстояния между полями формы.
Ключевые выводы
Может показаться, что это требует много работы, но я обещаю, что вы, приняв эти меры и применив их на своих сайтах, избавите себя и своих пользователей от множества разочарований. Просто запомните следующее:
- Создавайте простые формы с четкими и понятными инструкциями
- Сохраняйте фиксированные заголовки минимальными и ненавязчивыми
- Уберите старые карусели с убийствами новообращенных
- Наконец, не делайте свой сайт просто адаптивным для мобильных устройств, ОПТИМИЗИРУЙТЕ его для мобильных устройств