Редизайн электронной библиотеки издательства МИФ

Данный кейс создан на основе тестового задания от издательства МИФ — редизайн главной страницы электронной библиотеки для корпоративных пользователей.


Задача
  • Сформулируйте гипотезы со стороны дизайна UI/UX. Что может портить пользовательский опыт на главной странице сервиса? Что можно улучшить? Что может повлиять на решение человека читать или слушать книгу, начать смотреть курс или читать статью?
  • Задизайните главную страницу электронной библиотеки с учётом гипотез и предложите решения проблем (можно сделать 2 первых экрана и рассказать о планах на остальные).
  • Расскажите, как бы проверяли гипотезы в реальном продукте.
  • Нужно задизайнить мобильную 375 пк и десктопную версию 1360 пк.

Цели для пользователя
  1. Быстро понять, что предлагает сервис: книги, аудио, курсы, саммари, статьи. Метрика для измерения — время, которое пользователь проводит на главной странице.
  2. Легко найти релевантный контент с помощью фильтров и рекомендаций. Метрика для измерения — конверсия из главной страницы в потребление контента (CTR по CTA-кнопкам «Читать», «Слушать», «Начать курс»).
  3. Экономить время — быстрый доступ к популярному и персонализированному. Метрика для измерения — время, которое пользователь проводит на главной странице
  4. Продолжать обучение без усилий — быстрый доступ к прогрессу и ранее начатым материалам. Метрика для измерения — доля пользователей, которые вернулись к ранее начатому контенту.

Цели для бизнеса
  1. Увеличить вовлечённость (больше кликов, чтений, прослушиваний, запусков курсов). Метрика для измерения — Retention rate (удержание на 7/30 дней).
  2. Повысить удержание пользователей за счёт прогресса и персонализации. Метрика для измерения — уровень вовлечённости (DAU/MAU)
  3. Снизить отток новичков благодаря упрощённому старту и понятной структуре. Метрика для измерения — количество продлений подписки

Провела интервью с пользователями + юзабилити тест
Для анализа данного сайта и формулировки гипотез я использовала качественное исследование — глубинное интервью, совмещённое с юзабилити-тестированием.

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

Отмечу отдельно, что процесс регистрации в библиотеке очень запутанный, двое респондентов отказались регистрироваться, сказали, что слишком сложно. Пришлось пролистывать страницу самой, а они давали комментарии в процессе.
Сформулировала гипотезы на основе исследования
  • Предполагаю, что введение персональных рекомендаций повысит среднее время, проведённое на платформе, и конверсию «просмотреть курс / прочитать статью», поскольку пользователь сразу будет видеть, что можно прочесть/послушать в библиотеке и это повысит его мотивацию.
  • Предполагаю, что добавление системы рейтингов и отзывов о книгах, а так же разделов типа «Что читают ваши коллеги» увеличит число переходов на контент, т.к. повысит доверие пользователей
  • Предполагаю, что введение строки поиска по типу маркетплейсов («Поиск по каталогу» и «Везде» снизит время поиска и увеличит конверсию к потреблению контента, т.к. пользователи будут быстрее находить нужный им контент
  • Предполагаю, что если сделать разделы более заметными и закрепить меню при скроллинге страницы, это увеличит число переходов в другие разделы сайта, т.к. пользователи смогут это сделать в любой момент при прокрутке главной страницы
  • Предполагаю, что разделение карточек по типам контента с добавлением CTA-кнопок («Слушать», «Начать курс») повысит конверсию тех, кто ищет определённый тип контента, т.к. он не будет теряться среди книг, станет виден более отчётливо

Спроектировала экран, первая итерация
Полностью изменила главный экран электронной библиотеки в соответствии с сформулированными гипотезами и сделала редизайн в стиле издательства МИФ.

Смотреть экраны в Figma
Мобилка
Новый вариант
Старый вариант
«Коридорное тестирование»
  • Первый вариант экранов прошёл коридорное тестирование на трёх респондентах. Все отметили, что страница стала гораздо более упорядоченной и интуитивно понятной. В процессе тестирования было выявлено несколько инсайтов и доработок:
  • Чтобы увеличить количество просмотров саммари, статей и курсов, лучше каждую категорию на странице сделать из подборок разного контента, а не только из одних книг (по типу «Школы управления Сколково»)
  • Внедрить прогресс чтения/прослушивания контента для опытных пользователей, т.к. они будут тратить меньше времени на то, чтобы возобновить чтение/обучение
  • Внедрить раздел «Что читают ваши коллеги» — это увеличит число переходов на контент, т.к. повысит доверие пользователей

Итоги
Хотелось бы осветить ещё несколько моментов, касающихся улучшения сервиса электронной библиотеки:
  1. Необходимо упростить процесс регистрации, который в настоящий момент очень долгий и сложный и может отпугнуть потенциальных пользователей ещё до того, как они увидят продукт
  2. Чтобы даже в демо-версии появлялись рекомендации, нужно при входе в библиотеку сделать небольшой онбординг по интересам, например, как на Pinterest, с тегами. Тогда пользователь попадёт на главную страницу, уже учитывающую его интересы, проведёт на ней больше времени и с большей вероятностью купит доступ к библиотеке
  3. При входе в демо-вариант библиотеки мы, фактически, продаём её потенциальным пользователям — руководителям или другим лицам в компании, которые принимают решение о покупке. Поэтому логично на главной странице демо-библиотеки разместить больше контента, рассказывающего о потенциальной пользе этого продукта для компании. Это могут быть слайды из презентации, которая представлена в тестовом задании, оформленные наподобие блока «Саммари». Например, про рассылки и про бонусы к библиотеке. Эту гипотезу нужно проверить, но она может увеличить конверсию в покупку.
  4. Когда пользователь уже купил библиотеку, т.е. версия не демо, формат страницы меняется. Теперь после блока с подборками по интересам можно показывать те категории, которые пользователь указал в онбординге или же категории, в которых пользователь читает/слушает контент чаще всего.
  5. В демо-версии в конце ознакомительного фрагмента книг было бы уместно поставить информацию о том, как приобрести библиотеку (текст, аналогичный тому, что появляется на главной странице). Это может увеличить конверсию в покупку.


Спасибо за просмотр!
Ксения Перова
+7 (915) 124 09 22
ksuwarlock@gmail.com
Telegram