Сервис поиска научных статей LitSystem для Медси

Сервис поиска научных статей LitSystem для Медси

UX-проектирование
UI-дизайн
B2C
Сервисы
TypeScript

Содержание

О клиенте

Группа компаний «Медси» — ведущая федеральная сеть частных медицинских клиник. Предоставляет полный комплекс услуг по профилактике, диагностике и лечению заболеваний, а также по реабилитации для детей и взрослых. В её составе — 146 клиник, 40 уникальных центров компетенций, в том числе Международный центр онкологии.

logo-lanta

О проекте

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

Написание работ представляет собой целый процесс, который состоит из подбора литературных источников и поиска полного текста публикаций, чтения, анализа, перевода статей и абстрактов*, оформления списков литературы. Самое сложное — найти нужный материал по заданной тематике и иметь возможность не только прочитать её абстракт, но и найти полный текст статьи. А ещё желательно закинуть её в переводчик и получить готовый перевод, с которым можно работать.

*Абстракт — сокращённое описание, в котором тезисно изложено содержание статьи.

Специалист в области организации здравоохранения, врач-нейрохирург Н. В. Хуторной создал сервис по поиску научной медицинской литературы — Scientia Medica. Он разработал интерфейс, подключил поисковую систему Pubmed, запрограммировал и запустил в работу.

Группа компаний «Медси» заинтересовалась стартапом Scientia Medica, включив его в перечень инструментов повышения врачебных компетенций.

Так появилась LitSystem (от англ. literature и system) — система работы с научной литературой.

Задачи

Помимо того, что сервисом будут пользоваться сотрудники «Медси», компания решила продвигать его во вне. Для этого предстояло обновить дизайн, улучшить юзабилити и дополнить сервис новыми возможностями. С этой задачей клиент обратился к нам.

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

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

Итак, перед нашей командой стояло три основные задачи:

1. Сохранить и расширить текущие возможности сервиса;

2. Улучшить пользовательский опыт при взаимодействии с сервисом;

3. Разработать современный дизайн, используя брендбук «Медси».

Этапы проекта

1. Бизнес-интервью с заказчиком, сбор и формирование требований.

2. Десктоп-ресерч (самостоятельное изучение материалов, изучение работы подобных сервисов).

3. Построение информационной архитектуры.

4. Проектирование.

5. Разработка дизайн-концепции.

6. Дизайн.

Предпроектная аналитика

Активная работа над проектом началась в конце июня 2023 г. Команда со стороны нашей компании состояла из UX-аналитика, UI-дизайнера и менеджера проекта. 

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

После этого UX-аналитик изучил схожие сервисы, чтобы проанализировать, как в них решаются похожие задачи.

Результат этапа — документ с итогами бизнес-интервью и примеры решений, которые мы сможем использовать при разработке сервиса.

Информационная архитектура

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

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

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

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

Проектирование

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

Начали с поиска, т.к это основная функция сервиса, вокруг которой строится остальная структура. Отрисовали все основные экраны, заложенные в информационной архитектуре:

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

После согласования прототипов с заказчиком передали проект в дизайн.

Дизайн

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

Концепцию разработали на примере главной страницы и поиска. У нового сервиса не было логотипа, поэтому разработали его в рамках подготовки дизайн-концепции.

Упор в дизайне делали на простоту и понятность. Сервис будет использоваться для работы с большими объёмами текста — важно было не перегружать его графикой и цветовыми акцентами. В интерфейсе использовали белый, чёрный и фирменный лазурный цвет из брендбука в качестве акцентного.

После утверждения концепции приступили к дизайну оставшихся страниц сервиса.

Разработка

Разработкой сервиса занимался наш партнёр — компания Mantix.

Настроили интеграцию с сервисами Pubmed, Google Scholar, OpenAlex для поиска научных работ.

Настроили функционал раздела «Подборки», например, загрузку своих статей с дальнейшим добавлением в подборки, распознавание текста PDF.

Для управления подборками реализовали функции:

  • создания и редактирования подборок;
  • поиска полного текста статей;
  • экспорта в docx;
  • отслеживания новых статей по запросу.

Для групповой работы с подборками доступны:

  • создание и администрирование групп;
  • добавление и изменение подборок;
  • работу с заметками.

Также разработали модуль тарификации функционала и сделали интеграцию с платёжным модулем.

Интерфейсные решения

Поиск и поисковая выдача

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

Главная

