2022–2026 гг
Редизайн UX/UI электронного каталога Российской государственной библиотеки

/ о проекте

Заказчик: Российская государственная библиотека (РГБ) — крупнейшая публичная библиотека России.

Продукт: Электронный каталог search.rsl.ru — основной инструмент для поиска, заказа и онлайн-чтения документов.

/ задача

Существующий каталог имел устаревший дизайн и не всегда понятный пользовательский опыт.

Требовалось:
  • На первом этапе — оперативно улучшить ключевые сценарии (поиск, заказ, навигацию) в рамках старой системы.
  • В 2024 году — провести полный редизайн каталога, адаптировав его под новый стиль сайта rsl.ru.

/ Поисковая выдача

Спроектировала сложный интерфейс поисковой выдачи для электронного каталога, объединив мощную систему фильтрации с понятным отображением разнородных типов документов (книги, карты, микрофильмы, ноты). Проработала логику выдачи так, чтобы пользователь видел не просто список, а контекст: от подсказок по формату доступа до найденных фрагментов текста прямо в карточке.

Детали реализации:

  • Умные карточки: Учла специфику разных носителей. Интерфейс сам подсказывает доступные действия: где-то это кнопка «Читать онлайн», где-то — «Заказать в читальный зал» (с подсказкой по ожиданию доставки), «Слушать онлайн» (для винила) или просмотр цитат из оцифрованых документов.
  • Предупреждения и ограничения: Добавила информационные баннеры внутри карточек (например, о том, что документ на микрофильме требует умения пользоваться оборудованием), чтобы управлять ожиданиями пользователя до заказа.
  • Быстрые действия: сделала кнопки «Заказать» и «Читать онлайн» более очевидными, чем это было в устаревшей версии каталога.

/ Раскрытая карточка документа

Спроектировала раскрывающуюся карточку документа в поисковой выдаче, которая позволяет пользователю изучать полное библиографическое описание, не покидая страницу результатов. Проработала умный «липкий» хедер (sticky-меню), который при скролле трансформируется в компактный вид, сохраняя доступ к поиску и навигации. Также учла вариативность данных: интерфейс гибко подстраивается под разные типы документов и степень наполненности информацией.

Детали реализации:
  • Управление контентом: Внутри раскрытой карточки реализовала табы («Описание», «Примечания», «Содержание»), чтобы структурировать большой объем текста и не перегружать интерфейс. Добавила блок с шифром хранения для тех, кто ищет по нему.
  • Навигация по связям: Добавила интерактивную цепочку тем (Религия > Христианство > …), чтобы пользователь мог легко переходить к смежным материалам и глубже изучать интересующую область.

/ составные карточки: многотомники и периодика

Спроектировала интерфейс для сложных составных документов (многотомников и периодики), где пользователю нужно заказать не просто книгу, а конкретный том или номер журнала. Проработала логику раскрытия карточки через кнопку «Выбрать», которая трансформирует общий вид издания в сетку доступных выпусков с возможностью моментального заказа.

Детали реализации:
  • Управление доступом: Добавила переключатель между оцифрованными и неоцифрованными версиями прямо в карточке, чтобы пользователь сразу видел, что он может прочитать онлайн, а что придется заказывать в зал.
  • Наглядность выпусков: Каждый том или номер оформлен как отдельная мини-карточка.
  • Запрос на дополнительный поиск: Внизу карточки предусмотрена форма для ручного ввода года и номера выпуска с пояснением: если система не может раскрыть состав издания полностью, пользователь может запросить конкретный экземпляр, и библиотека проверит его наличие.

/ модальные окна заказа

Спроектировала систему модальных окон для заказа документов, которая гибко подстраивается под разные сценарии выдачи. Вместо универсальной формы я проработала множество версий окна в зависимости от контекста: где физически находится экземпляр, можно ли его получить самому или требуется предварительный заказ, доступен ли документ в цифровом виде или только в читальном зале.

