Gray UI Patterns

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

Темные паттерны намерено уводят по ложному пути. Серые паттерны создают препятствия на правильном пути.

Навязчивые, рекламные баннеры с обратным отсчетом

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

Манипулирование стоимостью услуг

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

Визуальное манипулирование стоимостью

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

Километровые продажные страницы

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

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

Навязчивый сбор информации

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

Adовый Mix

Весь этот экран - сплошная реклама.

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

При этом количество рекламы зашкаливает: она всплывает в верхнем банере, который появляется даже после закрытия (спустя время, привет 5му паттерну) и прокручивается вместе с контентом, однотипном рекламном блоке (которых может быть 2 и больше в одной статье) и завершается навязчивым предложением платных курсов в конце каждой статьи.

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

Неверифицируемые данные

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

Манипулирование информацией

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

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

Назойливость

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

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

Выбор без выбора

Следующий серый паттерн также основан на скриншоте из предыдущего паттерна. В рекламно банере содержится вопрос: Хотите больше практики в дизайне интерфейсов (UI/UX)? В банере содержится вопрос, но пользователю не дается право выбора. Здесь нет кнопки да или нет. Есть только кнопка "Узнать подробнее", которая ведет на рекламируемый сайт и выполняет функцию кнопки "да".

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