1. Карточки отображаются в соответствии с той сортировкой, которая задана для раздела (например, сортировка раздела "Курсы" см. в отд. документе)

2. Максимальное общее кол-во карточек - Х (8-10) шт.

3. Минимальное кол-во карточек, отображаемых одновременно на одном экране - Х (2-3) шт.

4. Максимальное кол-во карточек, отображаемых одновременно на одном экране - Х (3-4) шт.

5. Расстояние между карточками фиксированное: ХХ px

6. Минимальный отступ карусели слева и справа от краев экрана: ХХ px

7. Карточка всегда должна отображаться только полностью

8. Переключение экранов осуществляется с помощью точек под карточками, а также с помощью стрелок по бокам карусели (стрелка отображается только, если можно сделать перелистывание)

9. Кол-во точек соответствует кол-ву экранов с карточками и определяется по формуле: Общее кол-во карточек / кол-во одновременно отображаемых карточек

   • Дробный результат округляется в большую сторону
   • Если кол-во карточек для последнего экрана меньше, чем мин. кол-во карточек, отображаемых одновременно (см. п.3), то отображаются последние карточки с предыдущего экрана

10. Точка, соответствующая текущему отображаемому экрану с карточками, отображается выделенным цветом

11. При нажатии на точку неактивного экрана осуществляется переход к соответствующему экрану

12. Если размер экрана не позволяет отобразить минимальное кол-во отображаемых одновременно карточек (см. п.3), то Карусель не отображается. Вместо этого:

• Карточки отображаются вертикально
• Общее кол-во карточек: X (3-5) шт.

Пример

Бэклог

Также вместо точек возможно использование цифр

Какие аргументы за цифры?

• Сохранение композиции (чтобы не было пусто)
• Позволяют понять, сколько еще листать

Какие проблемы?

• Пользователи могут путать с датой
• Сложность реализации (кол-во одновременно отображаемых элементов зависит от размера экрана)
• Приоритет ценности для пользователя