Ещёкалка

Ещёкалка — способ представления большого количества однородной информации, когда по умолчанию на страницу загружается только часть контента, остальной контент добавляется по команде пользователя.

Когда использовать

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

Преимущество ещёкалки перед пейджингом:

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

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

Не используйте ещёкалку и пейджинг одновременно. Это может запутать пользователя.

Описание работы

Ссылка «ещё» располагается под контентом:

Клик по ссылке показывает новую порцию информации без перезагрузки страницы. Контент появляется плавно, страница не прокручивается.

Если загрузка занимает больше 0,5 секунды, показываем лоадер минимум 1 секунду. Лоадер появляется на месте ссылки:

Чтобы избежать такой ситуации, загружайте следующую порцию информации заранее.

Дизайн

Ещёкалка может выглядеть и называться по-разному. Это может быть кнопка или ссылка. Со стрелкой или без. Выбирайте наиболее подходящий дизайн:

Название обычно состоит из нескольких частей:

  • Глагол «Показать», «Загрузить» и др.
  • Наречие «еще», подсказывает, что новый контент добавится к существующему.
  • Количество загружаемых пунктов, сообщает сколько новой информации будет загружено.
  • Стрелка ↓ из шрифта Segoe UI, показывает, где появится контент. Не используйте стрелку из шрифта Kontur Iconic, чтобы ещёкалка не была похожа на кнопку-меню.