Что произошло
1999 год. Интернет переживает бум доткомов: NASDAQ растёт, венчурный капитал льётся рекой, каждый день появляются десятки новых сайтов. Amazon уже четыре года на рынке. eBay — три. Google — год. Веб перестал быть экспериментом для энтузиастов и стал средой, в которой миллионы людей покупают, ищут, общаются, работают. И именно в этот момент — когда интерфейсов стало слишком много, а паттернов ещё слишком мало — три идеи из разных областей сошлись в одной точке и оформились как законы.
Закон Якоба. Якоб Нильсен — к 1999 году уже один из самых авторитетных специалистов по юзабилити в мире, сооснователь Nielsen Norman Group (вместе с Дональдом Норманом, 1998), автор десяти эвристик, колумнист Alertbox — сформулировал принцип, который стал, пожалуй, самым цитируемым законом UX-дизайна:
Пользователи проводят большую часть времени на других сайтах. Поэтому они предпочитают, чтобы ваш сайт работал так же, как те, которые они уже знают.
Формулировка обезоруживающе проста. Нильсен не говорил о восприятии, когнитивных моделях или теории информации. Он говорил о привычке. Когда человек приходит на новый сайт, он приносит с собой опыт всех сайтов, которые посещал ранее. Он ожидает, что логотип в левом верхнем углу ведёт на главную. Что корзина — в правом верхнем. Что поиск — в шапке. Что подчёркнутый синий текст — это ссылка. Не потому, что это объективно лучшее решение, а потому, что так устроено везде.
Закон Якоба — это не призыв к скучному дизайну. Это призыв к рациональному распределению когнитивных усилий. Конвенции освобождают внимание для контента. Когда пользователю не нужно разбираться, где навигация, он может сосредоточиться на том, зачем пришёл.
Закон общего региона. В том же 1999 году получил широкое распространение принцип, описанный психологами Ирвином Роком и Стивеном Палмером в их экспериментальных работах 1990-х: элементы воспринимаются как группа, если находятся внутри области с чётко определённой границей. Рок и Палмер расширили классические принципы гештальта — близость, сходство, замыкание, — добавив новый: общий регион (common region).
Классический гештальт работает через свойства самих элементов: расстояние между ними (близость), их внешний вид (сходство), направление движения (общая судьба). Общий регион работает иначе: группировку задаёт не свойство элементов, а контейнер, в котором они находятся. Обведите три иконки рамкой — и они станут группой, даже если расположены далеко друг от друга и выглядят по-разному. Закрасьте фон под четырьмя строками текста — и они станут блоком, отделённым от соседнего блока.
Компромисс гибкость-юзабилити. Третий закон 1999 года пришёл не из психологии, а из теории дизайна. Уильям Лидвелл (William Lidwell), Критина Холден и Джилл Батлер работали над книгой «Universal Principles of Design» — энциклопедией принципов проектирования, охватывающей архитектуру, промышленный дизайн, графику и интерфейсы. Книга вышла в 2003 году, но принципы формулировались и обсуждались задолго до публикации. Один из них: по мере увеличения гибкости системы её юзабилити снижается.
Формулировка звучит как закон физики — и работает почти так же неумолимо. Чем больше возможностей предоставляет инструмент, тем сложнее его освоить и использовать.
Контекст эпохи
К 1999 году веб-дизайн находился в состоянии управляемого хаоса. Стандартов было мало, экспериментов — много. Flash-сайты с кастомной навигацией, скрытыми меню и анимированными заставками считались вершиной мастерства. Каждый дизайнер стремился удивить. Каждый сайт был уникальным — и это было проблемой.
Закон Якоба ударил по самолюбию дизайнеров. Он фактически говорил: ваш сайт — не центр вселенной. Пользователь пришёл не восхищаться навигацией, а купить товар, найти информацию, решить задачу. И если ради этого ему придётся разбираться в уникальном меню — он уйдёт на сайт, где меню работает привычно. Это была горькая пилюля для индустрии, влюблённой в оригинальность.
Пример, который Нильсен приводил снова и снова: корзина в интернет-магазине. К 1999 году устоялась конвенция: иконка корзины в правом верхнем углу экрана. Почему именно там? Не потому, что исследования доказали превосходство правого верхнего угла. А потому, что Amazon поместил её туда — и миллионы пользователей привыкли. После Amazon так сделал eBay. Потом все остальные. Конвенция возникла не из теории — из практики. Закон Якоба объяснил, почему нарушать её опасно.
Закон общего региона объяснял другое: как организовать информацию на экране так, чтобы пользователь мгновенно считывал структуру. Веб-страницы 1999 года строились на HTML-таблицах — примитивном инструменте вёрстки. CSS только начинал распространяться. Но даже в таблицах дизайнеры использовали фон и рамки для группировки элементов: блок новостей с серым фоном, блок контактов в рамке, карточка товара с тенью. Всё это — закон общего региона в действии, даже если дизайнер никогда не слышал о Роке и Палмере.
Компромисс гибкость-юзабилити ставил перед дизайнерами стратегический вопрос. Рассмотрим два продукта: Microsoft Excel и калькулятор. Excel может всё: таблицы, формулы, графики, макросы, сводные таблицы, статистический анализ. Но чтобы использовать Excel на полную мощность, нужны месяцы обучения. Калькулятор делает одно — считает. Но любой человек может им пользоваться с первой секунды. Excel — максимальная гибкость, сниженное юзабилити. Калькулятор — минимальная гибкость, максимальное юзабилити.
Этот компромисс невозможно обойти — его можно только осознанно принять. Проектируя продукт, дизайнер должен решить: для кого он создаётся и какие задачи будут выполняться чаще всего. Photoshop проектируется для профессионалов — гибкость важнее простоты. Instagram-фильтры проектируются для всех — простота важнее гибкости. Оба решения правильны, потому что осознанны.
Значение для UX
Три закона 1999 года — Якоба, общего региона, гибкость-юзабилити — решают три разные задачи проектирования, но объединены одной логикой: проектируй для реального человека, а не для абстрактного пользователя.
Закон Якоба стал одним из самых цитируемых принципов в UX-литературе. Его практическое применение — обоснование дизайн-паттернов. Когда дизайнер предлагает нестандартное решение, первый вопрос, который задаёт команда: «А как это сделано на сайтах, которые наши пользователи уже знают?» Если 95% интернет-магазинов размещают корзину в правом верхнем углу, перемещение её в другое место — не креативность, а риск. Закон Якоба — инструмент оценки этого риска.
Закон общего региона лёг в основу карточного дизайна, который через полтора десятилетия станет доминирующим паттерном веб-интерфейсов. Когда Google представил Material Design в 2014 году, карточка (card) стала основным структурным элементом: прямоугольник с тенью, внутри которого — изображение, заголовок, описание, кнопка действия. Почему карточка работает? Потому что граница и фон создают общий регион, мозг автоматически группирует содержимое, и пользователю не нужно гадать, какой заголовок относится к какому изображению. Bootstrap, Ant Design, любая современная дизайн-система используют карточки — и все они опираются на принцип, описанный Роком и Палмером.
Компромисс гибкость-юзабилити влияет на продуктовую стратегию. Он объясняет, почему успешные продукты часто начинают с малого набора функций и добавляют новые осторожно. Каждая новая функция увеличивает гибкость — и потенциально снижает юзабилити для тех, кто пришёл за базовыми возможностями. Notion может быть базой данных, таск-трекером, вики и блокнотом. Но новичок, открывший Notion впервые, часто не понимает, с чего начать. Apple Notes — минимум функций, максимум понятности. Оба продукта решают задачу «записать мысль» — но для разных аудиторий и с разными компромиссами.
1999 год — «год законов UX» — дал проектировщикам три инструмента мышления. Закон Якоба: уважай привычки. Закон общего региона: используй контейнеры для группировки. Компромисс гибкость-юзабилити: выбирай, для кого проектируешь. Все три актуальны через двадцать семь лет так же, как в разгар бума доткомов.
Связанные статьи
- Закон Якоба — подробный разбор закона с примерами из веб-дизайна, мобильных приложений и e-commerce.
- Принципы гештальта — закон общего региона расширяет классические принципы гештальта, добавляя контейнер как инструмент группировки.
- Эвристики Нильсена — эвристика «последовательность и стандарты» — формализация закона Якоба в виде проверяемого принципа.
- Закон Хика — сложные системы с высокой гибкостью увеличивают количество вариантов выбора — и время принятия решения по закону Хика.
Из серии «История UX»:
- Гештальт-психология — Вертгеймер и Рубин (1910–1915) — классические принципы восприятия, которые Рок и Палмер дополнили законом общего региона восемь десятилетий спустя.
- «Дизайн привычных вещей» Нормана (1988) — Норман описал affordances и ментальные модели. Закон Якоба говорит о том же с другой стороны: пользователи приносят модели с других сайтов.
- Macintosh и WIMP (1984) — Human Interface Guidelines Apple были первой попыткой стандартизировать интерфейсные конвенции. Закон Якоба объяснил, почему конвенции так важны.