Лента собирается из CMS автоматически: все опубликованные новости. Карточка — по НОВ-1: обложка 16:9, рубрика, дата, заголовок, аннотация до 200 знаков, теги. Заголовки и даты в макете — примеры для проверки сортировки, не публиковать.

Сортировка по дате

Выпадающий список: «Сначала новые» (по умолчанию) и «Сначала старые». Сортировка — по дате публикации.
Нативный элемент select: работает с клавиатуры и экранного диктора, на телефоне открывается системный выбор.
Сортировка применяется к уже отфильтрованному списку и не сбрасывает фильтр.

Фильтр по рубрикам и тегам

Рубрика — одна из списка НОВ-2 или «Все»; число в кнопке — сколько новостей в рубрике.
Видны 6 самых частых тегов (по числу новостей), остальные — под «Ещё теги»; выбранный тег виден всегда.
Теги — словарь методов из ТЕГ-1; можно выбрать несколько, каждый следующий сужает список (новость должна содержать все выбранные теги).
Выбранные теги подсвечиваются и на карточках. «Сбросить» появляется, когда выбран хотя бы один фильтр.
Состояние хранится в адресе: 10_новости.html#r=biznes&t=eye,bio&s=old. Клик по тегу или рубрике на странице новости ведёт сюда с включённым фильтром.
На десктопе панель прилипает под шапкой; на мобильном не прилипает, кнопки переносятся на новую строку.

Состояния

Первая загрузка — 9 карточек; «Показать ещё» добавляет по 9. Кнопка исчезает, когда показаны все.
Ничего не найдено — блок с кнопкой «Сбросить фильтр»; панель фильтра остаётся на месте.
Строка «Найдено: N из M» озвучивается экранным диктором при каждом изменении.
Наведение и фокус на карточке — аннотация поверх фото и «Читать новость →», как на главной; на тач-экранах аннотация под заголовком, 3 строки.

Жизнь НИИ нейронаук

Пример: промежуточные результаты проекта по оценке когнитивного состояния

Пример: на каком шаге оформления заявки пользователь теряет внимание

Пример: выступление сотрудников НИИ на научной конференции

Пример: статья лаборатории в рецензируемом журнале

Пример: соглашение о сотрудничестве с индустриальным партнёром

Пример: новый этап проекта по анализу походки по видео

Пример: почему пользователи не дочитывают карточку продукта

Пример: демонстрация VR-тренажёра на выставке

Пример: препринт о методике анализа биосигналов

Пример: исследование нейроинтерфейса в лабораторных условиях

Пример: совместная программа с клиникой-партнёром

Пример: открытая лекция о нейротехнологиях для студентов

По выбранным условиям новостей нет

Новости раньше — в каналах НИИ

Спецификация страницы «Новости»

Сортировка по дате

Фильтр по рубрикам и тегам

Состояния