Закрепление – это не сохранение. Сохранение – это не добавление в избранное. Добавление в избранное – это не отметка.

Исследование UX-шаблонов: «Закрепить», «Избранное», «Сохранить на потом» и «Пометки о срочности».

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

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

Значок для всех четырех паттернов: булавка, флажок, звезда и закладка. 

Почтальон звонит в вашу дверь, у него 10 писем и срочная телеграмма. В последней строке телеграммы написано: «Ответьте как можно скорее». Это и есть «флагирование». Чувство срочности, которое должно выделяться из общего шума.

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

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

И напоминание о выносе мусора, написанное на кухонной доске, видимой всем, достаточно скромное, чтобы не кричать, но всегда находящееся на виду, когда это важно. Это и есть «закрепление».

1. Флажок: красная лента в картотеке

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

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

  • AlayaCare выводит маркировку на новый уровень с помощью центра на базе искусственного интеллекта, который автоматически сканирует тысячи клинических записей и выделяет те, которые требуют внимания: риск падений, несоблюдение режима приема лекарств, изменения в когнитивном состоянии. Врачи также могут помечать записи вручную, когда что-то требует повторного просмотра. В любом случае система выдает уведомление: этому пациенту требуется внимание.
  • PagerDuty вызывает инженеров в 2 часа ночи, когда система выходит из строя. Никакого значка флажка. Чистый сигнал срочности, требующий немедленных действий. Схема идентична. Словарь совершенно другой.
  • Почтовый клиент Outlook, в буквальном смысле, позволяет пользователям помечать письма цветными ленточками для последующего просмотра, чтобы важные сообщения не терялись в папке «Входящие».
Скриншот папки «Входящие» с тремя письмами. Одно из писем отмечено значком красной ленточки и выделено, благодаря чему оно выделяется на фоне остальных писем.

Ключевая особенность: по сути, флажок – это противопоставление сигнала шуму.

2. Сохранить на потом: тумбочка

«Сохранить на потом», как поведение в пользовательском интерфейсе, – это любой механизм, который удаляет элемент из активного потока и помещает его в личную очередь не потому, что пользователь решил отказаться от него, а потому, что он еще не готов к действию. Это отложенное внимание. Элемент не исчезает. Он ждет. И несет с собой тихое обязательство: я должен уделить этому время.

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

  • Slack понял это на собственном горьком опыте. Их старая система звездочек пыталась быть и избранным, и напоминанием, и не справилась ни с тем, ни с другим. Пользователи уже начали помечать сообщения как непрочитанные только для того, чтобы сохранить их на потом. В конце концов Slack формализовал это поведение в виде специальной вкладки «Позже» со статусами «В процессе», «Архивировано» и «Завершено». 
  • Плейлист «Смотреть позже» на YouTube работает по тому же принципу. Вы не говорите, что вам понравилось видео. Вы говорите, что уделите ему внимание, когда у вас будет время.
  • Amazon наиболее наглядно демонстрирует эту модель. Когда вы перемещаете товар из корзины в раздел «Сохранено на потом», он попадает на полку чуть ниже активной корзины – всегда на виду, но никогда не мешает. Покупатели и раньше использовали корзину как место для временного хранения товаров. Amazon формализовал это поведение и выделил для него отдельное место.
YouTube, функция «Смотреть позже». Скриншот

Ключевая особенность: если что-то воспринимается как нечто незавершенное, а не ценное, ему место именно здесь. Это и есть «тест на тумбочку».

Предостережение: «Сохранить на потом» сначала кажется облегчением, способом без угрызений совести сказать «не сейчас, но скоро». Но на тумбочках все накапливается. Вспомните подписку на журнал, которую вы имеете уже много лет: стопка растет с каждым месяцем, каждый новый номер приходит, прежде чем вы успели дочитать предыдущий. Каждый раз, когда вы проходите мимо, чувство вины усиливается. Психологи называют это эффектом Зейгарник: наш мозг зацикливается на незавершенных задачах, рассматривая каждый незакрытый цикл как нерешенную проблему. Список «Сохранить на потом», который продолжает расти, перестает восприниматься как инструмент и начинает восприниматься как долг. Разработка с учетом этого паттерна означает разработку с учетом беспокойства, которое он может вызывать со временем: способы выявлять, сокращать и закрывать циклы, а не просто открывать их.

3. Избранное: Книжная полка

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

Метафора: книжная полка, не только для книг. Исследователь потребительского поведения Рассел Белк назвал это «расширенным я»: наши вещи – это не просто то, чем мы владеем, но и отражение того, кто мы есть. То, что вы решаете оставить на виду, говорит о вас. Избранное работает точно так же.

  • Закладки браузера – это место, где этот паттерн зародился в цифровом мире. Netscape представил их в 1994 году, и с тех пор эта ментальная модель сохраняется. Вы находите что-то, что стоит сохранить, сохраняете это, и оно ждет в месте, которое вы контролируете.
  • Spotify построил целый уровень идентичности вокруг той же идеи. Когда вы сохраняете песню в «Вашей библиотеке», вы не добавляете ее в очередь. Вы говорите что-то о своем вкусе. Коллекция растет с годами, меняется вместе с вами, и ничто в ней не требует от вас действий.
  • «Сохраненное» в Instagram довело эту идею до крайности: это частные доски с постами, которые никто другой не видит. Мебель, рецепты, примеры дизайна. Полка, организованная исключительно вокруг того, что важно для вас прямо сейчас.
Итоги года на Spotify

Ключевая особенность: «Избранное» выражает намерение без обязательств. Здесь нет никакой срочности, нет срока действия, не требуется никаких действий. Просто: это немного в моем духе.

4. Закрепление: булавка на доске

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

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

  • WhatsApp закрепляет сообщения в групповых чатах. Адрес места проведения вечеринки закреплен один раз, виден всем. Закрепление удерживает одну вещь на месте, пока все остальное продолжает двигаться.
  • Google Classroom закрепляет объявления вверху, чтобы каждый ученик видел одну и ту же информацию в первую очередь, независимо от того, когда он вошел в систему. Один человек закрепляет для многих. Доска асимметрична, но служит всей комнате.
  • AlayaCare, платформа для ухода на дому, применяет тот же паттерн в клинической практике. Координатор закрепляет заметку в профиле клиента: инструкцию по уходу, важное обновление, отметку о следующем визите. Любой ухаживающий, открывающий этот профиль, видит ее сразу. Каждый, кто входит, получает от нее пользу.
Функция «Закрепить сообщение» в WhatsApp 

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

                                                                                                  ***

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

Источник
и
:
arrow