Детали реализации:
  • Выбор локации и информирование: Если у документа есть несколько экземпляров в разных отделах, пользователь видит радиокнопки с полными адресами и шифрами хранения, чтобы осознанно выбрать, куда идти.
  • Прозрачность логистики: Итоговый блок суммирует и наглядно объясняет, куда именно и когда примерно прибудет заказ, чтобы пользователь мог спланировать свой визит.
  • Минимум кликов: Весь процесс заказа укладывается в одно окно без переходов на другие страницы, а подтверждение происходит одной кнопкой.

/ Умные поисковые подсказки

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

Детали реализации:
  • Уточнение запроса на лету: В выпадающем списке слева от строки поиска реализован выбор конкретной категории (по умолчанию «Везде»), что позволяет пользователю сразу задать контекст поиска, не переходя в расширенные настройки.
  • Умная группировка: Подсказки разбиты на блоки. Например, при вводе «Толстой» система предлагает варианты «По автору» (Лев Николаевич, Алексей Константинович и др.), «По названию» и даже «По теме» с полными классификаторами, что критически важно для научного поиска.
  • Быстрый переход: Каждый элемент подсказки — это готовая ссылка. Клик по автору или теме мгновенно запускает поиск по выбранному параметру, экономя время и клики пользователя.

/ Главная страница каталога

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

Детали реализации:
  • Быстрый доступ к инструментам: Сразу под строкой поиска разместила сетку из шести плиток с ключевыми сервисами, чтобы пользователь мог выбрать нужный способ поиска, не блуждая по меню.
  • Продвижение: Добавила блоки с горизонтальной прокруткой для виртуальных читальных залов и новых поступлений, чтобы можно было заинтересовать пользователя новинками и показать географию библиотек-партнеров.
  • Контакты для офлайн-посещения: В нижней части страницы разместила интерактивную карту главного здания и подробные контактные данные с официального сайта, объединив онлайн-сервисы с информацией для офлайн-посещения. Также добавила промо-баннер, который ведет на официальный сайт РГБ.

/ альтернативные способы поиска

Адаптировала сложные и специфичные инструменты поиска из старой версии каталога (Алфавитный указатель и Имидж-каталог) под новый современный интерфейс. Сохранила привычную для опытных пользователей логику работы, но сделала ее визуально легкой и понятной: убрала визуальный шум, выстроила четкую иерархию и добавила понятные фильтры.

/ мобильная адаптация

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

/ мои решения и подход

Провела аудит и улучшила UX старого каталога: сделала поиск и заказ документов более прозрачными для читателей до глобального редизайна.

Спроектировала с нуля главную страницу каталога, которой раньше не было, — теперь она знакомит пользователя с возможностями системы.

Полностью пересобрала карточки документов (бибкарточки) — создала множество вариантов отображения в зависимости от типа издания (книги, многотомники, периодика), учитывая ГОСТы и особенности заказа.

Проработала сложную логику заказа: спроектировала разные версии окон в зависимости от наличия экземпляров, возможности онлайн-доступа и других факторов.

Адаптировала весь интерфейс под мобильные устройства, чтобы читатели могли искать и заказывать документы с телефона.

Интегрировала новый UI-kit в дизайн каталога, обеспечив полное визуальное единство с личным кабинетом и сайтом РГБ.

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

/ результаты на сегодня

  • Полностью завершен дизайн обновленного электронного каталога на всех этапах — от главной страницы до окон заказа и мобильной версии.

  • Вся логика и интерфейсы спроектированы, включая сложные сценарии поиска, фильтрации и заказа разных типов документов.

  • Дизайн полностью интегрирован с новым фирменным стилем и UI-kit РГБ, что обеспечивает единый пользовательский опыт на всех цифровых платформах.

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

  • Готов к передаче в разработку — все макеты, состояния и логика собраны и ждут начала работ со стороны команды разработчиков.