Ещёкалка

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

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

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

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

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

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

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

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

Ссылка «ещё» располагается под контентом:Под тремя серыми строками-заглушками контента ссылка «Показать ещё 30» со стрелкой вниз

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

Если загрузка занимает больше 0,5 секунды, показываем спиннер минимум 1 секунду. Спиннер появляется на месте ссылки:Под теми же строками на месте ссылки спиннер и серый текст «Загрузка…»

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

Дизайн

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

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

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