На главной странице размещён основной инструмент сервиса — поиск статей. Также представлена информация о сервисе, его возможностях, а также тарифы с пробным периодом на сутки.

Подборки литературы

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

Отслеживание статей

Если нужная статья не найдена, можно настроить отслеживание по запросу. При появлении подходящей статьи пользователь получает уведомление, а статья автоматически добавляется в подборку.

Группы пользователей

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

Мои статьи

В разделе «Мои статьи» можно загружать свои или найденные статьи, добавлять их в подборки, оставлять заметки и переводить на другие языки с помощью машинного перевода.

Профиль пользователя

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

Результаты работы

Проделан большой объём работы в достаточно короткий срок, а главное — мы уложились в дедлайны и оправдали ожидания клиента. 

Сейчас группа компаний «Медси» планирует активно привлекать внимание медицинских работников к новому сервису. Компания рассказала о LitSystem в журнале «Вестник Медси» и  статье в интернет-издании C-News.

Над проектом работали

icon
Ольга
Аккаунт-директор
icon
Вадим
Руководитель отдела управления проектами
icon
Ирина
UX Team-lead
icon
Злата
UX/UI-дизайнер
icon
Стёпа
UX/UI-дизайнер
icon
Катя
UI-дизайнер
icon
Рома
UI-дизайнер
icon
Mantix
Компания-разработчик

Другие кейсы

Личный кабинет клиента Scania

B2B
UI-дизайн
Личный кабинет
+ ещё 4
UX-исследование для сети медицинских центров

UX-исследование для сети медицинских центров

UX-проектирование
UI-дизайн
B2C
+ ещё 5
Автоматизация корпоративных заказов продуктов

Автоматизация корпоративных заказов продуктов

B2B
UX-проектирование
E-commerce
+ ещё 3
Аналитика и дизайн интернет-магазина оптики

Аналитика и дизайн интернет-магазина оптики

UX-проектирование
UI-дизайн
Интернет-магазин
+ ещё 4
Корпоративный сайт для лизинговой компании
1 награда

Корпоративный сайт для лизинговой компании

UX-проектирование
UI-дизайн
Исследование пользователей
+ ещё 5

Редизайн процесса оформления заказа на сайте Faberlic

UX-проектирование
UI-дизайн
Интернет-магазин
+ ещё 5

Редизайн антивирусного ПО PRO32

UX-проектирование
UI-дизайн
Редизайн
+ ещё 1

Цифровая экосистема для AI-управления финансами для Нескучных Финансов

B2B
UX-проектирование
Highload-сервис
+ ещё 5
Дизайн личного кабинета и аналитика мобильного приложения Sminex

Дизайн личного кабинета и аналитика мобильного приложения Sminex

UX-проектирование
UI-дизайн
Личный кабинет
+ ещё 4

Корпоративный сайт «Сибирской горно-металлургической компании»

UX-проектирование
UI-дизайн
Битрикс
+ ещё 3

Корпоративный сайт «Элтекс»

UX-проектирование
UI-дизайн
Редизайн
+ ещё 3

Новый сайт «Роскадастра»

UX-проектирование
UI-дизайн
Битрикс
+ ещё 2
Юзабилити-аудит сайта клиники

Юзабилити-аудит сайта клиники

Веб
Аудит
Корпоративный сайт
UX-аналитика и дизайн для «АО Медицина»

UX-аналитика и дизайн для «АО Медицина»

UX-проектирование
UI-дизайн
Веб
+ ещё 3

Система удалённого мониторинга BMS

B2B
UX-проектирование
UI-дизайн
+ ещё 3
Корпоративный сайт «Банк Эсхата»

Корпоративный сайт «Банк Эсхата»

UX-проектирование
UI-дизайн
Битрикс
+ ещё 4

Корпоративный сайт «Нового Втормета»

UX-проектирование
UI-дизайн
Битрикс
+ ещё 3
CX-исследование агрокалькулятора для Фосагро

CX-исследование агрокалькулятора для Фосагро

Исследование пользователей
Сервисы
Юзабилити-тестирование сайта «МойОфис»

Юзабилити-тестирование сайта «МойОфис»

Юзабилити-тестирование
Веб
UX-исследования
+ ещё 1

Сайт стоматологической клиники АГАМИ

UX-проектирование
UI-дизайн
Битрикс
+ ещё 7
UX-тестирование и редизайн ключевых страниц интернет-магазина Faberlic

