У нас есть печеньки: как оформить сообщение о cookies

Cookies, или файлы куки — это небольшие фрагменты данных о пользователе и его действиях на сайте, а также некоторые технические данные. Файлы с информацией хранится на жестком диске или в оперативной памяти компьютера. При посещении веб-ресурса браузер пересылает куки серверу, и сайт «вспоминает» пользователя. В статье поговорим о принципах создания cookies и покажем креативные примеры для вдохновения.

Для чего нужны cookies

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

Такие файлы помогают веб-странице идентифицировать пользователя и подобрать под него готовые параметры.

Примеры функционала, для которого нужны cookies:

• автозаполнение форм на сайте;
• автоматический вход в личный кабинет;
• сохранение товаров в корзине даже после выхода с сайта;
• сохранение пользовательских настроек;
• подстройка контента на других сайтах (реклама, например).

Браузер собирает cookies при каждой попытке пользователя открыть сайт. Просмотреть эти файлы можно в настройках браузера, обычно в разделе «Конфиденциальность и безопасность». Вручную пользователь может очистить все файлы cookies или запретить их для конкретных сайтов.

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

Какие бывают cookies

Выделяют три вида cookie-файлов:

• Временные. Задействуются при работе с сайтом исчезают после завершения сеанса в браузере. Примеры использования: хранение товаров в корзине до оформления заказа, сбор статистических данных о поведении пользователя на сайте.
• Постоянные. Хранятся длительное время, по стандарту — 1 год.  Это могут быть логины, пароли, номера телефонов и другая информация, которая обычно нужна для работы с сайтом.
• Сторонние. Создаются на домене сайта, но принадлежат другим компаниям. Чаще всего — маркетинговым агентствам, которые отслеживают переходы посетителей сайта, чтобы узнать их потребности и выбрать подходящую рекламу.

Также есть 4 категории cookies в зависимости от назначения:

• Строго обязательные. Без них невозможно взаимодействовать с сайтом: например, без таких cookies товар в корзине будет исчезать, как только пользователь покинет страницу.
• Функциональные. Нужны для адаптации сайта к потребностям пользователя. Это могут быть настройки языка, шрифта, а также данные авторизации.
• Статистические. Используются для сбора данных о поведении пользователей: например, откуда посетители переходят на сайт, какие страницы посещают, в какое время чаще заходят.
• Маркетинговые. Необходимы для изучения активности пользователей. На основании этих данных компании понимают, какую рекламу запускать. По виду относятся к постоянным и сторонним.

Как сайты должны работать с cookies

Cookies относятся к персональным данным. Согласно №152-ФЗ «О персональных данных», сайты обязаны размещать у себя политику конфиденциальности, а также уведомлять о сборе cookie-файлов. На текущий момент для этого достаточно всплывающего окна.

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

Примеры креативных уведомлений о cookies

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

Визуальный креатив

Начнем с двух базовых вариантов — часто компании используют различные изображения с печеньками. Именно так “cookies” переводится с английского.Часто, чтобы не отвлекать внимание от текста, используют эмодзи или небольшие иллюстрации.

Например, ниже — маленькая симпатичная цветная иконка:

А вот печенька в виде контурного рисунка. Смотрится стильно и минималистично.

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

Ниже — пример от «Контакт Бара» в фирменных тонах и с возможностью настройки. Как раз выбор из 4 категорий cookies, о которых мы писали выше:

Лаконичное и понятное объяснение от «ВкусВилл». Примечательно, что есть анимация: внизу бежит зеленая строка — когда доходит до конца, уведомление пропадает.

Иногда компании добавляют в уведомления о cookies иконки, ассоциирующиеся с их деятельностью. Например, компания MACARONIKA использовала изображение пирожного макарона вместо привычной печеньки:

Еще один пример, когда в уведомлении обыгрывается специфика бренда — изображение губ от магазина косметики «Рив Гош»:  

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

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

Сообщение с мультяшной лягушкой, которая ест печеньку:

На примере ниже одна печенька откусила другую:

Привлечь внимание к cookies проще, если расположить окошко в необычном месте. Например, в правом верхнем углу страницы:

Еще одно необычное визуальное решение — гифки. Пример с персонажем «Улицы Сезам», известным своей любовью к печенью:

А это — анимация с печеньем, падающим в стакан молока. Моушн-графика вовлекает пользователя в маленькую историю и вызывает позитивные эмоции. При этом она отвлекает пользователя от основного экрана и не позволяет игнорировать попап.

Акцент на текст

Смелый заход от сайта «Студии Артемия Лебедева»:  

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

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

С заботой о посетителях: интернет-магазин товаров для сна сразу подсказывает, как отключить cookies:

Неформальный слог Aviasales — наравне с пользователями:

Краткое и конкретное объяснение от «Магнит Косметик»:  

А почему вообще «печеньки»?

Есть 3 версии, почему cookies называются именно так.

Теория №1. Гензель и Гретель из сказки «Пряничный домик». По сюжету брат и сестра разбросали по лесу крошки от печенья, чтобы найти дорогу домой. Файлы cookies по аналогии отслеживают действия пользователей на сайте.

Теория №2. Cookie Monster. Один программист уволился из компании, после чего там стали происходить необъяснимые вещи. Иногда компьютерная система переставала работать, и на экране высвечивалась надпись: «Дайте мне печенье». Работа возобновлялась только после того, как специалист вводил слово cookies. Решить эту проблему так и не удалось, поэтому людям приходится давать компьютеру печеньки. 

Теория №3. Magic cookie — программистский термин для обозначения токена или короткого фрагмента данных, передаваемого между программами. Cookies помогают выполнять различные действия на сайтах, и в этом плане служат связующим звеном между сайтом и пользователем.