Medicity

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

Medicity

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

Задачи проекта

Основной задачей проекта было создание альтернативной версии основного сервиса МедЭврика. Целью был запуск еще одного сервиса параллельно с основным. Некоторые функции были упрощены. Так, например, в данной версии нет темной темы. Часть функций была переработана, другие же добавлены или переделаны до неузнаваемости. Часть основных функций была сохранена по аналогии с МедЭврикой с поправкой на UI.

Этапы работы над проектом

Ознакомление с проектом

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

Анализ проекта

Как и в основном продукте, были проделаны следующие работы с поправкой на более молодую аудиторию:

  • Полный аудит проекта
  • Анализ флоу и технического функционала
  • Анализ конкурентов
  • Понимание картины "среднего пользователя"
  • Поиск болей пользователя

Первичная организация

На данном этапе я фокусировался на первичной организации проекта: директории, первоначальные нейминги, первичный UI (цвет, шрифты и т. д.). Разработка стилей проекта (цветовые, шрифтовые, тени, рамки, скругления и др.). Начата работа над созданием дизайн-системы проекта.

Проектирование интерфейса

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

Развитие ДС

Одновременно с проектированием интерфейса продолжалось и развитие дизайн-системы. Был сделан фокус на компоненты, стили, токены, чтобы обеспечить консистентность интерфейса, ускорение разработки проекта и внедрение новых фич.
За все время было разработано более 700 компонентов.

Тестирование

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

Заключительные мероприятия

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

Макеты

В данном блоке приведены макеты проекта. Так как проект очень большой, то для каждой его важной части я буду выделять по 1–3 скриншота с пояснениями, чтобы не делать кейс еще длиннее.

Каталог клинических рекомендаций

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

Страница клинической рекомендации

В целом повторяет аналогичную страницу в основном сервисе с поправкой на UI. Однако есть несколько различий: 1) навигация внутри страницы представляет собой закрепленное горизонтальное меню; 2) при клике на пункты дополнительные функции появляются в правой части экрана.
Страница клинической рекомендации.
Панель с основными разделами клинической рекомендации (справа).
Вкладка "Заметки"
Поп-ап с редактированием заметки.

Страница классификатора болезней

Для более точного поиска и сортировки информации была интегрирована Международная классификация болезней (МКБ). Данная страница представляет собой многоуровневый классификатор.
Основная категория.
Подкатегория 1-го уровня.
Подкатегория 2-го уровня.

Страница поиска понятий

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

Поиск лекарственных препаратов

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

Чат с AI-ассистентом

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

Итоги проекта

После завершения основных работ руководством было принято решение приостановить разработку параллельной версии основного продукта, так как было решено сконцентрироваться на нем. Часть решений, которые я разработал для этого продукта, была использована в основном продукте с учетом его UI.
Made on
Tilda