Как создавать веб-сайты, которые привлекают внимание посетителей

Опубликовано: 2017-07-18

Вы один из тех дизайнеров, которые борются с мимолетной концентрацией внимания?

Содержание скрыть
Средняя продолжительность концентрации внимания на веб-сайтах
Как привлечь внимание посетителя за 30 секунд?
Положитесь на лучший контент, который у вас есть
Думайте как посетитель: что он/она ищет?
Удобочитаемость важна
Новинка вечнозеленая
Выделяться из толпы
Не бойтесь использовать контраст
Мультимедиа — это будущее
Доверие на первом месте

Когда мы говорим «концентрация внимания», мы имеем в виду промежуток времени, в течение которого пользователь может сосредоточиться на одной задаче, не отвлекаясь.

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

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

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

Средняя продолжительность концентрации внимания на веб-сайтах

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

Средняя продолжительность концентрации внимания на веб-сайтах — график Штырь

Очевидно, это зависит от вас, но если вам нужен общий ответ, это не займет много времени.

По статистике, продолжительность концентрации внимания не превышает одной минуты.

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

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

Как привлечь внимание посетителя за 30 секунд?

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

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

Пример хорошо оформленной страницы покупок Штырь

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

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

Штырь

Здесь вступает в силу правило 30 секунд.

Согласно многим исследованиям, 30 секунд достаточно, чтобы привлечь внимание клиентов, прежде чем они уйдут, чтобы заняться чем-то более важным. Хороший дизайн заголовка веб-сайта является обязательным. Почему? Это то, что посетитель видит в первую очередь.

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

Положитесь на лучший контент, который у вас есть

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

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

Думайте как посетитель: что он/она ищет?

Примеры правильной подачи информации в дизайне сайта Штырь

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

Наше имя . У нас нет более дорогого имени, чем наше, и оно всегда звучит как звоночек, когда мы его слышим.

Чувства . Если что-то способно пробудить наше чувство, оно уже полностью завладело нашим вниманием.

Вот несколько советов по созданию веб-сайтов, которые привлекут внимание ваших посетителей:

Удобочитаемость важна

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

Еще один пример, как привлечь внимание посетителей Штырь

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

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

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

Новинка вечнозеленая

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

Пример необычного дизайна, привлекающего внимание Штырь

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

Ваша задача не просто производить совершенно привлекательные новинки, а производить их как можно больше!

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

Выделяться из толпы

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

Пример загроможденного дизайна Штырь

Ты не хотел, чтобы тебя заметили?

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

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

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

Не бойтесь использовать контраст

Доказано – вещи, которые сливаются друг с другом, часто игнорируются; при этом замечаются контрастные элементы.

Пример высокой контрастности в веб-дизайне Штырь

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

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

Возьмем, к примеру, распродажи — как часто вы видите предложение продавца, сравнивающего старые и новые (значительно более дешевые) цены?

Да, бывает довольно часто. Необходима трансформация любого рода: финансовая, эстетическая, статистическая, физическая и т.д.

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

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

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

Мультимедиа — это будущее

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

Использование мультимедиа для привлечения внимания посетителей Штырь

Мультимедиа, безусловно, умеет это делать — тиражирует интересные истории в видеороликах; он представляет фактическую информацию на изображениях и действительно привлекает внимание. Кто не обожает короткие забавные видео?

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

Кроме того, вы можете создавать веб-инфографику благодаря SVG и CSS3. Там вы можете показывать различные диаграммы и данные в интерактивном режиме, чтобы развлечь посетителей.

Доверие на первом месте

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

Используйте доверие, чтобы удерживать пользователей на вашем сайте Штырь

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

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

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