Три уровня
Порядок важности — это ответ на первый из трёх вопросов: что здесь главное. Он строится не словами, а видом, и человек читает его до того, как прочёл хоть одно слово.
| Уровень | Сколько его на экране | Пример |
|---|---|---|
| главное | одно | заголовок, цена, кнопка действия |
| второстепенное | несколько | подзаголовки, названия разделов |
| служебное | всё остальное | подписи, сноски, даты |
Уровней ровно три, и это не круглое число для красоты: больше трёх глаз не различает. Когда автор заводит четвёртый и пятый, они читаются как один из трёх — просто человек не понимает, какой именно, и решает сам. Обычно не так, как задумано.
Отсюда первое практическое следствие: «выделить» можно не всё. Просьба «сделайте это тоже поважнее» всегда исполняется за счёт чего-то другого — либо главное перестаёт быть главным, либо новое выделение оказывается неотличимым от служебного. Третьего не бывает, и сказать об этом лучше сразу.
Второе следствие касается длинных документов. В отчёте на двадцать страниц уровней всё равно три — они просто повторяются на каждой странице. Соблазн завести «заголовок раздела, заголовок подраздела, заголовок пункта, заголовок подпункта» приводит к тому, что читатель перестаёт понимать, на каком он уровне, и листает документ как сплошной текст.
Чем показывают важность
Второе — чем показывают важность. Средств четыре, и у каждого своя громкость.
| Средство | Насколько сильное | Где осторожно |
|---|---|---|
| размер | самое сильное, видно дальше всего | мелкое главное не спасёт ничем |
| вес (насыщенность) | тише размера, работает внутри текста | полужирного абзаца не бывает |
| цвет | сильное, но капризное | на печати и у дальтоников исчезает |
| место | тихое и надёжное | выше и левее — значит раньше |
Правило сочетания простое: двух средств почти всегда достаточно. Размер и вес, размер и место, вес и цвет. Три ещё читаются, четыре сразу — это крик: элемент крупнее, жирнее, ярче и стоит первым, и рядом с ним всё остальное выглядит ошибкой.
Отдельно стоит сказать про цвет. Он кажется самым лёгким средством — покрасил и готово, — и поэтому им злоупотребляют чаще всего. Беда в том, что цвет пропадает: на чёрно-белой печати, у человека с дальтонизмом, на плохом экране под солнцем. Важность, показанная только цветом, исчезает вместе с ним, поэтому цвет добавляют к размеру или весу, а не вместо них.
Как это ломается
Третье — как порядок важности ломается. Способов немного, и все они узнаваемы.
| Поломка | Как выглядит | Чем чинится |
|---|---|---|
| выделено всё | каждый второй абзац жирный | оставить одно главное на экран |
| главное не главное | крупнее всех набран телефон | поменять уровни местами |
| уровней больше трёх | пять размеров заголовков | свести к трём |
| уровни не различаются | заголовок крупнее текста на два пункта | увеличить разницу |
Последняя строка — самая частая и самая тихая. Разница меньше полутора раз не читается с одного взгляда: человек видит, что «тут что-то немного другое», и не понимает, уровень это или случайность. Поэтому заголовок делают не на два пункта крупнее текста, а в полтора-два раза.
И противоположная беда, которую почему-то считают безопасной: «выделено всё» — это то же самое, что «не выделено ничего». Документ, где жирным набрана половина предложений, читается ровно как документ без единого выделения, только медленнее. Автор при этом уверен, что он помог читателю.
Отдельный случай — чужие требования. «По закону эта строка должна быть не мельче основного текста», «здесь обязателен дисклеймер» — такие требования порядок важности не отменяют, а сужают. Служебная строка, которую нельзя уменьшить, делается тише другими средствами: серее, в стороне, ниже. Главное остаётся главным.