Все статьи
2 мин чтения#features#design#conversion

Выделенная ссылка: одна карточка, которая работает

Страница, где выделено всё, — это страница, где не выделено ничего. Переключатель работает, только пока он редкий.

Что делает переключатель

Включите «Выделить» в блоке ссылки — и строка станет карточкой: во всю ширину, картинка сверху, подпись и заметка под ней. В шаблонах-сетках она занимает обе колонки. Визуальный вес вырастает в несколько раз, и именно поэтому это переключатель, а не поведение по умолчанию.

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

  1. Выберите одно действие, которого вы хотите больше всего в этом месяце. Не в этом году — в этом месяце.
  2. Выделите его, дайте настоящую фотографию и поставьте первым.
  3. Всё остальное оставьте обычными строками, в порядке важности для вас.
  4. Сменился месяц — переставьте переключатель. Старая карточка станет строкой и сохранит своё место в списке.

С чем её сочетать

  • С бейджем, когда есть факт на три слова: «Новое», «Осталось две даты», «−20%». Бейдж, который висит всегда, перестают читать.
  • С заметкой, когда подпись сама по себе рождает вопрос: цена, время, город.
  • С коротким путём, когда то же самое где-то печатается или произносится вслух.
  • Больше ни с чем. Выделенная карточка с бейджем, заметкой, картинкой и счётчиком — это афиша, а афиши на телефонах не конвертируют.

Когда карточка — неподходящий инструмент

Когда нет фотографии. Вместо неё карточка рисует градиент: честно, но слабо, и обычная строка с хорошей подписью выигрывает у карточки ни с чем. Когда назначение — список, а не вещь («все мои ссылки», «мой сайт»), карточка обещает конкретное место, а приводит в каталог.

И когда страница и так короткая. На странице из трёх ссылок акцент — это шум: посетитель видит все три одним взглядом, а карточка забирает как раз то место, которое позволяло их сравнить.

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