Навязчивые попапы захватывают веб
Веб ощутимо деградирует. Нескончаемые редизайны меняющие привычные паттерны и глупые дизайн тренды, привели нас к тому, что вебом пользоваться теперь гораздо дискомфортнее, чем в прошлом и даже позапрошлом десятилетии. Пользователь же e-commerce теперь и вовсе принимается за мартышку, которую нужно вести за ручку через десяток баннеров, таймеров и кричащих блоков со скидками. Успей или проиграешь!
Давайте разберём на примерах.
МТС просто перекрывает всё акцией со звёздочкой, «потому что по кайфу». Вдруг вы пропустите таймер, в духе инфо-цыганских посадочных страниц 2010-ых. Что, хотели закрыть навязчивый баннер по клику в тёмную область? Было бы слишком просто, будьте добры, к мелкому крестику в углу.
Это подводит нас к первой мысли о всплывающих окнах: Попап должен закрываться по клику на тёмную область вокруг него, всегда, не заставляйте пользователя целится мышью в мелкие крестики в бесконечном потоке попапов, это ведь не онлайн тир.
Это полностью соответствует закону Фиттса, суть которого в следующем: чем дальше элемент от основном рабочей области и чем точнее в него нужно целиться, тем больше времени и усилий у пользователя на целевое действие.
Вот что мы видим сразу после закрытия, один попап растяжкой протяжённый поверх сайта и три в рабочей области (ещё один притаился за голубой плашкой).
Из чего мы можем вывести: В попапах главное умеренность, постарайтесь хотя бы не наслаивать попапы друг на друга и не натравливать их чередой на растерявшегося пользователя.
Вот исследование, которое показывает как вежливые попапы только увеличивают конверсию.
Пользователь должен оставаться в непрерывном потоке взаимодействия с вашим продуктом, отвлекать и блокировать его работу, да еще и необязательными рекламными материалами не стоит.
Мы лишние в этом королевстве попапов.
Не всё так просто в Сбермаркете. Нужно закрыть попап, чтобы заслужить право увидеть другой попап:
И только после его закрытия добраться до финального босса — попапчика с куки, попутно отбиваясь от попапа с запросом местоположения.
После редизайна и переименования в Купер ничего не изменилось, проблема этого попапа в том, что даже закрыв его на главной, при навигации по сайту, он всё равно будет периодически всплывать.
Поэтому: Если пользователь уже выразил нежелание в том, что вы ему предлагаете, оставьте его, хотя бы на время, не стоит докучать тем же запросом, на каждом последующем экране.
Самая популярная блог-платформа медиум. Контент где-то там, под грудой попапов, его придётся раскопать.
Зачем смещать попап влево, если он всё ещё перекрывает начало предложения и не позволяет прочесть текст?
Если вы пытаетесь сместить всплывающее окно от рабочей области, проследите чтобы основной контент от этого не страдал, иначе смысла в таких манёврах нет.
Сайты превращаются в вульгарный базар с бесконечным мельтешением в попытке «впарить» на каждой странице.
После всей этой вакханалии даже магазины хотя бы с одним, пусть и навязчивым, но скрываемым баннером, вызывают только уважение.
Петрович (не реклама, никогда не пользовался, еще не оскуфел) один из нескольких достойных e-commerce проектов, который не пытается с порога вылить на пользователя ушат попапов. И бизнес их здравствует.
Зафиксируем:
Дизайн это не только нужды пользователя, но и бизнеса, поэтому попытку использовать хитрые приёмы по завлечению клиента понять можно, но навязчивость и вульгарность отталкивают и раздражают целый пласт платёжеспособной аудитории, подталкивая их к конкурентам или обратно в оффлайн.
Завел ТГ канал в котором складываю статейки на тему UX: @brownpatterns