Мобильный фронт к существующей библиотечной платформе.
  • О чем продукт?
    PROF Образование — мобильное приложение для поиска и чтения учебной литературы, внутренний «ридер» для студентов и преподавателей.
    Приложение позволяет:
    • студентам и преподавателям находить нужные книги и пользоваться ими в удобном формате;
    • учебным учреждениям мониторить, какие коллекции литературы реально используются, и принимать решения о продлении/отключении подписок.
  • Контекст
    Учреждения заметили снижение интереса к онлайн‑библиотеке через адаптивные версии сайта. По данным аналитики доля мобильных пользователей в web‑версии составляла всего около 11%.
    Гипотеза команды: студентам привычнее отдельное приложение, чем мобильный сайт.
    Чтобы вернуть интерес к сервису и дать заказчикам инструмент для мониторинга использования коллекций, решили запустить мобильный app.
  • Что я решала?
    • Перенести ключевые сценарии web‑платформы в формат мобильного приложения.
    • Упростить навигацию и поиск литературы с учётом поведения студентов и преподавателей.
    • Спроектировать интерфейсы для разных ролей и собрать кликабельный прототип для коридорного тестирования.
    • Заложить основу UI‑кита для дальнейшего развития приложения (версии 1.0 и 2.0).
  • Какой был процесс?
    1. Исходные данные и сценарии
    • Взяла за основу сценарии использования сайта: поиск, просмотр коллекций, чтение, закладки, заметки.
    • Совместно с ПМ, директором по стратегическим объектам, редактором и маркетологом собрали требования и разложили их по пользовательским сценариям (студент, преподаватель, администратор).
    2. UX‑решения
    • Спроектировала структуру приложения:
    • – экран входа и первичной авторизации;
    • – выбор коллекций и статусы подключённых/доступных;
    • – каталог литературы с разделами и фильтрами;
    • – читалка;
    • – дополнительные функции: закладки и заметки по датам.
    • Для каждой коллекции предусмотрела собственный фильтр и разделы, чтобы студентам было проще ориентироваться в большом объёме данных.
    3. Прототип
    • Инициативно собрала кликабельный прототип (3 роли) для коридорного тестирования.
    • Прототип использовали как для быстрой проверки сценариев на пользователях, так и как наглядную спецификацию для разработчиков (понимание flow и состояний).
    • По результатам тестирования оперативно вносили правки — итерации занимали 1–2 дня.
    4. Дизайн‑система и автоматизация рутины
    • На основе первой версии приложения заложила UI‑kit: цвета, типографика, базовые элементы (кнопки, поля, карточки, фильтры), состояния.
    • Собрала master‑компонент основных элементов так, чтобы изменение одного компонента автоматически обновляло 60+ экранов — это сильно уменьшило объём ручной работы при доработке 2.0.
Ключевые экранные решения
Коллекции
  • Учла, что у платформы несколько типов коллекций, подключаемых по требованиям конкретного учебного заведения.

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

  • Интерфейс читалки адаптирован под учебные материалы (учёт формата PDF/сканов, акцент на читаемости текста).
Дополнительные функции
  • Учла потребности студентов и преподавателей в конспектах: реализовала заметки и закладки, сгруппированные по датам, чтобы было проще возвращаться к нужным фрагментам.
Автоматизация рутины
Я создала мастер - компонент основных элементов, при изменении которых можно было заменить 60+ экранов одномоментно.
Прототип
Инициативно создала прототип, чтобы провести коридорное исследование.

Так же используется в помощь программистами, которые могут видеть то, что нужно создать.

Прокачивает внимательность и уменьшает количество ошибок при выстраивании user flow.

Были сделаны 3 разные роли.


UI kit
Начало kit'а было заложено еще при первой версии приложения, в дальнейшем оно будет дополняться исходя из предстоящего редизайна.
  • ИТОГО:
    • Собран и протестирован интерактивный прототип приложения с основными ролями.
    • Заложен и частично реализован UI‑kit для мобильного продукта, что облегчило развитие версии 2.0.
    • Отработан полный цикл: от переноса сценариев web‑платформы в mobile до тестирования и подготовки интерфейсов к реализации.
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website