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