Ещёкалка
Ещёкалка — способ представления большого количества однородной информации, когда по умолчанию на страницу загружается только часть контента, остальной контент добавляется по команде пользователя.
Когда использовать
Используйте ещёкалку, когда нужно показать компактный блок с частью информации, но пользователь может захотеть увидеть бо́льшую выборку.
Преимущество ещёкалки перед пейджингом:
- ещёкалка всегда работает без перезагрузки страницы
- после нескольких кликов получается единое множество строк — это удобно для массовых действий или быстрого перемещения по списку.
Не используйте ещёкалку там, где хорошо работает обычный пейджинг. Пейджинг более гибкий и привычный способ представления информации.
Не используйте ещёкалку и пейджинг одновременно. Это может запутать пользователя.
Описание работы
Ссылка «ещё» располагается под контентом:
Клик по ссылке показывает новую порцию информации без перезагрузки страницы. Контент появляется плавно, страница не прокручивается.
Если загрузка занимает больше 0,5 секунды, показываем спиннер минимум 1 секунду. Спиннер появляется на месте ссылки:
Чтобы избежать такой ситуации, загружайте следующую порцию информации заранее.
Дизайн
Ещёкалка может выглядеть и называться по-разному. Это может быть кнопка или ссылка. Со стрелкой или без. Выбирайте наиболее подходящий дизайн:
Название обычно состоит из нескольких частей:
- Глагол «Показать», «Загрузить» и др.
- Наречие «ещё», подсказывает, что новый контент добавится к существующему.
- Количество загружаемых пунктов, сообщает сколько новой информации будет загружено.
- Стрелка ↓ из шрифта Lab Grotesque K, показывает, где появится контент. Не используйте стрелку из интерфейсных иконок, чтобы ещёкалка не была похожа на кнопку-меню.