UX-тестирование и редизайн ключевых страниц интернет-магазина Faberlic

UX-проектирование
UI-дизайн
Интернет-магазин
+ ещё 4

Продуктовый листинг и товарный лендинг для «Ангстрема»

UX-проектирование
UI-дизайн
E-commerce
+ ещё 4
Личный кабинет клиента Scania (краткий кейс)
7 наград

Личный кабинет клиента Scania (краткий кейс)

UX-проектирование
UI-дизайн
Личный кабинет
+ ещё 3

Лендинг к 10-летию Российского научного фонда

UI-дизайн
Веб
Спецпроект
+ ещё 3
Редизайн сайта компании Sintec Lubricants

Редизайн сайта компании Sintec Lubricants

UX-проектирование
UI-дизайн
B2C
+ ещё 2

Цифровая экосистема для интегратора образовательных услуг «Просвещение»

UX-проектирование
Цифровая экосистема
Веб
+ ещё 2
Аналитика и проектирование сайта Knauf

Аналитика и проектирование сайта Knauf

B2B
UX-проектирование
Интернет-магазин
+ ещё 4

Корпоративный сайт для РСХБ Лизинг

UX-проектирование
UI-дизайн
Битрикс
+ ещё 4
Юзабилити-аудит сайта Стартекс

Юзабилити-аудит сайта Стартекс

B2B
Интернет-магазин
B2C
+ ещё 1

Корпоративный сайт Unigreen Energy

UI-дизайн
Битрикс
Time & Material
+ ещё 5
Аналитика и проектирование b2b-портала для «Восток-Запад»

Аналитика и проектирование b2b-портала для «Восток-Запад»

B2B
UX-проектирование
Личный кабинет
+ ещё 1

Личный кабинет клиента Soax

B2B
UX-проектирование
UI-дизайн
+ ещё 3
Суперапп по контролю за здоровьем для фармацевтической компании Протек
3 награды

Суперапп по контролю за здоровьем для фармацевтической компании Протек

UX-проектирование
UI-дизайн
Бизнес-анализ
+ ещё 1

Новый сайт GMS Clinic

UX-проектирование
UI-дизайн
Битрикс
+ ещё 9

Личный кабинет и админ-панель для обучающей платформы Puzzle Brain

UX-проектирование
UI-дизайн
Личный кабинет
+ ещё 2
Дизайн-концепция сайта для музея Алросы

Дизайн-концепция сайта для музея Алросы

UI-дизайн
B2C
Веб
+ ещё 1

Редизайн корпоративного сайта Extyl

Редизайн
Веб
Корпоративный сайт
Система управления умными счётчиками ЖКХ для Связь инжиниринг М
1 награда

Система управления умными счётчиками ЖКХ для Связь инжиниринг М

B2B
UX-проектирование
UI-дизайн
+ ещё 2
Юзабилити-аудит сайта Орматек

Юзабилити-аудит сайта Орматек

UX-аудит
Корпоративный сайт

Личный кабинет для оплаты коммунальных платежей ТОСК

UX-проектирование
UI-дизайн
Личный кабинет
+ ещё 2
Личный кабинет HR-партнёра Ингосстрах
2 награды

Личный кабинет HR-партнёра Ингосстрах

B2B
UX-проектирование
UI-дизайн
+ ещё 5
Улучшение UX в сервисе подбора туров Слетать.ру

Улучшение UX в сервисе подбора туров Слетать.ру

UX-проектирование
UI-дизайн
B2C
+ ещё 1

Мобильное приложение «Умный двор» для Lanta

UX-проектирование
UI-дизайн
Мобильное приложение
Дизайн облачного сервиса TDCloud для Ресэнерго

Дизайн облачного сервиса TDCloud для Ресэнерго

B2B
UX-проектирование
UI-дизайн
+ ещё 1
UX-исследование и тестирование на респондентах для АО «Медицина»

UX-исследование и тестирование на респондентах для АО «Медицина»

Исследование пользователей
Юзабилити-тестирование
Личный кабинет
+ ещё 3
Юзабилити-аудит сайта Мособлгаз

Юзабилити-аудит сайта Мособлгаз

UX-аудит
Корпоративный сайт
Ювелирный маркетплейс GoldPrice

Ювелирный маркетплейс GoldPrice

UI-дизайн
Редизайн
Личный кабинет
+ ещё 2
Обсудить проект