2021–2026 гг

Проектирование UX/UI для личного кабинета Российской государственной библиотеки

/ о проекте

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

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

/ задача

Устаревший дизайн личного кабинета не соответствовал имиджу библиотеки и был скопирован с другого проекта.

Требовалось:
  • В 2021 году — разработать уникальный дизайн и UX с нуля, включая новый раздел «Заказы в читальные залы».
  • В 2024 году — адаптировать уже готовый ЛК под новый фирменный стиль и UI-кит официального сайта rsl.ru, разработанный сторонней студией.

/ раздел заказов

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

Детали реализации:
  • Группировка по точкам выдачи: Разделила список на логические блоки («Единая кафедра выдачи», «Центр восточной литературы»), чтобы пользователь сразу видел, куда и за чем ему нужно идти.
  • Умные уведомления и таймеры: Проработала состояния, когда заказ уже готов (сроки хранения, кнопка «Продлить»), а также добавила динамические подсказки: например, если заказ задерживается («Задержка до 45 мин.») или сменилась кафедра выдачи.
  • Гибкая фильтрация и поиск: Предусмотрела поиск, фильтрацию по статусам заказов («Новое», «В работе», «Готов к выдаче» и др.), сортировку, чтобы даже при десятках активных заказов пользователь мог мгновенно найти нужный.

/ карточка заказа

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

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

/ раздел избранных документов

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

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

/ профиль читателя

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

Детали реализации:
  • Управление данными: Все поля (почта, телефон, пароль, отрасль знаний) имеют понятные состояния для редактирования и верификации (например, зеленый чек «Почта подтверждена»).
  • Интеграция и безопасность: Предусмотрела блок «Привязанные профили» для быстрого входа через популярные сервисы (Госуслуги, ВК, Одноклассники и др.), а также четкую зону для управления подписками и удаления аккаунта.
  • Визуализация билета: В активном состоянии билет оформлен как виртуальная карта с фотографией зала, номером, сроком действия и контактами конкретного читального зала, к которому он привязан.

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

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

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

Разработала уникальный дизайн-концепцию ЛК, опираясь на существующий в 2021 году фирменный стиль библиотеки, чтобы кабинет выглядел современно и соответствовал имиджу РГБ. К сожалению эта дизайн-концепция не продолжила свою жизнь в итоговом дизайне.

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

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

Безболезненно интегрировала новый UI-кит в 2024 году — переработала все экраны под свежий дизайн сайта rsl.ru, сохранив всю логику и функциональность.

Спроектировала профиль пользователя с возможностью оформления читательского билета прямо в кабинете.

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

  • Внедрена дизайн-концепция личного кабинета, полностью соответствующая новому фирменному стилю РГБ и UI-киту.

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

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

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

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

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