Все статьи
3 мин чтения#structure#attention#layout

Сколько ссылок должно быть на странице в био

Честный ответ — это число, а не философия. Оно меньше, чем ожидает большинство, и причина почти не связана со вкусом.

Что происходит со списком, когда он растёт

Короткий список читают. Длинный — просматривают. Переключение происходит где-то на пятом-шестом пункте, и дальше поведение предсказуемо: человек забирает первые два-три, цепляет взглядом последний, а всё между ними воспринимает как стену. Середина длинного списка — мёртвая зона. Добавление туда не добавляет охвата. Оно добавляет длины.

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

Страница из пяти ссылокСтраница из двадцати
Видно без прокруткиВсеПримерно первые три-четыре
Куда идёт вниманиеНа весь списокНа верх и на то, что стоит последним
Эффект от ещё одной ссылкиМеняет страницуПочти никакого
ПоддержкаМинута-две в месяцМёртвые ссылки, которых вы уже не замечаете
УстаревшееЗаметно сразуЛегко не видеть месяцами

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

Группировать вместо четвёртой однотипной ссылки

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

  • «Слушать» — стриминги, под одним заголовком, подряд.
  • «Даты» — тур в хронологическом порядке, прошедшие даты скрыты, а не удалены.
  • «Читать» — тексты, свежие сверху, не больше трёх.

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

Список или сетка

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

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

Одна крупная карточка вместо пяти обычных строк

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

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

Ротация вместо накопления

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

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

Читать дальше